> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/megamog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/megamog-theme/sales-boosting/pre-orders.md).

# Pre-orders

Pre-order allows (new and returning) customers to purchase an item that has yet to be released or is already out-of-stock.

{% 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FY7kJFp2WU12YNfCg9L4Q%2Fimage.png?alt=media&amp;token=cb35ad43-5a05-4660-9f66-0a47d3d0edce" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FV1JGpdApiWDxzxr3Xf18%2Fimage.png?alt=media&amp;token=cd1ffbdc-bb9d-48b5-872d-6439e1672c39" 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](/megamog-theme/faq/translate-my-foxkit-features.md).&#x20;

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F8zsv7MTWZrBLw3efFfXO%2Fimage.png?alt=media&amp;token=20a8102d-2572-41cf-a9dd-64c2e695ab04" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F2V90vtiuxzqIib6xXbsp%2Fimage.png?alt=media&amp;token=eace6264-09a4-46d1-86ca-d32b26517e81" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FN4g6E7ja3Tg73WOagFg3%2FScreenshot%202025-05-30%20at%2016.50.41.png?alt=media&amp;token=52ae9d0a-8a6a-4f7f-befb-f3eb9cec2c52" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FWoXgoOBqv5t8XIrXk5K1%2Fimage.png?alt=media&amp;token=96f12bb1-af71-4240-9bb7-20b6baad798c" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FEiRTzegmbKKBaIuqjFBt%2Fimage.png?alt=media&amp;token=d18484d2-16f2-453e-8316-aaa012fac907" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FJEBc5NIudbgkrRgaVX6d%2Fimage.png?alt=media&amp;token=38feb825-e387-490b-9c8b-45bd66df29f9" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F1GuFTfn0kEFEv5nSSvoB%2Fimage.png?alt=media&amp;token=2d9c484a-b77b-4652-8977-ee51a46c35fa" 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](/megamog-theme/manage/translation.md) feature).

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

<div data-full-width="true"><figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FcdvNc3cFIMV3D7VoTSZP%2Fimage.png?alt=media&amp;token=d3c7942c-fa2d-4283-b8fb-a53c76677d7e" alt=""><figcaption></figcaption></figure></div>

### Pre-Order badges

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F8gL5agtMQPeeXbW1BSW1%2Fimage.png?alt=media&amp;token=d752c827-301f-424c-af7d-0e141611af54" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FnVOkrnDF8gWDqXHcIHPo%2Fimage.png?alt=media&amp;token=3d6460b0-04d6-41d4-85a9-2dcc7a1c7342" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FIuqEOw0VgWDSqJ9HyRfu%2Flivechat883x471%20(1).png?alt=media&amp;token=2d55e471-68de-413c-8041-8ae9c7f700a3" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FiQVIGG7Toe9zV07mx6Gx%2FFoxEcom%20changelog%20%20%201250%20x%20200-2.png?alt=media&amp;token=3363fb37-252d-4d8a-87a4-5d49619a388a" 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>
