# 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="/files/fr2ZjLP6sAr4Z4KmuapI" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/u09T1E4EN1CCKr4p5KNJ" alt=""><figcaption></figcaption></figure>

## 🛠️ Where to create a badge?

* There are 2 WAYS:&#x20;

1/ From the DECO's home page,&#x20;

* 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="/files/m6eKinmeO0CzOXiNQaA4" alt=""><figcaption></figcaption></figure>

2/ Or navigate to <mark style="color:$primary;">"</mark>*<mark style="color:$primary;">**Labels &**</mark>* *<mark style="color:$primary;">**Badges**</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="/files/D42EOiIj6hF3yAzpcJhE" 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 ***pre-made*** type, which **you can't edit**. However, if you require any modifications to the template, please don't hesitate to contact our support team for assistance.&#x20;

<figure><img src="/files/c7MoPx6UPuUe7twxfiLG" 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)
{% endhint %}

&#x20;<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 %}


---

# 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-1.gitbook.io/deco-guidelines/our-features/deco-product-badges.md?ask=<question>
```

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.