How to create a bundle label?
Welcome to Fordeer!
In today’s competitive ecommerce market, standing out is crucial. That’s why we’ve invested in tools that give you full control over your label design and display. At Fordeer, we know how important it is to use product labels effectively to boost sales and attract more customers.
Currently, Fordeer offers two ways to create label bundles for your products:
Basic Label Bundle: Create using margin adjustments.
Advanced Label Bundle: Using our new Bundle Label Tool (latest feature).
With this update, we're excited to introduce our new Bundle Label Tool. This guideline will walk you through how to set it up. Let's go!
If you prefer a video for the guidelines, you can watch it below 👇
From the sidebar menu, navigate to Bundle Labels and click the Create Bundle Label button.
Design Your Bundle Label
On the left side of your screen, use our app default blocks to customize the bundle label.
If not, click Add Block and choose the type of labels you want to showcase on your products.
Since this is a bundle label, you’ll need to add more than one block.
Customize the Layout
Layout Options: You can choose between horizontal, vertical, or custom layouts for your bundle label.
Gap Adjustments: Control the spacing between individual labels in the bundle.
Width Settings: Adjust the width of the bundle label.
For instance, setting the width to 100% will make the bundle label cover the full width of your product image.
In the example below, we have three vertical labels showing on product pages, each occupying 30% of the width.
Positioning: Easily adjust where the bundle label appears on your product image.
Margin Adjustments: Fine-tune the top, bottom, left, and right margins to position your bundle label exactly where you want it.
Customize Individual Labels
On the left side of the screen, click Text Label or Image label to bring up the settings bar on the right side of the screen.
You’ll find a range of customization options for each label like creating a basic label. Besides, we add some new additional settings including: line height, min height and adjust padding.
If you image label, the settings will be similiar with basic label settings
Our app provides flexibility to customize label size for different devices (mobile and desktop).
You can also configure labels separately for various pages, such as the homepage, collection pages, and product pages, ensuring your labels appear exactly how you want them on every platform.
To get started, select the devices and placements where you want to display the bundle label. You can then adjust the label stack size for each page and device individually.
Below is an example of how to set up a bundle label sizes for collection pages and product pages on both desktop and mobile devices.
On Desktop devices
On Mobile devices
Assign products to show labels
Once you've finished designing your bundle label, choose which products the labels will appear on by clicking the Products setting page.
Select Pages Labels Will Appear On
You can choose which pages the label will display on your store by selecting the pages and exclude the page
Click Create button
Check the label display
Once everything is set up, publish the bundle label and verify that it displays correctly on your storefront.
If the labels do not show on your store, please do not hesitate to let us know via our support email: support@fordeercommerce.io or our friendly live chat on our app, we will be more than happy to help you.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
In today’s competitive ecommerce market, standing out is crucial. That’s why we’ve invested in tools that give you full control over your label design and display. At Fordeer, we know how important it is to use product labels effectively to boost sales and attract more customers.
Introducing the Bundle Label Tool
Currently, Fordeer offers two ways to create label bundles for your products:
Basic Label Bundle: Create using margin adjustments.
Advanced Label Bundle: Using our new Bundle Label Tool (latest feature).
With this update, we're excited to introduce our new Bundle Label Tool. This guideline will walk you through how to set it up. Let's go!
If you prefer a video for the guidelines, you can watch it below 👇
Step-by-Step Guide to Creating a Bundle Label
From the sidebar menu, navigate to Bundle Labels and click the Create Bundle Label button.
Design Your Bundle Label
On the left side of your screen, use our app default blocks to customize the bundle label.
If not, click Add Block and choose the type of labels you want to showcase on your products.
Since this is a bundle label, you’ll need to add more than one block.
Customize the Layout
Layout Options: You can choose between horizontal, vertical, or custom layouts for your bundle label.
Gap Adjustments: Control the spacing between individual labels in the bundle.
Width Settings: Adjust the width of the bundle label.
For instance, setting the width to 100% will make the bundle label cover the full width of your product image.
In the example below, we have three vertical labels showing on product pages, each occupying 30% of the width.
Positioning: Easily adjust where the bundle label appears on your product image.
Margin Adjustments: Fine-tune the top, bottom, left, and right margins to position your bundle label exactly where you want it.
Customize Individual Labels
On the left side of the screen, click Text Label or Image label to bring up the settings bar on the right side of the screen.
You’ll find a range of customization options for each label like creating a basic label. Besides, we add some new additional settings including: line height, min height and adjust padding.
If you image label, the settings will be similiar with basic label settings
Noted - Label size on collection pages & product pages and mobile & desktop
Our app provides flexibility to customize label size for different devices (mobile and desktop).
You can also configure labels separately for various pages, such as the homepage, collection pages, and product pages, ensuring your labels appear exactly how you want them on every platform.
To get started, select the devices and placements where you want to display the bundle label. You can then adjust the label stack size for each page and device individually.
Below is an example of how to set up a bundle label sizes for collection pages and product pages on both desktop and mobile devices.
On Desktop devices
On Mobile devices
Assign products to show labels
Once you've finished designing your bundle label, choose which products the labels will appear on by clicking the Products setting page.
Select Pages Labels Will Appear On
You can choose which pages the label will display on your store by selecting the pages and exclude the page
Click Create button
Check the label display
Once everything is set up, publish the bundle label and verify that it displays correctly on your storefront.
If the labels do not show on your store, please do not hesitate to let us know via our support email: support@fordeercommerce.io or our friendly live chat on our app, we will be more than happy to help you.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Updated on: 11/09/2024
Thank you!