Articles on: Product Badges & Label

How to create a Badge campaign?

Fordeer hello to you,

This guideline below will guide you how to create a badge campaign in general.

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 badge?

Product badges enhance sales by highlighting important product information to customers. They can leverage psychological cues like scarcity, social proof, and urgency to drive sales.

Create a Badge



Step 1: Create Badge


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


Step 2: Select and Design Badges


Navigate to Design tab to start designing the labels

Select badge type


- Image Badge: Choose from pre-designed templates or design your own image badge.


- Text Badge:



Design label:

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

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


Visibility Date: Specify a date range during which the badges will be displayed on your store for your customers to see.


Position: Define the general and predefined positions of the badge on the store, ensuring optimal visibility and placement.


Size: Tailor the size of the badges to your needs by selecting from predefined sizes and adjusting margins as necessary.


Rotation: Rotate the badges to achieve the desired orientation and visual effect.


Color: Personalize the background and text colors of the badges to align with your brand's unique aesthetic.


Shadow: Enhance the visual appeal of text badges by adding shadow effects for depth and dimension.


Font: Choose from a variety of font options and fine-tune settings to ensure consistency with your brand's typography.


Animation: Elevate user engagement by selecting animated badges that captivate attention and encourage interaction.


Custom CSS Code: For advanced users proficient in React inline style code, leverage custom CSS to implement specific design elements and effects within the badge stylesheet.


Step 3: Select Products to Apply Badges


Please go to Products tab to select products.

Choose from different conditions to select where the badges will appear: All products, Specific products, Collections, Variants, Tags, and Inventory status.


Step 4: Choose Display Locations


Please go to Display tab

Select the pages where the badges will be visible: 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 badge display



Once everything is set up, publish the badge and verify that it displays correctly on your storefront.


If the badges 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.

💡 If you're on the Free plan, you can only create one badge campaign. Please upgrade to Unlimit Plan to create unlimited badges.

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

Was this article helpful?

Share your feedback

Cancel

Thank you!