Shop App Pre-Orders: Why Your App Isn't Splitting Fulfillment (and How to Fix It)

Hey everyone, I recently saw a really insightful discussion pop up in the Shopify Community that I just had to share. It started with a store owner, nycbrand, asking a common but tricky question: “What preorder apps work with SHOP?” They were using STOQ for pre-orders but found it wasn’t “splitting the fulfillment” correctly when customers bought through the Shop app. If you’ve ever dabbled in pre-orders or multi-channel selling, you know this can be a real headache.

This isn’t just about one app; it’s about a fundamental understanding of how Shopify’s Shop app channel handles pre-orders. Let’s dive into what the community experts uncovered and, more importantly, how you can fix it for your store.

The Core Problem: Shopify’s Shop App Doesn’t Play Nice with Pre-Orders (Directly)

The first thing that became crystal clear from the discussion, especially thanks to v.marychenka’s direct response, is that this isn’t an app-specific bug. It’s a Shopify platform limitation. As v.marychenka pointed out, Shopify’s own documentation states: “Pre-order products are only supported on the Online Store and Custom Storefront sales channels.” This is a crucial piece of information that many store owners might miss.

What does this mean in practice? It means that no matter how good your pre-order app is (whether it’s STOQ or another top-tier solution), if a customer completes a purchase *directly within* the Shop app’s checkout flow, that order won’t be recognized as a pre-order. It’ll look like a regular, in-stock sale, leading to exactly the fulfillment splitting issues nycbrand was seeing.

Selling Plans vs. Theme Scripts: A Deeper Dive

Before jumping to conclusions, lumine offered some fantastic advice on understanding how your pre-order app marks an order. This distinction is super important for multi-channel sales:

• Selling Plans on the Variant: If your pre-order status is attached as a “selling plan” directly to the product variant, this information lives server-side with Shopify. This is generally the most robust method, as it survives across different sales channels like your online store, POS, or even a headless storefront.
• Script-Based (Theme-Dependent): Some apps might use JavaScript running within your theme’s cart to add a “pre-order” line item property or cart attribute. The problem here? The Shop app checkout never loads your theme. So, if your app relies on a script, that pre-order marker simply won’t be written, and the order will land looking like any other in-stock purchase.

While a selling plan approach is superior for broader channel compatibility, v.marychenka clarified that even this robust method won’t overcome the Shop app’s inherent limitation regarding its *checkout process* for pre-orders. The Shop app simply isn’t designed to process pre-order flows directly.

The Solution: Redirect Customers to Your Online Store

So, if the Shop app’s checkout won’t handle pre-orders, what’s the fix? The consensus from the community is to prevent pre-order products from being sold directly within the Shop app and instead redirect customers to your online store where your pre-order app can function as intended. This ensures the correct pre-order flags are set, and fulfillment can be managed properly.

Here’s how to do it, based on v.marychenka’s guidance:

1. Log in to your Shopify Admin: Go to your main dashboard.
2. Navigate to Sales Channels: In the left-hand menu, click on “Sales channels” and then select “Shop.”
3. Access Products in Shop: Under the “Catalog” section, look for “Products selling directly in Shop” and click to open it.
4. Identify and Select Pre-Order Products: Find all the products you currently have set up for pre-order. Tick the checkbox next to each of these products.
5. Bulk Edit Sales Channels: At the top of the product list, click the “Bulk edit” button.
6. Deselect Shop as a Sales Channel: In the bulk editor, you’ll see a column for “Sales channels.” For your selected pre-order products, deselect “Shop” from the list of active sales channels.
7. Save Your Changes: Make sure to click “Save” to apply the changes.

What this does is “unpublish” those specific pre-order products from direct sale within the Shop app’s checkout. They will still *appear* in the Shop app, but when a customer clicks to buy one, they’ll be seamlessly redirected to your online store. There, your STOQ app (or whatever pre-order solution you use) will take over, ensuring the pre-order is correctly processed and fulfillment is split as expected.

Important Caveats

There’s one more thing to keep in mind: when customers are redirected to your online store for pre-orders, they won’t be able to use Shop Pay, Apple Pay, or Google Pay for those specific pre-order items. This is another limitation tied to the pre-order process itself, and something to be aware of in your customer communications.

Once a product is no longer a pre-order and is selling normally again, you can easily go back into the “Products selling directly in Shop” section and re-enable it for direct purchase within the Shop app.

This whole discussion highlights how crucial it is to understand the nuances of each sales channel when you’re building out your Shopify store. While the Shop app offers fantastic visibility and a streamlined experience for in-stock items, pre-orders require a slightly different approach to ensure everything functions smoothly behind the scenes. By making these small adjustments, you can keep your pre-order process robust and your fulfillment headaches to a minimum!