> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/help-and-faqs/how-to-setup-pre-order-products.md).

# How do I set up pre-order products?

### What you are seeing <a href="#what-you-are-seeing" id="what-you-are-seeing"></a>

Either of these two, and both come from the same setting:

* A product you want to keep selling has gone out of stock, and the storefront now shows a **Sold out** button instead of letting customers buy it.
* A product shows a **Pre-order** button when you expected **Add to cart**, and you want the normal button back.

### How the theme decides which button to show <a href="#how-the-theme-decides" id="how-the-theme-decides"></a>

The theme reads the product's inventory settings in your Shopify admin. A pre-order product is simply a product that is allowed to continue selling when it is out of stock. It stays visible on the storefront, and its **Add to cart** button becomes **Pre-order** instead of turning into **Sold out**.

So there is one checkbox behind all three states:

| What you want   | What to do                                          |
| --------------- | --------------------------------------------------- |
| **Add to cart** | Keep the product in stock.                          |
| **Pre-order**   | Let the product continue selling when out of stock. |
| **Sold out**    | Leave the product to stop selling when it runs out. |

### How to set up a pre-order product <a href="#how-to-set-up" id="how-to-set-up"></a>

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Products**.
2. Click the product you want to edit.
3. Scroll down to the **Inventory** section.
4. Tick **Continue selling when out of stock**.
5. Click **Save**.
   {% endhint %}

*Result:* the product stays on your storefront when stock reaches zero, and customers see a **Pre-order** button instead of **Sold out**.

<figure><img src="/files/e9VsG6rrlV5tb9n5VDPG" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/M9Fn2KchaCzPoBOPJa7v" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To turn a **Pre-order** button back into **Add to cart**, untick the same checkbox and put stock back in. Products with variants keep this setting per variant, so check the variant a customer is complaining about, not only the first one.
{% endhint %}

### When to contact support <a href="#when-to-contact-support" id="when-to-contact-support"></a>

Contact support if the checkbox is set the way you want but the storefront button does not match, for example a product still shows **Sold out** with **Continue selling when out of stock** ticked, or a **Pre-order** button that does nothing when clicked.

Send this with your first message:

* Your store URL, and the URL of the product page.
* The variant involved, if the product has more than one.
* A screenshot of the button on the storefront, and a screenshot of the **Inventory** section for that variant.
* Theme name and version: **Vélare 1.0.0**, shown under the theme name in **Online Store > Themes**.
* A [staff account](/velare/help-and-faqs/staff-account.md) for the support team.

### Change the Pre-order button text

The **Pre-order** label is controlled by the theme’s default language content. You can replace it with wording that better matches your store, such as **Reserve now**, **Order in advance**, or **Coming soon**.

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store > Themes**.
2. Find the Vélare theme, click the **three-dot menu**, then select **Edit default theme content**.
3. In the search field, enter `Pre-order`.
4. Find the **Pre-order button label** field.
5. Type your new wording into that field, replacing **Pre-order**.
6. Click **Save**.
   {% endhint %}

*Result:* the new label replaces **Pre-order** on every eligible product that is set to continue selling when out of stock.

{% hint style="info" %}
Changing this text only changes the button label. It does not enable or disable pre-order functionality.
{% endhint %}

### Show a Pre-order badge on product cards

When a product is available for pre-order, the theme can also display a **Pre-order** badge on its product card. This helps customers identify pre-order items before opening the product page.

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store > Themes > Customize**.
2. Open a template or section that displays product cards, such as a **Collection page** or **Featured collection** section
3. Open the **Product card** settings.
4. Enable **Show pre-order badge**.
5. Click **Save**.
   {% endhint %}

*Result:* eligible products display a **Pre-order** badge on product cards while continuing to use the Pre-order button on the product page.

{% hint style="info" %}
The badge appears when an eligible product is out of stock and **Continue selling when out of stock** is enabled.
{% endhint %}

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Badges](/velare/customize-your-pages/badges.md): the labels shown on product cards, including stock related ones
* [Product cards](/velare/customize-your-pages/product-cards.md): what a product shows in a grid before the customer opens it
* [Staff account](/velare/help-and-faqs/staff-account.md): how to give the support team access to your store


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/help-and-faqs/how-to-setup-pre-order-products.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.