> 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

{% stepper %}
{% step %}

### **Open the Design Settings**

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

<figure><img src="/files/rU4aL3cmC8n2nmaFdS8h" 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="/files/kcdR55ABujH01wfqmIiU" 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="/files/PCGBiQNJAhOgzPwLcDg3" 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!