How to create a Label campaign?

Fordeer Welcome! ✋😁

We're super excited to welcome you to the Fordeer community! 🎉

And we've prepared a little guide for you to start using Product Badge & Label

Enjoy reading!

This guide will walk you through the process of setting up a label campaign in our app.

Before starting

Ensure Fordeer: badge is enabled by clicking on Enable app embed in the app dashboard

Press Save in the top right corner


What is label?

Product labels are used to be displayed inside the product images. Labels are effective tools for increasing sales and enhancing the shopping experience for customers.

Create a Label

Step 1: Create Label

Navigate to the Labels section in the sidebar menu of our app. Then, either click on Create Label or Create on the Label Table.

Step 2: Select and Design Labels

Navigate to Design tab to start designing the labels

Select label type:



- Image Label: Choose from pre-designed templates or design your own image label. You can also upload your own image, ensuring a clear background for optimal visibility.



- Text Label: You can create a text label



Design label:

Here are some customizations you can apply when designing the labels:

Visibility Date: You can specify the date range during which the labels will be visible to your customers.


Position: You can determine the placement of the label on the product image.


Size: You can customize the size of the labels according to your preferences. Choose from four preset sizes and adjust the margins (top, bottom, left, and right).


We recommend setting the label size as Fixed (px) to ensure proper display on all pages.

Rotation: You can rotate the labels to achieve the desired orientation.


Color: You can modify the background and text colors of the label to align with your brand aesthetics.


Shadow: You can add shadow effects to enhance the appearance of text labels.


Font: You can adjust the font settings to match your brand's style and identity. We offer all available GG fonts.


Animation: You can select animated labels to capture customers' attention and encourage purchases.


Custom CSS Code: For advanced users familiar with React inline style code, customize the stylesheet to meet specific requirements.


Add Link, Tooltip and Alt text to Label: Incorporate clickable links, tooltips and alt texts into labels for enhanced functionality and user experience.

Step 3: Select Products to Show Labels On

Please go to Products tab to select products.

You can choose from various conditions to select the products where you want the labels to appear: All products, Specific products, From specific collections, Specific variants, With specific tags, and Inventory status.

Step 4: Choose Where Labels Will Appear

Please go to Display tab

You can select which pages the labels will be displayed on: Homepage, Collection pages, Product pages, Search page, and Cart page.

Step 5: Click Create

Click Create button at the end to save all the changes.

Check the label display

Once everything is set up, publish the 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.

💡 Note: Free plan users can create only one label campaign. Upgrade to unlock unlimited label campaigns.

Still have questions?

Don't hesitate to read our different articles.

If you didn't find what you were looking for, contact us now!

See you soon! 😁

Updated on: 13/04/2024