# 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.

![image](https://docs-assets.foxecom.app/files/6FT5dOXNt1qfd61gZoKl)

<Hint type="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.

</Hint>

## 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://docs-assets.foxecom.app/files/yVeMUgKpaW47bieBEP6M)

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.

![image](https://docs-assets.foxecom.app/foxkit-app/image_3qg1cDtd.png)

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 type="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**.

</Hint>

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.

![image](https://docs-assets.foxecom.app/foxkit-app/image_NiktiGk7.png)

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

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

![image](https://docs-assets.foxecom.app/foxkit-app/image_M6BPVXYs.png)

![image](https://docs-assets.foxecom.app/foxkit-app/image_PRXORuYv.png)

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

<Hint type="warning">

**Delivery policy** and **Inventory policy** settings are only available when the **Purchase options is enabled**.&#x20;

See [Purchase options](#purchase-options)

</Hint>

![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-30%20at%2016.50.41_RywBzJXG.png)

10. **Save** the settings.

## How to configure Pre-orders settings

<Hint type="success">

**Steps:**

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

</Hint>

![image](https://docs-assets.foxecom.app/foxkit-app/image_fKyLnb1t.png)

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 type="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).

</Hint>

![image](https://docs-assets.foxecom.app/foxkit-app/image_UCrYKRp6.png)

![image](https://docs-assets.foxecom.app/foxkit-app/image_SVjOswHc.png)

### 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;

![image](https://docs-assets.foxecom.app/foxkit-app/image_6XZSBa6e.png)

* **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 type="info">

If you want to make further changes for **Order Confirmation** and **Shipping Update, f**rom your Shopify admin, go to **Settings** > **Notifications**.

</Hint>

### Pre-Order button

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

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

<div data-full-width="true">![image](https://docs-assets.foxecom.app/foxkit-app/image_7bPdLzH7.png)</div>

### Pre-Order badges

![image](https://docs-assets.foxecom.app/foxkit-app/image_gilxmmn6.png)

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

<div data-full-width="true">![image](https://docs-assets.foxecom.app/foxkit-app/image_d61ey2j9.png)</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 type="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**](/zest-theme) and [**Minimog**](/minimog-theme) themes are supported by **default**.

</Hint>