# Pre-orders

Pipeline can display a "Pre-order" button on any of your products without having to create a custom product template. We use a metafield that you can define easily and then start using the feature. Simply toggle on/off any product that needs to display the "Pre-order" button. 

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

<figure><img src="/files/1grvKrStBKoaRBHiHHdJ" alt=""><figcaption></figcaption></figure>

## How to

There are a few basic steps to set up and start using the pre-order feature. Here is a quick summary of the steps:

{% hint style="success" %}
**Basic steps**

1. Using the Shopify Admin under Settings, **define a product metafield**. The Content type is **True or false**.&#x20;
2. In the Product Setup, **toggle the setting to true** for any product you wish to display the "Preorder" button.&#x20;
3. Under Shopify Admin -> Payments, ensure your store can Manually capture payment
   {% endhint %}

### Step 1&#x20;

In the Shopify Admin -> Settings -> Custom data, choose Products:

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

* Use the "**Add definition**" button to create a new product definition
* For the Name, use "preorder" or "Preorder" (no hyphen/dash)
* Change the Namespace and key from `custom.preorder` to **`theme.preorder`** (important):

<figure><img src="/files/11wAxXsZA76lbXOydXc4" alt=""><figcaption></figcaption></figure>

* Verify that you've changed to **`theme.preorder`**
* Add an optional description
* Click on **Select type**, type in "true", and then choose "**True or false**":

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

* Verify that your settings look like the following:

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

* Use the **Save** button to complete.&#x20;

### Step 2

Now your can toggle on/off the setting on any of your products (the fun part).

* Under the **Shopify Admin -> Products**, choose a product. &#x20;
* Scroll to the bottom of the product setup, and to the Metafields section, here you'll find the new Preorder field.
* Toggle **On** to make that product display a "Pre-order" button on the product detail page.&#x20;

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

### Step 3

Shopify recommends that you manually capture payments if selling products that are not ready to ship. Contact Shopify Support for any assistance with your Payments setup. Here is a support article from Shopify:

{% embed url="<https://help.shopify.com/en/manual/orders/get-paid>" %}

## Bonus setup

You can add a custom product badge called "Pre-Order" to display on your collection pages or any section that used the Product Card:

<figure><img src="/files/5ajsjyAdshUH9MPyfiM7" alt=""><figcaption></figcaption></figure>

Follow our instructions on how to create a custom badge in Pipeline to easily add this feature:

{% content-ref url="/pages/-MddpQI7VSO2H5hYrfYq" %}
[Badges / Stickers](/collections/collection-pages/custom-badges.md)
{% endcontent-ref %}


---

# 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://pipeline.groupthought.com/products/product-pages/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.