# Badges

Badge settings allow you to provide promotional, new product, free gift, and pre-order notifications for different scenarios on the product page. Using badges with different colors and styles can attract customer attention, enhance product visibility, and effectively boost sales.

### Badge Types

1. **Promotion Badge**\
   Used to display promotional information. You can choose from a standard style, or styles that show the amount or percentage of the discount.

   * **Background Color**: Customize the background color of the promotion badge.
   * **Text Color**: Customize the text color of the promotion badge.

   <figure><img src="/files/hqzEWNPJgTQ1ctXdLYgR" alt=""><figcaption><p>sale badge</p></figcaption></figure>
2. **Free Gift Badge**\
   Used to indicate information about free gifts. When enabled, this badge alerts customers that the product comes with a free gift.

   * **Background Color**: Customize the background color of the free gift badge.
   * **Text Color**: Customize the text color of the free gift badge.

   <figure><img src="/files/Wazln3inqlrycLeP75Bx" alt=""><figcaption><p>free gift badge</p></figcaption></figure>
3. **New Product Badge**\
   Used to identify newly released products.

   * **Background color:** Supports customizing the background color of the new arrival badge.
   * **Text color:** Supports customizing the text color of the new arrival badge.
   * **Criteria for determining new products:** There are two options: based on the **publish days** or based on **tag**.
   * **Setting the new product badge:** It is effective when the criteria are based on **tag**.
   * **Setting the number of days since release:** Available options are 7 days, 14 days, or 30 days, effective when the criteria are based on **publish days**.

   <figure><img src="/files/9Rk76EtL24dOyf1hgO7j" alt=""><figcaption><p>new badge</p></figcaption></figure>
4. **Pre-Order Badge**\
   Used to display information about pre-order products. When enabled, the badge will appear and a pre-order button will also be displayed on the product page if the product meets pre-order conditions.

   * **Background Color**: Customize the background color of the pre-order badge.
   * **Text Color**: Customize the text color of the pre-order badge.

   <figure><img src="/files/5EK7tJ3xMxffLX5HihuF" alt=""><figcaption><p>pre-order badge and button</p></figcaption></figure>
5. #### Limited Edition Badge

   Used to highlight and display limited edition products.

   Set the limited edition product tag.

   <figure><img src="/files/JcerItNMHWQwwMKR8E1H" alt=""><figcaption><p>limited edition badge</p></figcaption></figure>
6. **Custom Badges**

Custom badges can be added to products by assigning tags. You can set the background color and text color for the custom badge. The format should be \_badge\_name, for example, \_Best Shoes.

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

### Notes

* **Pre-Order Badge**: The badge and pre-order button will only appear if the product meets the pre-order conditions.
* **Color Customization**: Ensure good contrast between background and text colors for badge readability.


---

# 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://en-ascent.webvista.studio/global-settings/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.