# Pre-order using metafields

Palo Alto 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:

<figure><img src="https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/pcfrE5gyA1PMMsw9Msts/pre-order-button.jpeg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/mBLwYWJk2Rl0rec4LXkG/pre-order-badge.jpeg" alt=""><figcaption></figcaption></figure>

## How to setup

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

### Metafield definition

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

<figure><img src="https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/kTTuCqkUdKDSpBm2VKmU/preorder-metafield.jpg" alt=""><figcaption></figcaption></figure>

### Product setup

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

<figure><img src="https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/A2iYMQeHTL7gvoLazArk/metafields-example.jpeg" alt=""><figcaption><p>Bottom of product setup page in the Shopify Admin -> Products</p></figcaption></figure>

### Preorder template

To remove the **Buy it now button**, you can create a preorder product template and uncheck '*Show dynamic checkout buttons'* under the **Form** block.

{% content-ref url="creating-product-templates" %}
[creating-product-templates](https://palo-alto.presidiocreative.com/palo-alto-4.1/products/creating-product-templates)
{% endcontent-ref %}