# 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 **Pre-order tab** → **Pre-order Profiles** → **Coming Soon** → **Create Profile**

<figure><img src="/files/vt4bg0Pu99wtiLGRRyBd" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Set the **Start** and **End** dates.

* End date coming soon must be greater than start date

<figure><img src="/files/l1WUT3Qpx6DhGxMTDJDA" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
*(Optional)* Enable count down for coming soon

{% endstep %}

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

<figure><img src="/files/yhc81zIgyIPYLQENU6eA" 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/XjKCVb6pt0zS2D0O0Pt0" 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 **<hi@globosoftware.net>**. We're always here to help!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/pre-order/coming-soon/quick-setup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.