> For the complete documentation index, see [llms.txt](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://deco-product-labels-and-badges-1.gitbook.io/deco-guidelines/our-features/deco-product-badges.md).

# DECO Product Badges

## 🔖 **What is a DECO Product Badge?**

* A Badge is any graphic element laid **INSIDE/OUTSIDE OF AN IMAGE** to provide additional information, context, or identification for your products.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-2ad5abdbf1e8c9c2190578fd0556433df2b27d40%2Fproduct-badges-01.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-2b834b4ddab229e4950d3068271834fc5b58dcd7%2Fproduct-badges-02.png?alt=media" alt=""><figcaption></figcaption></figure>

## 🛠️ Where to create a badge?

* There are 2 WAYS:

1/ From the DECO's home page,

* To ***create*** a new badge: Click: <mark style="color:blue;">"</mark>*<mark style="color:blue;">**Create"**</mark>* button in the Label & Badge block to get started.
* To ***quickly view*** all badges created: Click: *<mark style="color:blue;">**"Manage"**</mark>*

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-eb690ed69e81d3b27c7f5f123e7af63b55dc8810%2Fproduct-badges-03.png?alt=media" alt=""><figcaption></figcaption></figure>

2/ Or navigate to <mark style="color:$primary;">"</mark>*<mark style="color:$primary;">**Label &**</mark>* *<mark style="color:$primary;">**Badge**</mark>*<mark style="color:$primary;">"</mark> on the left navigation menu >> Then, click <mark style="color:$primary;">"</mark>*<mark style="color:$primary;">**Create badge**</mark>*<mark style="color:$primary;">"</mark> to get started

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-dbdee9270701108a351ff26745b1999d34bc6a61%2Fproduct-badges-04.png?alt=media" alt=""><figcaption></figcaption></figure>

## ⚙️Choose The Badge Type

* Then, select 1 type of the badge >> Click "***Create***" button to get started:

1/ <mark style="color:blue;">**Text badge**</mark><mark style="color:$info;">**:**</mark> The ***editable type***, which **you can edit anything**, like shape, background color, content, text color, etc

2/ <mark style="color:blue;">**Image badge**</mark>: The ***image*** type: **select an image from our gallery, upload your own design, or let our AI create one for you.** You can adjust its size, position and display settings, but not the artwork itself. If you require any modifications to a template, please don't hesitate to contact our support team for assistance.

<figure><img src="https://2681927162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2MNif3OucL2KXUvJtdd3%2Fuploads%2Fgit-blob-299beb3b138baa7c71327b38e2d880405f3c17ca%2Fproduct-badges-05.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %} <mark style="color:blue;">**NOTE**</mark>: **Once you selected the badge type (Image/Text)** in this screen, **you couldn't change the badge type in the next step** (if you would like to change, you need to create a new badge)

The same applies to the badge position (**Inside product image / Outside product image**): **it can only be chosen before the badge is saved for the first time.**
{% endhint %}

<mark style="color:blue;">**→**</mark> Hence, I'll guide you through detailed steps to create 2 main badge types: Text badge & Image badge

{% content-ref url="/pages/qEvmGEy02RjoLxGYIZNa" %}
[1️⃣ TEXT BADGE](/deco-guidelines/our-features/deco-product-badges/1-text-badge.md)
{% endcontent-ref %}

{% content-ref url="/pages/dCUZjmMKbxZFnOUouRbH" %}
[2️⃣ IMAGE BADGE](/deco-guidelines/our-features/deco-product-badges/2-image-badge.md)
{% endcontent-ref %}