> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Pre-order

> Take orders for pieces that are not made or in stock yet, with a Pre-order button, a badge and a ship date on the order.

A product is on pre-order when either is true:

* it has the tag in Theme settings, Product cards, Pre-order product tag (default pre-order);
* its variant tracks inventory, is at zero stock, and has Continue selling when out of stock turned on.

**What shoppers see.**

* A Pre-order badge on cards and on the product page.
* The button reads Pre-order instead of Add to bag.
* The text of the product metafield custom.preorder\_note shows above the button, for example Ships from 4 December.
* The note is added to the cart line as the property Pre-order, so the order says when it ships.

![A pre-order product](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/guide-preorder.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=61ef3f469e4034b15ff1f596cf341abe)

A product on pre-order with its note and button

**Set it up.**

1. In Settings, Custom data, Products, add custom.preorder\_note as Single line text.
2. On the product, add the tag pre-order, or turn on Continue selling when out of stock for its tracked variants.
3. Fill in the Pre-order note with the ship date.

**Deposits.** To take a deposit now and the rest later, add a pre-order or deposit selling plan with an app. The product page then shows the purchase options and what is due today.

**Elsewhere.** The slideshow's featured product and shop the look link pre-order pieces to their product page, so the Pre-order property is always added.

## In the theme editor

![Product card settings](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/settings-product-cards.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=6dfce52e415b41a96b3e4be974e1e183)

The pre-order tag is set in 1 Theme settings · 2 Product cards


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.