Page cover

DECO Product Badges

DECO Badge: Icons/ graphic elements are positioned OUTSIDES of your product images

Where can I create my badges? 🎐

  • After hitting the button: "Create" in the dashboard page, you will be directed to this screen:

How to create DECO badges? 🌸

FOLLOW THESE 3 STEPS TO CREATE YOUR BADGE

STEP 1: Design

TYPES OF BADGE

  • You can choose between these 2 types of badges

IMAGE BADGE
TEXT BADGE

Upload your pre-made design/ Choose from our template gallery.

Customize the content(e.g. text, shape, color, etc)/ Upload your pre-made design.

Image badge: Using the image, you can't edit content

Text badge: Using a shape, you can edit the content within that shape

  • Text badge: You can directly enter your content into this box:

POSITION

  • 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

SIZE

  • 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:

Image Badge
Text Badge

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

IMAGE BADGE
TEXT BADGE

+ For Each PAGES/DEVICES

Image badge
Text badge
  • 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

NOTE: When you adjust the size for the collection page, it will also be automatically applied to the home page( main page), search page

IMAGE BADGE
TEXT BADGE

(Text badge only):

  • You can custom space between letters, add borders around label or adjust the round corner for your badge

OTHER SETTINGS

  • 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)

Add action when click on badge: By adding a link, when buyers click on the badge, it will redirect them to that link.

Show tooltip for badge: Display a short note when buyers hover on the badge

Alt text for SEO: Add a description of your badge for SEO purpose.

STEP 2: Products 🏷️

For both image labels and text label

Here is a compulsory step! You will need to choose products for your badge before "save" it.

  • There are 3 kinds of options:

I - Specific products

  • This is in the Free plan

You will select products manually 1 by 1, and your badge will only display on all selected products

II - All products

  • This is in the "Starter" plan

1-click, and your badge will display on ALL ACTIVE PRODUCTS on your store

III - Conditions

  • This is in both the "Starter", "Growth" and "Unlimited" plan

Automatic conditions, which save much of your time

IV - Basic & Advanced Conditions

Weight range

  • Input the weight range; badge will only display for items within those limits

Price range

  • Input the price range; badge will only display on items within those limits

Product title

  • Type keywords; DECO will find matching product titles/variants and display your badge on them.

Product collections

  • Choose the desired collections; your badge will be displayed on all products belonging to those collections

Exclude collections

  • If you select this condition, the badge will not be displayed on any products within the collections you have selected.

Product tags

  • Enter the product tags from your Shopify store. The badge will then be displayed on any products that have those tags.

Exclude tags

  • Products with the entered tag(s) will not display the badge.

Discount status

  • By choosing "Fixed value" or "Value range", your badge will display on all matching products

NOTE: Click on "settings" button to choose between "Percentage (%)" or "Certain amount ($)" first

Inventory status

NOTE: Products with "Inventory not tracked" won't be counted for this condition

  • Select 1 of those conditions, your badge will display on matching products

New status

  • Set the start and end dates to display the badge on products created within that period.

Include products

  • 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.

Exclude products

  • To exclude specific products within selected collections from the badge display, use this condition.

Specific product variants

  • This condition will help you choose which variants you would like to show your badge on

STEP 3: DISPLAY 📅

This is the place to choose which pages you want to display your badge on

Choose pages to display your badge

Choose the market to show

  • You can either select to display your badge on all markets/ only some specific markets

Select the time display

  • 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.

Set up the badge's priority

  • 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.

Here is a quick video on how label priority helps you organize your labels:


Please refer to some special cases you might meet when using this feature with this link

Last updated