> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-v2/products/pre-order-products.md).

# Pre-order products

Story can modify the add-to-cart button to let your customers know they are purchasing a pre-order item:

![](/files/69kcu7IP1KG1W3oJ015f)

## Quick setup for experienced users

The most important part of setting up this metafield is to use the namespace and key of:

```json
theme.preorder
```

See the example here:

![Namespace and key should changed to theme.preorder](/files/fu92mS21xgWpAEpsVnV4)

The **Content type** should be set to **True or false**.

## Full detailed step-by-step setup

The first step is to define a custom metafield that Story theme supports. 

Start in your Shopify Admin -> Settings and choose Metafields from the left panel and then click on **Products** (click images to zoom):

![Under Metafields, click on Products ](/files/ciMq1FK443C5tJ5wpMET) ![Use the Add definition button to begin](/files/zDUnbkrm2OX78aXvNO5Z)

Next,

* Click the Add definition button
* type-in "preorder" for the Name
* Change the Namespace and key from `my_fields` to `theme`. The namespace and key should now be: **theme.preorder**

![Change from my\_fields to theme](/files/crZgdeEbass6IpDFevEL)

Change to:

{% hint style="success" %}
theme.preorder
{% endhint %}

Example:

![Don't skip this step](/files/fu92mS21xgWpAEpsVnV4)

Add a description and choose **Select content type**.

 Choose **True or False**:

![Choose True or False for the Content type](/files/8diTQ04BspvibF3KZOzX)

**Save** your new product metafield. Now we can use this custom theme.preorder metafield with any of our products. 

### Product setup

{% hint style="success" %}
Now that our custom metafield has been defined, we can **easily** configure any of our products to be set as a pre-order product. 
{% endhint %}

The next and final step is to edit any of your products in the Shopify Admin -> Products and toggle the new preorder true or false metafield. Scroll to the bottom of the product setup page:

![](/files/CWSNNndhDMlY9gyaprtD)

Products that are set to True will display a pre-order button on the product page:

![](/files/69kcu7IP1KG1W3oJ015f)

### Manually capture payments

Shopify recommends merchants manually capture payments for pre-orders. Here is an article from Shopify to help:\
<https://help.shopify.com/en/manual/orders/get-paid#capture-payments-manually>

Please contact Shopify Support regarding payment capture options and settings.&#x20;