Step 1: Select/Design labels

You can either create Image label/ text label

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

NextStep 2: Select products

Last updated

Was this helpful?