# Step 1: Select/Design labels
**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
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://deco-product-labels-and-badges.gitbook.io/product-labels-and-badges-guidelines/deco-product-labels-and-badges/how-to-create-labels/step-1-select-design-labels.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
