> 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="/files/1xNVTGiyKbTGJ7iHYxEr" 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/lCDibAFDoZDT2rpm8bOj" 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="/files/naNl6jRB8Xc77J0m57oI" 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="/files/zdG6Pm8UmImI1rZlYP7z" 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!