DECO Product Badges
Last updated
Last updated
After hitting the button: "Create" in the dashboard page, you will be directed to this screen:
You can also request further customization with the help of our graphic designer team if needed by hitting on the button: "Request edit"/ "Request now"
You can choose between these 2 types of badges
Upload your pre-made design/ Choose from our template gallery.
Customize the content(e.g. text, shape, color, etc)/ Upload your pre-made design.
Text badge: You can directly enter your content into this box:
Select your preferred position for your badge here:
Also, you can select which devices you want to show your badge on by clicking here:
To display your badge with a more flexible position, select: Edit margin
You can adjust the badge's size (DIFFERENTLY) for each page/device:
>> You can choose to adjust the size for ALL PAGES/EACH SEPARATE PAGES/ DEVICES
+ For ALL PAGES:
Same ratio: Drag the button 1 time, the badge will automatically be adjusted so that the height = the width
Auto responsive: Drag to adjust the width, height of the badge, and text font size.
-> The badge will be automatically adjusted to look the same as the preview in the app
+ For Each PAGES/DEVICES
Untick for "Same ratio" box
Swipe between "Mobile" & "Desktop"
Click on "Collection page" to change between Collection page & Product page
Untick for "Auto responsive" box
Swipe between "Mobile" & "Desktop"
Click on "Collection page" to change between Collection page & Product page
You can custom space between letters, add borders around label or adjust the round corner for your badge
You can also have some other settings for your badges as below:
Besides, we have some SEO support tools( Add action when click on badge, Show tooltip for the badge, and Alt text for SEO)
For both image labels and text label
There are 3 kinds of options:
This is in the Free plan
This is in the "Starter" plan
This is in both the "Starter", "Growth" and "Unlimited" plan
Input the weight range; badge will only display for items within those limits
Input the price range; badge will only display on items within those limits
Type keywords; DECO will find matching product titles/variants and display your badge on them.
Choose the desired collections; your badge will be displayed on all products belonging to those collections
If you select this condition, the badge will not be displayed on any products within the collections you have selected.
Enter the product tags from your Shopify store. The badge will then be displayed on any products that have those tags.
NOTE: Write EXACTLY the tag (even the UPPER/ LOWERCASE words)
Products with the entered tag(s) will not display the badge.
By choosing "Fixed value" or "Value range", your badge will display on all matching products
NOTE: Before choosing any inventory status, please check on the "Setting" button FIRST:
Select 1 of those conditions, your badge will display on matching products
Set the start and end dates to display the badge on products created within that period.
Please do the settings before choosing any status
If you've selected the "Product collections" condition but want to also display the badge on additional products outside those collections, use this condition to specify them.
To exclude specific products within selected collections from the badge display, use this condition.
This condition will help you choose which variants you would like to show your badge on
For other pages such as pages from Themes, and other pages built by other page builder apps(PageFly, Ecomposer,...), kindly contact us via the live chat for the quickest setup.
You can either select to display your badge on all markets/ only some specific markets
You can schedule when your badge appears on your online store. This means you can choose specific dates and times for your badge to be visible to customers.
This feature will control the order in which badges are displayed on products, especially when multiple badges are applied to the same item.
This prevents badges from overlapping and ensures the most important badges are always visible.
Please refer to some special cases you might meet when using this feature with