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

# Pre-order using metafields

Replace the add-to-cart button with a pre-order button using metafields

Broadcast supports metafields for creating pre-order products.

When you define a preorder metafield, you can easily toggle on or off the preorder feature which converts the Add to Cart button to a Pre-order button. 

On the main product page, the Add to Cart button is replaced with a Pre-order button:

![Add to Cart button is replaced with a Pre-order button (spelling and letter case can be changed)](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/x4Q969lYOYXyxeJF07Sa/Screen%20Shot%202022-07-12%20at%205.52.43%20PM%20copy.png)

When viewing a collection page or any product grid-style section, a Pre-order badge is added to the product:

![Pre-order badge added on collection page](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/ShCGIxpPNrQbIa0sLgNU/Screen%20Shot%202022-07-12%20at%205.53.34%20PM.png)

Quick Add button is changed to Pre-Order:

![Quick Add button is replaced with a Pre-order button (on hover)](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/XPbZPZThOyhLc6886E2G/Screen%20Shot%202022-07-12%20at%205.53.48%20PM.png)

In the cart drawer and cart page, a message is included to indicate that the item is a preorder:

![Cart includes Pre-order message](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/Jw2VnKvw0q2pPRGwWUsI/Screen%20Shot%202022-07-12%20at%205.56.30%20PM.png)

## How to setup

Setting up a preorder metafield is very simple and can be done right in your Shopify Admin.

This video covers all the steps needed for creating a preorder metafield plus additional customization options:

{% embed url="<https://www.loom.com/share/43958bdd812d43d7843cdc5ae25f83be>" %}
Video walk-through&#x20;
{% endembed %}

## Reference

You can use the following reference information to help with the steps covered in the video.

### Metafield definition

Create a product metafield with the namespace and key set to `theme.preorder` . Set the content type to 'True or false'.

![](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/VWkyKd7teooyZQpxGCcs/Screen%20Shot%202022-07-07%20at%204.16.02%20PM.png)

### Product setup

In the Metafields section of any product that you'd like to use the feature, change the preorder value to True:

![Bottom of product setup page in the Shopify Admin -> Products](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/mW4uTxhKAZHa5k3EwGZ0/Screen%20Shot%202022-07-07%20at%204.21.41%20PM.png)

### Preorder template

To remove the Buy it now button as shown in the video, you can create a preorder product template and uncheck *Show dynamic checkout buttons* inside the Form block:

![](https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/K3mpSFvfzIUMhwvHggBJ/Screen%20Shot%202022-07-07%20at%204.26.39%20PM%20copy%202.png)

## Additional information

When selling pre-order products on your store, you may want to manually capture payments:

### Manually capture payments

{% embed url="<https://broadcast.invisiblethemes.com/products/pre-order-products#manually-capture-payment>" %}
Click to view more information on payment captures
{% endembed %}

You can customize the button text for pre-orders to match your language or simply use different wording:

### Customize the button text

{% embed url="<https://broadcast.invisiblethemes.com/products/pre-order-products#customize-the-button-text>" %}
Click to view more information on changing the button label
{% endembed %}


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://broadcast.presidiocreative.com/broadcast-v5/products/product-pages/pre-order-using-metafields.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.