> 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/quick-setup.md).

# Quick setup

## <mark style="color:blue;">Coming soon to Add to Cart</mark>

Displays a **Coming Soon** button in place of the **Add to Cart** button for out-of-stock products before they become available.

<mark style="color:red;">Prerequisite\*:</mark>&#x20;

* <mark style="color:red;">If you want to show coming soon for add to cart button, you must not enable pre-order status for add to cart coming soon profile.</mark>
* <mark style="color:red;">If you enable pre-order status, coming soon profile for add to cart will become coming soon for pre-order</mark>

{% stepper %}
{% step %}
Go to **Coming Soon** tab → **Create Coming soon**

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FZgK79AP7PWsepVJht6HG%2Fimage.png?alt=media&amp;token=86cf8808-6638-4cd2-8646-fa9ab6f4bfc9" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Under the **Status** section, set the **Start** and **End** dates.

* End date coming soon must be greater than start date
*

```
<figure><img src="/files/4lDqxHZLUt2agBFO4J1A" alt=""><figcaption></figcaption></figure>
```

{% endstep %}

{% step %}
*(Optional)* Enable a countdown for coming soon
{% endstep %}

{% step %}
*(Optional)* Enable and customize **Button Text** and **Messages**.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2Fw3iGZ2rU3AdgKUYkZ74Y%2Fimage.png?alt=media&amp;token=67c1eed4-4b94-41bd-9929-a411c445f576" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Choose list product apply comming soon**

> Coming soon replaces Add to cart only when the product is out of stock.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FComLgv3akH0PQeYMkfBP%2Fimage.png?alt=media&amp;token=9766303b-e7f5-4d13-b2e8-eb8ac2c78644" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click **Save** to apply.
{% endstep %}
{% endstepper %}

## <mark style="color:blue;">Coming Soon to Pre-order</mark>

Show a **Coming Soon** button when pre-order conditions are not yet met.

{% stepper %}
{% step %}
Set the **Pre-order Start Date** in the future.

* When the product has **not reached the preorder start date**, or t**he product's stock condition has not matched**, the product status will be in the form of coming soon preoder, the coming soon preorder button will be displayed.
  {% endstep %}

{% step %}
Enable the option: **Replace "Add to Cart" with "Coming Soon" before pre-order starts**.

<figure><img src="https://2477033452-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRtV458Onax2rMaEUV2SD%2Fuploads%2FoT2FlIdczEzQdUEcSpN8%2Fimage.png?alt=media&amp;token=743e608b-c071-43e4-9dea-f358e9b37638" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Click **Save** to apply.
{% 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!