How to do pre orders on Shopify



1. Introduction

Pre orders are advance orders placed by consumers for a product or service that is scheduled for future release.

They are a marketing strategy used by e-commerce businesses to enable customers to purchase a product before it is officially released or available for purchase as well as for out of stock products.

Understanding how to do pre-orders on Shopify can be very valuable & useful for your business.



1.1 Pre-order benefits for both businesses and consumers

Customer Commitment: It allows businesses to gauge the level of interest in their product before production or release.

The number of pre-orders can indicate the potential success of the product, and will allow you to make sure you can meet customer demand.

Guaranteed Sales: Firms can secure a certain number of sales even before the product is officially available, helping with revenue generation/cash flow and to manage inventory, which can be very important for smaller or newer businesses.

Marketing and Hype: Pre-orders generate buzz and anticipation around a product, helping to build excitement and anticipation among consumers, as well gauging demand and ensuring there is sufficient interest in a new product before investing in production.

Incentives: Many companies offer incentives to encourage pre-orders, such as exclusive content, discounts, or limited-edition items, to reward early supporters, this also assist in nurturing customer loyalty.



2. How pre orders work

2.1 Announcement

Companies announce their upcoming product or service, providing details about its features, release date, and pricing.

2.2 Pre-Order Period

A specific pre-order period is set during which customers can place their orders. This period typically begins well before the official release date.

2.3 Reservation

Customers interested in the product can place an order, usually through various channels, including online platforms, physical stores, or official websites.


shopping, online, ecommerce

2.4 Payment:

In most cases, customers are required to pay for the product upfront, either in full or a partial payment as a deposit.

2.5 Confirmation:

Customers receive a confirmation of their pre-order, often in the form of an email or a receipt, with details of the purchase.

2.6 Release Date:

On the scheduled release date, the product is officially launched, and customers who pre-ordered it receive their orders. This can be delivered physically or digitally, depending on the nature of the product.

2.7 Additional Benefits

Some companies may offer additional perks to pre-order customers, such as early access, exclusive content, or priority shipping.



3.0 Types of pre orders on Shopify

There are 4 main types of pre orders you can offer on Shopify; Capture only pre orders, charge later pre orders, deposit pre orders, charge upfront pre orders.

3.1 Capture only pre orders

Capture only pre-order involves changing the buy now/add-to-cart button to a pre order button, and capturing the customers details/order in the pre-order system.

3.2 Charge later pre orders

This type of pre-order involves changing the buy now/add-to-cart button to a pre order button, the customer goes through the check-out at the time of placing the pre order and authorises a deferred charge. Shopify vaults the card details, and then the store triggers the deferred charge at a later stage.

3.3 Deposit pre orders

Deposit pre order allows you to utilise partial payments, charging the customer for a portion of the purchase price up-front, and then the remaining outstanding amount at a later stage via a deferred charge.

3.4 Charge upfront pre orders

For charge upfront pre order the payment is taken upfront.


4. Setting up Pre Orders on Shopify

4.1 Enabling pre orders in your Shopify online store

Shopify allows businesses to offer pre-orders via a pre-order app. You will need to download and install a pre order app from the Shopify app store.



There are many types of Shopify pre order apps to choose from, and pre order apps offer many different options so make sure you check which will suit your business best.

You will then need to integrate the app within your Shopify store. There are normally two different ways to do this depending on whether you have a Shopify 1.0 theme or a Shopify 2.0 theme. Both are outlined below:

  • Shopify 1.0 theme integration – you will need to find the Shopify theme file that has the buy button within it, and then adding the app’s snippet. Often this will be in the product template file.
  • Shopify 2.0 theme integration – you will need to drag and drop the app block, from the theme customizer in Shopify admin.

4.2 Setting up Pre Order products

Once you have added the snippet or app block to your store you will be ready to list pre-orders on your Shopify store.

You will need to list any products you wish to have on pre-order, in your chosen app. You will also be able to choose, what variants to list for pre-order, whether or not to offer an early bird discount along with pre-order limits and estimated delivery date.



Some apps like our app PreProduct, will allow for pre-ordering for specific variants on Shopify, instead of listing all variants for pre-order. This allows you to just list those variants that may be out of stock, or new variants for pre-order, whilst either still offering other variants for buy now or have them appear as sold out, depending on your business situation.

Early bird discounts, also known as early bird pricing or early bird specials, are promotional offers that businesses use to encourage customers to make purchases or bookings well in advance of a product’s release or an event’s date. These discounts are typically offered for a limited time and are designed to incentivise early action.



PreProduct also allows you to set pre-order limits. Meaning that if you will only able to acquire a certain stock level, or wish to have limited stock available (possibly to create a scarcity mindset) you can set this up.

It is important to set an accurate estimated delivery date, you should also be able to edit the date, if things change, to ensure you are meeting customer expectations.


5. Best Practices for Pre Orders on Shopify

5.1 Promoting pre orders effectively

There are several different e-commerce marketing options that can help to promote and assist in having a successful pre order campaign. These are listed below;

  • Social media content both organic and paid
  • Press coverage
  • SEO
  • Collaborations
  • Email campaigns


Alongside these marketing options, there are some other strategies that can work really well with pre orders.

  • Targeting early adopters for new releases, new products etc
  • Generate an urgency for purchase by offering an early bird discount that is only on offer for pre order
  • Only offering a certain number of items, this will create a sense of scarcity

urgent, business, document

5.2 Setting realistic pre order timelines and delivery dates

It is important to ensure pre order customers are aware of approximate shipping timelines and that there may be some delay. With pre orders, shipping times are never certain, due to potential manufacturing and freight delays, which is often out of your control.

Pre order apps should allow you to regularly communicate via email with your pre order customers, so you can ensure they are kept up to date with shipping timeframes.



5.3 Communicating with pre order customers

A multi pronged approach is the best way to communicate effectively with pre order customers.

This can include the following methods:

  • Front end wording; this communicates to the customers pre order details/shipping time frames etc on the store front/on page cart
  • Email campaign; this can be used to keep customers updated
  • Customer portals; allows customers to check on the progress of their order, and can communicate shipping updates etc.


5.4 Managing refunds and cancellations of pre orders

Pre orders can be cancelled in Shopify in the same manner normal orders can be cancelled. Some pre order apps that feature a customer portal, also allow customers to cancel their pre order via the portal.

Refunding customers is at your discretion and can done as per the usual process in Shopify.


cash register, drawer, cash

6. Conclusion

Pre orders, are a great tool that can be used by businesses to generate excitement for a new product, line, or sold-out products along with giving a business access to revenue sooner than may normally be possible.

There are a few different types of pre orders, and there will be one that best suits and aligns with your business model and goals. Alongside your chosen pre order type, there are many different techniques you can use to promote your pre order campaign and ensure it is successful.

This article was written by the team at PreProduct. PreProduct is a next generation Pre Order app, that specialises in helping stores run successful Pre Order campaigns.

If you would like to run a successful Pre Order campaign, then we recommend starting a free trial of PreProduct, to see if it is a good fit for your business.

Pre-sell With PreProduct

7 day free trial with all plans

Adding pre-orders to the Shopify Turbo theme



The Turbo Shopify Theme

The Turbo Shopify theme is one of Out of the Sandbox’s flagship themes and a favourite of Kurt Elster. This article will go through adding pre-orders to the Shopify Turbo theme. Turbo is fully featured and performant, as well as being Shopify store 2.0 compatible. Meaning it’s pretty straight-forward to add third-party apps. However, we’ll also go through a more limited ‘free’ way of setting up pre-orders with Turbo.

There are many great reasons to offer pre-orders, including a positive influence on cash flow, the wiggle room it can afford your product launches, and the supply chain risks that can be offset. If you’d like to read more about the advantages of Shopify pre-orders, we talk about them extensively on our homepage.

Turbo theme

ref: Out of the sandbox

Adding Pre-orders Manually

We do not recommend this method at all, but realise that some people would prefer to see a free of charge version of offering pre-orders. Backup your themeAlways backup theme files before you change code. This way, you’ll always have a safe version to revert to if something goes wrong.

Word of warning

It’s possible to collect pre-orders without any apps and with minimum developer work, by using the following bare-bones approach. Although I don’t recommend doing this for several reasons that we’ll go into after the step-by-step:

  1. Shopify has a checkbox in the Shopify product section under ‘inventory’ called ‘continue selling when out of stock’. When ticked, Shopify will accept orders for that product, even when the stock level is empty or negative.
  2. It’s also possible to change your add-to-cart button’s text via the Shopify theme files so that it shows ‘pre-order’ when a product has 0 in stock and the above setting is enabled. Using something like the liquid code below within the button tag.
{%- if product.variants.first.inventory_policy == "continue" and product.variants.first.inventory_quantity == 0 -%} pre-order {%- endif -%}

As well as the overhead of hardcoding a change into your store’s theme that doesn’t localise to the user’s language, the above method will also mean:

  • ‘pre-orders’ and ‘buy-now’ orders are mixed together in your Shopify order section, leading to mistakes and laborious admin.
  • No efficient control of what product is on pre-order and what is on ‘buy now’.
  • Your store’s front-end won’t communicate to customers when they’ll receive their pre-order.
  • You have no way of communicating with customers during the pre-order process. e.g. A ‘Your natural deodorant is three weeks away from shipping’ email or customer portal.
  • Pre-order payment has to be upfront (no pay later or deposit option)
  • No way to place limits or any advanced pre-order features on your listing.

All of these drawbacks can very quickly add up to a negative customer experience with a lot of work on your end to manage and stay in control. Luckily Shopify’s app ecosystem has many apps who work on these problems and ways to increase your pre-orders. Thanks to Turbo’s Store 2.0 compatibility, you won’t need to write a line of code to integrate one either.

Using PreProduct for pre-orders

Like I just mentioned, Shopify’s Appstore is home to many pre-order apps that will help you find success with your pre-sales.
PreProduct offers the below benefits, as well as a customisable pre-order cart. After selecting PreProduct from the AppStore, simply click ‘install app’ from the top of the page and Shopify will take you through a quick install process.

PreProduct’s feature set includes:

  • The ability to choose which specific product/variants will be on pre-order.
  • A designated dashboard for your pre-orders, without regular orders being mixed in.
  • Customisation of the design/messaging of the pre-order button and front-end, including dynamic variables like shipping time.
  • Email campaigns to keep customers in the loop and engaged throughout the pre-order campaign.
  • Different payment options like; ‘pay later’, ‘deposit’ and ‘pay now’. Meaning you can list pre-orders much earlier and with better flexibility (+ in some countries, conform to necessary legal requirements).
  • Analytics and dashboards for reporting/interacting/merging the individual pre-orders.

Using the Shopify store 2.0 ‘customize’ editor you won’t have to add permanent code to your theme. You can just drag and drop a block into your product page. Meaning you’re in complete control of where the pre-order section goes in your storefront, as well as when it gets taken out.

Adding a pre-order app block to your Shopify turbo theme

Once you have PreProduct installed, you’ll be able to drag it’s block into your product page exactly where you want it. Here’s how:

  • Navigate to the ‘Online store’ section of your Shopify dashboard.
  • Click ‘Customize’.
  • You will now be greeted with Shopify’s customize editor. It will be set to your home page. Click ‘catalogue’ to go to a collection page and then click on any product to select your product page.
  • Notice the different areas of your product page in the left-hand side bar, signified by the tag icon and name in bold. We want to add to your ‘Product Information’ section, so click the blue ‘Add block’ link at the bottom of that list.
  • A pop-up should appear with a list of blocks under the ‘APPS’ heading. Click the PreProduct block.
  • The PreProduct block has now been added to the ‘Product information’ section. To choose it’s position, click the little back arrow to the left of its nam and drag it up or down until you’re happy with the position.
  • That’s it, you should be all good to go. Don’t forget to save! (Top right corner of the page).

Summary

You have now finished setting up pre-orders for the Shopify Turbo theme. You can now start listing products for pre-order and taking pre-sales for your future and out of stock products.

Pre-sell With PreProduct

7 day free trial with all plans

Unbounce Pre-orders



1. Unbounce pre-orders with Shopify & PreProduct

Unbounce offers a super powerful and intuitive way to create and manage landing pages for new product launches.
However, what if you wanted to start taking pre-orders from one of your landing pages?

For selling physical products, Shopify has been establishing itself as a market leader for quite some time now.
PreProduct is a pre-order app that plugs into Shopify and enables you to launch new products via different kinds of pre-sale.
In the below guide, I’ll show you a quick and easy way to set up Unbounce pre-orders.

Although ordinarily confined to the Shopify store itself, in this guide I’ll show you how to run PreProduct in a ‘headless’ way from your Unbounce page. Enabling easy communication and capture of Shopify / Unbounce pre-orders.
Essentially you’ll be adding a ‘custom HTML block’ to your Unbounce landing page and populating it with a couple of lines of code that PreProduct will automatically generate for you.

Each of the below steps is fairly straightforward, but feel free to get in touch if you run into any issues.
I’ve also recorded a quick video here in case that’s your preferred tutorial format.

Requirements:


*Each of the above apps have fully functional free trials that you can take advantage of.


2. Step-by-step guide

2.1

  • For this tutorial we’ll be using Unbounce’s classic builder. If you don’t have an existing page set up, click the ‘create new’ button in the top right corner of Unbounce.
stage 1

2.2

  • Now click on the triple-dot symbol to the far right of your page’s card area. Then click ‘Edit champion variant’.
stage 2

2.3

  • You’ll now be taken to your page’s editor. Click and drag the ‘custom HTML’ block from the left-side menu onto the page.
    You should be greeted by a text input modal.
stage 3

2.4

  • Now we just need to generate a snippet in PreProduct to paste into the modal. Start by opening up PreProduct.
dashboard

2.5

  • If you haven’t already created a pre-order listing in PreProduct, create one now by clicking the ‘New listing’ menu item.
    Then select it from the main dashboard.

2.6

  • Now click the ‘Generate headless code’ button on the left-hand side of the dashboard. A modal should pop up with your snippet in a grey text area. Highlight and copy the snippet.

2.7

  • Now, back in Unbounce; paste the snippet into the ‘custom HTML code’ modal and click ‘save code’. You can now position the block where you’d like on the page. We generally recommend making the block no smaller than 40% of the desktop page width. Then on mobile, it should be used at around 100% width.
stage 7
stage 7.5

2.8

  • The pre-order front-end won’t show properly until you click ‘preview’. Let’s do that now. You should see the pre-order button appear, along with an on-page pre-order cart when clicked. Listing details and styling are controlled from within PreProduct’s dashboard.
stage 8

3. Summary

Congratulations, you’ve just enabled Unbounce pre-orders  from your landing page. Through PreProduct, you’ll now be able to take advantage of Unbounce’s optimisation and design, alongside Shopify’s powerful e-commerce engine.

Pre-orders will flow from your Unbounce page into PreProduct and then at some point, Shopify. Depending on the kind of pre-order listing: ‘pay later’, ‘deposit-based’, or ‘pay now’.
For example; pay later’ pre-orders will just be in PreProduct until you send out payment link emails. Where as ‘pay now’ pre-orders will redirect to your Shopify checkout straight away and flow directly into the Shopify order system. 

What kind of pre-order listing to choose is a whole other article in itself. However, ‘time until ship’ is a good point to benchmark against. Is your new product going to be in customer’s hands next month? Well ‘pay now’ pre-orders is probably a good fit.
Or is it more like 6 months with potential delays? Then pay later or deposit-based pre-orders will give you more flexibility and customer goodwill.

Feel free to reach out with any questions or to let us know how your pre-order campaign is going.
We’re always happy to talk ‘pre-orders’ and ‘new product launches’.

Pre-sell With PreProduct

7 day free trial with all plans

Offering Shopify deposit payments



1. Why should you offer partial payments/deposits?

1.1 What are Shopify deposit payments?

Offering Shopify deposit payments as an option allows the store to charge a portion of the sale up-front, basically the customer pays a required partial payment of the cost of the goods/services they purchase to secure the pre-order.

1.2 Benefits of deposit based pre-orders

  • Increases the window of time that you can acquire orders.
  • Accepting deposits means you can pre-sell and start receiving cash-flow before the product is available.
  • Customers have a stronger commitment to the pre-order as they have paid a deposit.
  • Split payments can make the financial outlay easier for customers.

1.3 Deposits in the real world

An example of Shopify deposit payments from the real world is the Holochain Foundation. They harnessed the power of deposits and split payments in their rollout of a new decentralised Web 3 platform. Charging an upfront amount to pay for the HoloPort hardware from their audience ahead of the final shipping date. This meant they were in complete control of when to charge the remaining payment and ship out the HoloPorts. Flexibility like this can come in extra handy with more ambitious product launches like this one.


holoport

2. Adding Shopify deposit payments manually

2.1 Intro

It is possible to start collecting deposit pre-orders manually without installing any apps or paying a developer to modify your theme, through a very bare-bones approach.

This would not be our recommended approach for a few reasons; both pros and cons are highlighted below. If you do want to go ahead with adding Shopify deposit payments manually the steps are also outlined below.

2.2 Pros and Cons of manual deposits (split payments via multiple products)

Pros

  • Free of charge.
  • Stays within Shopify’s admin.

Cons

  • Bad customer experience due to lack of communication touch points.
  • Bad customer experience due to email instructions at payment step as opposed to one click link.
  • A lot of time consuming manual work in Shopify, meaning staff expense and possible room for error.
  • Can only safely support purchases of 1 with a deposit (due to discount code).
  • No dedicated analytics on who’s paid a deposit and who’s paid in full.
  • No tagging or deposit specific segmenting in Shopify.

2.3 Steps for setting up manual Shopify deposits

  • Create a new Shopify product that will be your ‘deposit’. For example, call it ‘A test product – deposit’ (in the description explain your deposit process and terms).
  • Make sure the product isn’t marked as a ‘physical product’ in Shopify’s product admin. This is so shipping isn’t charged by default.
  • Collect payments and orders of this deposit product.
  • Now list your main product in Shopify with its full price.
  • When you’re ready to charge customers the outstanding amount. Create a Shopify deposit code for the price of your deposit product, it’s important to make it only applicable to the main product that you’ll be charging for. Also, look at limiting the usage to 1 use per product per customer, so it’s not abused.
  • Now go into the ‘orders’ section of Shopify and filter by the deposit product. You can now click on each of these orders, copy the customer’s name and email into a third-party email provider, along with the discount code from step 5 and a link to your main product.

3. Adding Shopify deposit payments via Shopify deposit apps

3.1 Intro

There are a few different Shopify apps available that will allow your store to take deposits. Both a deposit management app or a pre-order app like PreProduct will allow you to take deposits, with each app offering a variety of features and options.

It’s essential to carefully assess which one aligns best with your business needs.

We believe one of the best Shopify deposit apps is our app PreProduct (surprised?), which has a holistic deposit system that works through your existing Shopify checkout via Shopify payments or PayPal. It allows you to accept partial payments (based on the amount or percentage you setup when creating the listing), and gives you full control as to when you trigger the remaining payment amount. It also allows you to charge the remaining payment automatically, via our auto charge automation.

3.2 Pros and Cons of running deposits through PreProduct

Pros

  • Ensure customers are committed to their pre-orders.
  • Receive some money paid upfront, to assist with cash flow.
  • Email campaigns to keep customers in the loop and engaged throughout the pre-order process.
  • Great customer experience with email communication and deferred charges or one click payment links.
  • More automated process so less manual work and room for error.
  • Products on pre-order will automatically gain the Shopify tag ‘pre-order’ and deposit products will gain the tag ‘deposit’ to help with filtering in your Shopify admin.
  • A user interface to choose which of your products/variants will be on pre-order and when.
  • A designated dashboard for your pre-orders, without regular orders being mixed in and analytics to show number of orders received, and number who have paid.
  • Third-party customer support, both technical and strategic.

Cons

  • PreProduct is a paid app.
  • Has to work within the e-commerce platforms constraints.

3.3 Functionality of PreProduct

PreProduct utilises a secure system for your Shopify store so that customers card information is vaulted with your payment processor. Basically when the customer places their pre-order Shopify will vault customers card details. This allows you to initiate payment collection manually on a specified date or automate it as inventory is added to your platform. This feature is a game-changer, particularly for an ecommerce business extensive product catalogs.

3.4 Steps for setting up a PreProduct deposit listing

We have a dedicated doc for how to create deposit listings here.

Dashboard (PreProduct app interface)

Navigate to the ‘New Listing’ screen in PreProduct and select/search-for the Shopify product you would like to list.

Under ‘What kind of listing are you creating?’, select ‘Deposit upfront’.

Now enter the deposit amount or percentage, which customers will have to pay upfront per item and click ‘create listing’. The amount entered defaults to your store’s primary currency.


choosing deposit pre-order

You can also offer a discount with deposit based pre-order sales. You can utilize both general discount codes and discounts tailored for pre-orders. However, it’s important to note that as of September 5th, 2023, ‘buy X, get Y’ Shopify discounts are not currently supported.

Front-end

The PreProduct pre-order front-end will explain that a deposit is required, how much it is and then an incentive phrase afterwards.


A product set to use shopify deposit payments

The wording can all be edited via the ‘customise wording’ screen in PreProduct. Just make sure to select ‘deposit based pre-order’ before editing.


customising deposit pre-order wording

Campaign

Pre-orders will populate in the PreProduct dashboards, allowing you to view and interact with them.

A solution like PreProduct allows you to ensure customers stay informed throughout the entire process, starting from the product page to shipping, using customized front-end messages, dedicated customer portals, and email campaigns. By entrusting PreProduct to handle communication for deposit pre-orders as soon as orders are made, you not only relieve your customer support team but also maintain a high level of customer satisfaction.

The PreProduct dashboard is also where you trigger the deferred charges. You can either select and charge separate product for specific customers, or you can choose to charge all customers at once.


pre-order campaign to take shopify deposit payments

4. Summary

Offering Shopify deposit payments gives many benefits to Shopify businesses when selling upcoming or out of stock products.

Whether it’s increasing cash flow and gross sales or improving forecasting ability, using PreProduct to offer deposit based pre-orders can help super-charge the above and improve the customer experience, all whilst saving you time in the process.

Pre-sell With PreProduct

7 day free trial with all plans

Adding pre-orders to Shopify Dawn



The Dawn Shopify Theme

Dawn is Shopify’s exciting new theme. As of the end of August 2021, new stores will be set-up with Dawn as default and have access to a bundle of new features which Shopify are calling ‘Store 2.0’. Among these new features is the long rumoured ‘sections anywhere’ ability, speed increases, support for 3d models out of the box and much more. However, the topic of this article is how to add pre-orders to Shopify Dawn. There are many compelling reasons to offer pre-orders, including their positive effects on cash flow, the flexibility they afford your product launches, and the risks they can offset. If you would like to read more about the benefits and strategies of pre-orders, we have an article on why you should take pre-orders on Shopify here.

Dawn theme

ref: Shopify

Adding Pre-orders Manually

I do not recommend this method at all, but realise that some people would prefer to see a free of charge version of offering pre-orders.

Word of warning

It’s possible to start collecting pre-orders without installing any apps or paying a developer to modify Dawn through a very bare-bones approach, although I don’t recommend doing this for several reasons that will be soon become apparent. Here are the steps:

  • Backup your theme. (you should always backup theme files before you change code, so you have a safe version to revert to if something goes wrong).
  • Shopify has a checkbox in the Shopify product admin under ‘inventory’ called ‘continue selling when out of stock’. When checked, your store will accept orders for that product, even when the stock level is 0.
  • You can then made a code change like the below to what text is outputted in your add-to-cart button. You’ll be looking for something similar to the first block of code below; which you’ll want to change to the block below.

Before:

{%- if product.selected_or_first_available_variant.available -%}
  {{ 'products.product.add_to_cart' | t }}
{%- else -%}
  {{ 'products.product.sold_out' | t }}
{%- endif -%}

After:

{%- if product.variants.first.inventory_policy == "continue" and product.variants.first.inventory_quantity == 0 -%}
  pre-order
{%- elsif product.selected_or_first_available_variant.available -%}
  {{ 'products.product.add_to_cart' | t }}
{%- else -%}
  {{ 'products.product.sold_out' | t }}
{%- endif -%}

  • Finally, navigate back to the ‘online store’ screen in Shopify and click ‘Customize’, click through the store preview until you’re looking at your product page. Then click ‘Buy buttons’ from the list of ‘product information’ blocks and uncheck the ‘Show dynamic checkout buttons’ option so that only your main buy button shows up.
Problems with the manual approach

On top of the fact that this option hardcodes a change into your store’s theme and doesn’t localize to the user’s language, it also will mean:

  • Muddled up ‘pre-orders’ and ‘buy-now’ orders in your Shopify order section, leading to mistakes and laborious admin.
  • No efficient control of what’s a pre-order and what’s a ‘buy now’ listing in your store.
  • Your storefront won’t tell customers when they should hope to receive their pre-order.
  • You have no way of communicating with customers during the pre-order process. e.g. ‘Your Red Sneakers are two weeks away from shipping’.
  • Pre-order payment has to be upfront.
  • No way to place limits or any advanced pre-order features on your listing.

All of these drawbacks can very quickly add up to a bad customer experience with a lot of work on your end to stay afloat and in control. Luckily Shopify’s app ecosystem has apps listed by companies who spend their whole time solving these issues and figuring out the best way to increase your pre-orders. The best bit is… thanks to ‘Store 2.0’s new features, you won’t need to write a line of code to integrate one.

Adding a pre-order app

Like I mentioned above, Shopify’s Appstore is home to many pre-order apps that will help you find success with your pre-sales.
PreProduct offers the below benefits, as well as a customisable pre-order cart. However, there are many other good options on the Shopify AppStore. After selecting a pre-order app from the App Store, simply click ‘install app’ from the top of the page and Shopify will take you through a quick install process.

Pre-order app features can include:

  • A user interface to choose which of your product/variants will be on pre-order and when.
  • A designated dashboard for your pre-orders, without regular orders being mixed in.
  • Customisation of the visual design/messaging of the pre-order button and front-end, including real-time variables like shipping time.
  • Email campaigns to keep customers in the loop and engaged throughout the pre-order process.
  • Different pre-order payment options like; ‘pay later’, ‘deposit’ and ‘pay now’ meaning you can list pre-orders earlier and with more flexibility (and in some countries, conform to necessary legal requirements).
  • Analytics and dashboard for reporting/interacting with the individual pre-orders.

Pre ‘Store 2.0’, permanent code had to be added to your store theme to add a pre-order app, resulting in increased setup time while a developer made the integration, as well as the potential for your theme to acquire more and more third-party code as you installed/uninstalled various kinds of apps.
Now Shopify gives store owners the ability to add something called an ‘app block’. Instead of having a developer add permanent code to your theme, you can simply drag and drop a block into your product page. Meaning you’re in complete control of where the pre-order section goes in your storefront, as well as when to take it out.

How to add a pre-order app block to your product page with Dawn

Once you have a pre-order app installed from the Shopify app store, as long as it supports ‘Store 2.0’, you’ll be able to drag it’s block into your product page exactly where you want it. Here’s how:

  • Navigate to the ‘Online store’ section of your Shopify dashboard.
  • Click ‘Customize’
  • You will now be greeted with Shopify’s drag-and-drop editor. It will currently be set to your home page. Click ‘catalogue’ to go to a collection page and then click on any product to select your product page.
  • Notice the different areas of your product page in the left-hand side bar, signified by the tag icon and name in bold. We want to add to your ‘Product Information’ section, so click the blue ‘Add block’ link at the bottom of that list.
  • A pop-up should appear with a list of blocks under the ‘APPS’ heading. Click the pre-order app’s block.
  • The app’s block has now been added to the ‘Product information’ section. To choose it’s position, click the little back arrow to the left of the apps name so you can see all of the product page blocks again. Then hover over the app’s name in the ‘Product information’ section and drag it up or down until you’re happy with its position.
  • That’s it, you should be all good to go. Don’t forget to save! (Top right corner of the page).

Now that you have pre-orders set up on your store, you can start listing new products straight away and promoting them. Whilst there are specific pre-order marketing tactics, we generally find the usual suspects work well. For example, conversion and abandonment optimisation through an app like Tada, organic/paid social media, influencer partnerships, email marketing etc.

Summary

Once you have finished adding pre-order functionality to Shopify Dawn, you can start taking pre-sales straight away for your future and out of stock products. Now that Shopify’s clever ‘sections everywhere’ app blocks have been released, integrating exciting new features into your store has never been easier.

Pre-sell With PreProduct

7 day free trial with all plans