Tutorial: Allow pre-orders for products

In this tutorial we will show you how to sell specific products as pre-orders in Pipeline. 

Note: Pipeline product tabs have not been incorporated with this template for your pre-order template. Only the regular product description will be included.

1

Configure Payment Configuration

From your Shopify admin, click Settings (bottom left), and then click Payments:

Scroll down to find the Payment authorization section, select Manually capture payment for orders:

2

Create a Pre-order Product Template

To have a product's page say Pre-order instead of Add to cart, you'll need to make a new product template and assign it to your products that can be pre-ordered.

To create a new product template:

From your Shopify admin, click Online Store, and then click Themes

From the top right corner, choose the Actions dropdown menu and select Edit Code

Under Templates, click Add a new template. From the drop-down menu, select product and name the template pre-order:

Click on the Create template button to continue. The new product.pre-order.liquid template will automatically open in the code editor.

Change the default line of code from:
to:

Copy & Paste:

{% section "product-pre-order-template" %}

3

Create a new Section page

In the Sections directory, click Add a new Section

Name your new section:

product-pre-order-template

Click the Create section button:

Replace all the default code from Sections product-pre-order-template from:

with all the code from this link:

https://gist.githubusercontent.com/whistlerbrad/e2fe44332c53ad7e7a3b2ae7862fbbd2/raw/e52cc686d9a3c601f23866d5e545ac867c15bfe7/product-pre-order-template.liquid

Save the Sections page.

4

Assign the template to product.pre-order

After you've created your new pre-order product template, mapped it to the new section product liquid file, you'll be able to select the product.pre-order template on your individual product pages:

From your Shopify admin, click Products

Click the name of the product you want to make available for pre-order

In the Theme templates section, change product to product.pre-order in the dropdown:

Click Save to confirm your change to the product

5

View your pre-sale product page

Check to verify your Pre-sale button is displaying correctly with products you've modified:

6

Product page settings

Open your Theme Editor:

https://myshopify.com/admin/themes/current/editor

Browse to the product in the theme editor and choose Product page settings - You'll now have these two new options:

(1) You can turn on or off the Product Price from the page including the Add to Cart button. 

(2) This allows you to customize the Add to Cart text/label. The default is Pre-Order. You can modify the button text to your liking here.

Example without price and custom button text:


Inventory Levels

If you are tracking product inventory, then you might want to let customers continue to purchase pre-order products even if they are out of stock (have an inventory amount of 0).

From your Shopify admin, click Products, then choose Inventory

Click the name of the product you want to make available for pre-order

Under Variants, check Allow customers to purchase this product when it's out of stock for all variant types:

Click Save

Bulk Variant Changes
You can edit all the variants of a product at the same time by using bulk editing:

Still need help? Contact Us Contact Us