Product Labels & Badges Guidelines:
DECO Product Badge
DECO Product Labels
DECO Product Labels
  • How to create labels
    • Step 1: Select/Design labels
    • Step 2: Select products
    • Step 3: Display label
    • WHY DO YOU NEED TO USE OUR ADVANCED FEATURES?
    • Advance: Label Stack
    • Advance: Label Priority
  • FAQs
    • FAQs
      • How DECO fix the issue with the partner request?
      • Why can't I see labels/changes on my website?
      • How do I approve DECO's partner request?
      • How can I see the collaborator code?
      • Why can't I see some products in the product selecting pop-up?
      • How to remove code after uninstalling DECO?
      • Our working hours compared with your timezone
Powered by GitBook
On this page
  • 1.1 Select templates
  • 1.2 Change positions & sizes
  • 2. TEXT LABEL
  • 2.1 Choose background
  • 2.2 Change position and size
  • 2.3 Enter your text

Was this helpful?

  1. How to create labels

Step 1: Select/Design labels

You can either create Image label/ text label

NextStep 2: Select products

Last updated 11 months ago

Was this helpful?

1. IMAGE LABEL

1.1 Select templates

  • In the Image Label section, you will have 2 options: Click Choose from library to use DECO templates, or Upload image to upload your own designs

NOTE: the label "Coming soon" is a default label, you can change it as you wish. Or click "Chat with us now" for more detailed explanation

1.2 Change positions & sizes

  • Select 9 basic Positions and 3 Sizes(S, M, L)

NOTE:

  1. Switch between Collection page and Product page button to choose size differently for these 2 pages

  2. Switch between Desktop and Mobile button to have different size for mobile and desktop device

=>>>> The size on Collection page will be the same for Home page, Search page.

  • Or Click Customize Position and Customize Size to have a more flexible position/ size

2. TEXT LABEL

2.1 Choose background

  • You can use our template backgrounds at "Choose from library", or your own at Upload image

In Background:

  • Choose Custom Shapes to extensively customize them (size, color, border,...)

  • Choose Image Shapes to use a pre-design background

2.2 Change position and size

  • Position: Choose from 9 basic positions OR choose "Customize position" to have a more flexible position

  • Size: Dragging the round button to adjust the width and the height of labels

NOTE:

  1. Switch between Collection page and Product page button to have a different label size for these 2 pages ( The label size on collection page will be the same on Home page & Search page )

  2. Switch between Desktop and Mobile button to have a different label size on these 2 devices

2.3 Enter your text

You can add any text you want in Label text

  • Dragging the round button to adjust your text's font size(NOTE: Don't adjust the text's size too big, causing it's too near the background, it might miss some words when displaying on your online store)

If you want to create custom labels with Auto text options, click on the box beside the Label text

Choose the option you want. For example, Save percents will result like the screenshot below, and XX% will display based on each product discount

Note:

In Auto text, you can adjust any texts or symbols( e.g. change to Uppercase/ lowercase,..), but you should not delete/modify anything in {} for the best display result

In the Text section, you can also custom:

  • Letter spacing

  • Border

  • Margin

  • Animation

  • Rotation

  • Opacity

  • CSS Code