When customer sees “currently unavailable” or “sold out” with no solution, that means only one thing – lost sale opportunity for your Shopify store.
When customers hit a dead-end product page with no path forward, most will bounce immediately and never return. For a Shopify merchant – popular products that frequently sell out are missed opportunities that represent significant lost revenue over time.
In this article, we’ll be sharing a comprehensive guide of 12 elements you can include on your product page to boost revenue even when the product is currently unavailable. Keep reading, because one of them is the Pre-Order button.
Let’s examine a real example from Tennessee Peanut Company’s popular Bayou Bites product. Their current page does not indicate “Sold Out” availability status, has non-functional page buttons, and no indication of when they’ll return.
With no clear next steps, no reviews, and no way to capture interested customers, this page effectively tells shoppers: “Go somewhere else.”
Why this page fails customers:
This page creates multiple points of friction that drive customers away:
-
- “Sold Out” is not prominently displayed on the page
- Shop Pay button still appears but doesn’t function when clicked
- “More payment options” leads nowhere
- No indication of when the product will be back in stock
- No way to be notified when available
- The customer has no path forward except to leave disappointed
- No way to capture potential customer information
- Lost revenue opportunity for a clearly popular product
The pre-order transformation
Every “sold out” notice without a pre-order option is money walking out the door. Your marketing already did the hard work bringing customers to your page. They’re ready to buy, credit card in hand—and then they hit a dead end. Most will never return, even when you restock.
Pre-orders solve this problem by capturing that purchase intent immediately. They convert browsers into buyers at the exact moment of highest interest, and every order with a pre-order item lands in Shopify tagged `Pre-order`, so you can filter your Shopify Orders and see exactly what to produce next.
Pre-orders aren’t just a way to sooth disappointed customers—they’re a powerful sales strategy that keeps cash flowing even when shelves are empty.
Here’s how Tennessee Peanut Company could transform lost opportunities:
1. Add a prominent “PRE-ORDER” badge
Set the badge copy in your Timesact pre-order template (Settings → Templates → Badge) and pick the product-image corner you want it in. The pre-order button is what takes the place of the theme’s Add to Cart or Sold Out button, so shoppers get a way forward instead of a dead end, with the badge reinforcing it on the product image and the collection card.
2. Product Title & Availability Status
Be specific with your product name, and let Timesact carry the pre-order wording and the expected shipping date: set the badge and button copy in your pre-order template, and put the date in the template message with the {{shippingDate}} variable, with the Shipping Date set on the Selling Plan assigned to that variant so the storefront stays in sync. The Selling Plan Description carries the “ships on” commitment line on the product page.
BAYOU BITES | Bold Cajun-Style Peanut Snack
[PRE-ORDER NOW – SHIPPING MAY 2ND]
3. Display quantity and price metrics:
Implement functional quantity buttons that update the total in real-time.
10oz Pouch: €8.95
18oz Family Size: €14.95
4. Pre-Order Options
Offering a deposit reduces purchase hesitation and makes higher-priced items more accessible during the waiting period. In Timesact this lives on the Selling Plan assigned to the variant: open Billing Policy → Partial payment, set the Upfront payment (an amount or a percentage) that is charged at checkout, and set the Final payment date on which Shopify collects the balance. Partial payments run through Shopify Payments and PayPal Express.
Deposit 30% – the remaining balance is charged on March 20th.
5. Clear Pre-Order CTAs
Primary: [PRE-ORDER NOW] button prominently displayed
Secondary: Timesact’s Back in Stock “Notify Me” button, which runs on the same product page for shoppers who would rather get an email when the item returns
Keep your primary CTA in high-contrast colors. It is the main focus.
6. Prominent Restock Timeline
NEXT BATCH SHIPPING MAY 2ND, 2025 [Countdown Timer: 28 Days Remaining] Pre-order customers receive priority shipping from our first batch
Transparency builds trust. Be realistic about your timeline, communicate clearly about any changes, and make your customers feel valued.
7. Shipping Information Summary:
Optimize the area around your CTA with critical shipping details:
FLAT-RATE SHIPPING €3.95
– Orders over €25 ship FREE
– Pre-orders ship May 2nd, 2025
– Typical delivery time: 2-4 business days
– Order tracking provided via email
8. Detailed Product Information
Don’t skimp on product details just because it’s a pre-order. Include comprehensive specifications, ingredients, dimensions, and usage instructions. The more detailed your information, the more confident customers feel pre-ordering something they can’t immediately see or touch.
9. Pre-Order Policy Dropdown:
Add a clear, customer-friendly return policy that addresses pre-order concerns: “Risk-free reservation – cancel anytime before shipping for a full refund.” This removes the final barrier to conversion.
More to add
1. Live Chat Support
[Chat bubble] “Have questions about our Bayou Bites or pre-ordering? I’m here to help!”
2. FAQ Section
Q: How does pre-ordering work? A: Pre-ordering reserves your Bayou Bites from our next batch. You’ll pay 50% now to secure your order, and the remaining balance is charged automatically on May 2nd, the final payment date set for this batch.
Q: Can I change or cancel my pre-order? A: Of course — email us any time before your batch ships and we’ll update or cancel the order for you in Shopify and refund everything you’ve paid so far.
Tool for success
Rather than turning away interested buyers when inventory runs out, pre-orders allow you to continue capturing sales by setting clear expectations about future availability.
Instead of turning eager buyers away, you’re capturing sales, building anticipation, and creating a community of loyal customers.
With the right tools, there are no missed opportunities. Timesact adds the pre-order layer to your Shopify store: customizable pre-order buttons and badges, pre-order and back-in-stock notification emails you switch on and edit in the app, and flexible payment options including a deposit at checkout with the balance collected on a final payment date you set.
Book a demo with our industry professionals and learn exactly how Timesact can be tailored to your specific needs.
FAQs
Why do “Sold Out” product pages hurt Shopify store sales?
“Sold Out” pages with no solution frustrate customers, causing immediate bounce. Lost sales on popular products reduce revenue and fail to capture purchase intent.
How can pre-orders boost revenue on unavailable products?
Pre-orders capture buyer intent at peak interest, convert browsers into paying customers, and land tagged in Shopify so you can filter your orders and plan production, keeping cash flow steady even when products are out of stock.
What elements should a Shopify product page include for pre-orders?
Key elements: prominent pre-order badge, clear product availability, real-time quantity updates, deposit options, high-contrast CTA buttons, transparent shipping info, and detailed product specifications.
How does a clear restock timeline improve customer trust?
Displaying shipping dates with countdown timers sets realistic expectations and builds trust through transparency about product availability and delivery timelines.
What tools can Shopify merchants use to manage pre-orders effectively?
Timesact provides customizable pre-order buttons, pre-order and back-in-stock notification emails you enable in the app, and flexible payment options, and it tags pre-order orders in Shopify so your sales stay visible in Shopify Analytics.

Contact Us
Live Chat
HELP CENTER
VIDEO TUTORIALS
STEP BY STEP GUIDES
FAQ
Preorder Management
Support and Resources
Analytics and Reporting
Customisation and User experience
Feature combinations
Operational Tools and Integrations
Join the Program


