> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/pre-order/coming-soon/coming-soon-badge.md).

# Coming soon Badge

The Coming Soon Badge helps highlight products available for coming soon items on your product list page.

{% stepper %}
{% step %}

### **Open the Design Settings**

From the **Coming Soon** tab → go to **Customize** **Design**.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FYmxuwXSlSFFAc1Y4IQrb%2Fimage.png?alt=media&amp;token=16a15529-9ac6-4947-9fd2-4920d855de99" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Go to the Coming Soon Badge section**

* **Text/Background Color** – Pick a color that matches your store theme.
* **Badge Shape:** Select the shape of the badge, such as square, rounded, or ribbon style.
* **Position:** Choose where the badge should appear.
* **Font Size / Font Family:** Customize the badge text appearance to match your store design
* **Border Radius** – Adjust the roundness of the button’s corners.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FMlfiVH9OutQ79PhCXDso%2Fimage.png?alt=media&amp;token=5ec0f4e7-75fc-4cf3-bc71-b5a5dbd8d8ef" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Choose When to Show the Badge**

Go back to the Preorder Settings > select the condition for displaying the badge:

* **First Variant is Coming soon** – Shows the badge if the first variant is set to coming soon.
* **At Least One Variant is Coming soon** – Shows the badge if any variant is set to coming soon.
* **All Variants are Coming soon** – Shows the badge only if every variant is set to coming soon.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FMzTLQeQE7uwtsp0YN1mQ%2Fimage.png?alt=media&amp;token=4afb8e9f-7133-4cba-ad2b-cbcf46a41318" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Save Your Changes**

Click **Save** to apply your badge settings.
{% endstep %}
{% endstepper %}

***

#### 📩 Need Help?

If you encounter any difficulties during setup, please don’t hesitate to reach out via **chat** or email us at **<contact@globo.io>**. We're always here to help!