> For the complete documentation index, see [llms.txt](https://en-ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en-ascent.webvista.studio/global-settings/badges.md).

# 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.