# Pre-orders

{% embed url="<https://youtu.be/lbGs-V0xXS0?si=sjhTVw0-YeNmBHlG>" %}

The **Pre-order** feature is essential for online businesses to boost revenue by replacing the standard Out-of-Stock notification and testing demand before owners officially release a product.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F6FT5dOXNt1qfd61gZoKl%2Fimage.png?alt=media&#x26;token=7bfdb35c-f632-4113-b179-b997dd33fd38" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**For Minimog users:** This feature only works with **Minimog** version **from v2.4.0** and above.

If your Minimog theme version is older than v2.4.0, kindly [update the theme](https://docs.foxecom.com/minimog-theme/getting-started/update-minimog-theme) to the latest version.
{% endhint %}

## How to set up pre-order product

1\. Go to **Shopify Admins** > **Products** > **Edit Variants,** then:&#x20;

* *Uncheck* **Track quantity** option;
* *Or Check both* **Track quanity** & **Continue selling when out of stock** options.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FyVeMUgKpaW47bieBEP6M%2Fimage.png?alt=media\&token=8b72431c-5119-4224-97b6-1c6c75e35bcd)

2\. Go to **FoxKit** app > **FoxKit power** > Choose **Pre-order.**

3\. Click **Add pre-order product** to start.

4\. Set the **Status** as **Active**, then choose the **date and time to start and end** the Pre-order.&#x20;

5\. Choose the products you want to sell as pre-orders.

<figure><img src="/files/3qg1cDtd1cxvrTYnXuoq" alt=""><figcaption></figcaption></figure>

6. Set the **Condition** to show the Pre-order button either as:

* **Always enable:** The Pre-order button shows on all product variants;
* **Quantity is out of stock**: The Pre-order button shows for out-of-stock variants.

{% hint style="warning" %}
To set the Pre-order button for out-of-stock variants only, in your **Shopify Products** > **Inventory**, you must check both the options **Track quantity** and **Continue selling when out of stock**.
{% endhint %}

7. If you want to offer a discount for your pre-order products, select Activate discount, opt for the **Discount type**, and insert the **Discount value**. The discount is applied to each product.

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

8. Set the Estimated **shipping date** of the pre-orders if needed.

The shipping note message can be changed in Translation > [Default app content](/foxkit-app/faq/translate-my-foxkit-features.md).&#x20;

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

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

9. Select when the order should be fulfilled in the **Delivery policy** and how the inventory is reversed in the **Inventory policy**.

{% hint style="warning" %}
**Delivery policy** and **Inventory policy** settings are only available when the **Purchase options is enabled**.&#x20;

See [#purchase-options](#purchase-options "mention")
{% endhint %}

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

10. **Save** the settings.

## How to configure Pre-orders settings

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

1. Go to **FoxKit** app > **FoxKit power** > Choose **Pre-orders.**
2. Select **Settings.**
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

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

Settings include:

### Purchase options

In the **Purchase Options**, you can ensure that all your pre-orders, both current and future, will follow the pre-configured purchase options.

This includes the dynamic checkout buttons and how customers interact with pre-order products.

{% hint style="info" %}
[Click here to see requirements and restrictions when using pre-orders on your store](https://help.shopify.com/en/manual/products/purchase-options/pre-orders/setup#requirements-and-restrictions).
{% endhint %}

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

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

### Email notifications

FoxKit enabled merchants to automatically send email notifications after a customer purchases a preorder product or when the shipment date is updated.&#x20;

<figure><img src="/files/6XZSBa6elrew6vsA81CF" alt=""><figcaption></figcaption></figure>

* **Order Confirmation:** To keep customers informed and ensure transparency during the preorder process.
* **Shipping Update:** To keep customers up to date with changes, helping to manage their expectations and reduce inquiries related to shipment status.

{% hint style="info" %}
If you want to make further changes for **Order Confirmation** and **Shipping Update, f**rom your Shopify admin, go to **Settings** > **Notifications**.
{% endhint %}

### Pre-Order button

Give the button a label to draw customers' attention (translate the button to any language using the [Translations](/foxkit-app/manage/translation.md) feature).

You can change the button's design (colors and border radius property) in Settings > [Design](/foxkit-app/manage/settings.md#design).

<div data-full-width="true"><figure><img src="/files/7bPdLzH7dOKw0we85jLY" alt=""><figcaption></figcaption></figure></div>

### Pre-Order badges

<figure><img src="/files/gilxmmn6qmKBCNhxEhpJ" alt="" width="257"><figcaption></figcaption></figure>

You can activate and customize the Pre-order badges on product cards.

<div data-full-width="true"><figure><img src="/files/d61ey2j9CpvZy903xWt6" alt=""><figcaption></figcaption></figure></div>

Enable/Disable the **Pre-Order badges** by toggling the **Show badges** option.

You can also choose the condition to show the badge by selecting the option from the **Show badge when** field:

* The first variant is pre-order
* At least 1 variant is pre-order
* All variants are pre-order

Insert the content you want in the **Badge text** to show on the product cards.

{% hint style="info" %}
&#x20;  New methods and options to show **Pre-Order badges** in the product cards were added to work with **any theme** (Click **Instructions to integrate with your theme** for the details).&#x20;

[**Zest**](https://docs.foxecom.com/zest-theme) and [**Minimog**](https://docs.foxecom.com/minimog-theme) themes are supported by **default**.
{% endhint %}

{% hint style="success" %}
Need help? Don't hesitate to drop us a message via our in-app live chat 💬 or email <happytohelp@foxecom.com>.&#x20;
{% endhint %}

<figure><img src="/files/FWbzBePW6CWTNRAQqEf2" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_pre_orders&#x26;utm_campaign=anchor-text&#x26;utm_term=install_xflow_back_in_stock_automation_free">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

<div data-full-width="false"><figure><img src="/files/jkhSO8a1h10VtA30rWGx" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_pre_orders&#x26;utm_campaign=anchor_text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate Program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>


---

# 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.foxecom.com/foxkit-app/sales-boosting/pre-orders.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.