How to Handle Out-of-Stock Products (Without Losing Sales or SEO)

A shopper clicks through to the exact product they want and sees two words that can end the visit: sold out. What you show next decides whether you lose only the sale, or the customer and the search ranking too. Showing availability on the product page is the other half of the same habit. Most stores lose more than they need to. Baymard Institute found that 68% of sites do not even let shoppers buy a temporarily unavailable item with a longer delivery time (Baymard Institute). The default is a dead end, and shoppers read it as a cue to leave.

Handling out-of-stock products well is a solved problem. This guide walks through how to keep the sale alive, protect your Google rankings, and set everything up on Shopify and WooCommerce.

Which Approach Fits Your Situation

The right move depends on whether the product is coming back. Use this as a quick reference, then read on for the how-to detail.

Why Out-of-Stock Handling Costs More Than One Sale

An empty product page leaks money in three directions at once.

The first is the immediate sale. Across retail, IHL Group estimated the 2024 cost of out-of-stocks at around $1.2 trillion (IHL Group). Ecommerce product pages are only one visible part of that wider inventory problem, and handling them well is its own chapter in the broader product page playbook. On the page itself, a flat sold-out label gives the shopper nowhere to go, so many leave for a site that has the item in stock.

The second is the customer relationship. A single stockout is recoverable. Repeated ones rarely are. A shopper who keeps hitting sold-out pages stops trusting that your store will have what they need, and that lost trust is the part that compounds. A lost sale is one transaction. A lost repeat customer can be dozens, which is why repeated stockouts cost far more than the missed checkout in front of you.

That compounding is why out-of-stock handling belongs on the conversion roadmap, not the inventory backlog. The merchandising and SEO choices you make on an empty page decide how much of that future value you keep.

The third is search visibility, and it is the one most stores miss. Google can treat an unavailable product page as a soft 404 if it looks empty or error-like, which can drop it from results. We cover the fix in the SEO section below, because it changes how you should handle the page.

Key takeaway: An out-of-stock page is a fork in the road. Handle it well and you recover the sale, keep the customer, and protect the page's search visibility. Handle it badly and you lose all three.

The Wrong Ways Stores Handle Out-of-Stock Products

Most damage comes from a handful of well-meaning mistakes.

Deleting the product. Pulling the page removes a URL that may have ranked for months and collected links. The demand does not disappear. It just lands on a 404 or a competitor.

Hard 404 or redirect to the homepage. Sending a temporarily unavailable product to a 404, or bouncing it to the homepage, throws away the page's accumulated search value. As Matthew Edgar notes, redirecting pages to the homepage instead of letting them resolve gets treated as a soft 404 anyway (handling out-of-stock pages, Matthew Edgar).

The flat sold-out dead end. A page that says only out of stock gives the shopper nowhere to go. Baymard describes this as a UX dead end: the visitor cannot move forward if they are set on that item, so they leave (Baymard Institute).

Hiding the product entirely. Removing the item from collections and search hides it from the people who would happily wait for a restock or take an alternative. You lose the chance to capture that intent.

The pattern across all four is the same: each one ends the shopper's journey instead of redirecting it.

How to Handle Out-of-Stock Products: 6 Steps

The goal is simple. Turn a dead end into a detour that keeps the shopper engaged and the page indexed. Here is the sequence.

Step 1: Keep the Product Page Live

For anything temporarily unavailable, leave the URL up and returning a normal 200 status. Do not delete it, 404 it, or redirect it. The page keeps its rankings and links while you work on recovery. Yoast makes the same call: keep the page live for temporary shortages rather than removing it (Yoast).

Keep the page useful too. Show the product, its details, and a clear status. An indexed page with real content and a next action is the foundation every other step builds on. The mistake to avoid here is the blank or stripped-down page: when a URL loses its content the moment stock hits zero, you hand Google a reason to drop it and the shopper a reason to leave. Treat the out-of-stock state as a different layout of the same page, not a lesser one.

Step 2: Add a Back-in-Stock Notification

The single highest-value addition is a notify-me form. A shopper who hands over an email is telling you exactly what they want and when to sell it to them. When the item returns, an automated alert brings them back at the moment of highest intent.

The reason it works is the audience. You are emailing people who already chose the product and asked to hear when it returns, which makes a restock alert one of the highest-intent messages a store can send. Triggered flows like this routinely outperform one-off campaigns, since the timing matches a buyer who is ready to act (Klaviyo).

Pro tip: Capture the email on the product page itself, not in a popup. The shopper is already looking at the item they want, so the ask feels natural rather than interruptive.

Step 3: Recommend Alternatives

Not everyone will wait. For shoppers who want a solution now, show close substitutes right on the page: similar items, the next size up, or a newer version. Baymard recommends promoting cross-sells heavily on unavailable pages, and especially for products that are gone for good (Baymard Institute).

Good alternatives do real work. They recover shoppers who would otherwise bounce, and they pull double duty as the on-page content that keeps Google from reading the URL as an empty error. For how to pick and position substitutes, our cross-selling and upselling playbook covers placement across the product page and cart.

Step 4: Offer Backorders or Extended Delivery

If you know the item is coming back, let people buy it now and wait. A backorder converts a lost sale into a delayed one and locks in the customer before they shop elsewhere. As noted earlier, most sites still do not offer this option, which makes it an easy way to stand out.

The trade-off is honesty. State the expected ship date plainly so the longer wait is a choice the shopper makes with open eyes, not a surprise after checkout.

Step 5: Show a Restock Date or Pre-Order

When you have a real restock date, show it. A realistic restock date or delivery window gives the shopper a reason to set a reminder or come back. For items that have not launched yet, a pre-order does the same job and starts collecting revenue early.

The rule is the same as backorders: only show a date you can hit. A missed restock promise costs more trust than the original stockout.

Step 6: Use Honest Low-Stock Urgency

Before an item sells out, low-stock messaging can nudge undecided shoppers. "Only 3 left" works because it is true and time-bound. The moment it becomes a permanent fixture or a fake countdown, it reads as manipulation and erodes trust.

Keep urgency tied to real inventory. Our guide to FOMO marketing for ecommerce walks through where genuine scarcity helps and where fabricated urgency backfires.

Out-of-Stock SEO: Protect Your Rankings

The recovery tactics above also solve most of the SEO problem, because a page with alternatives and a notify-me form is no longer empty. A few specifics finish the job.

Keep the 200 status and avoid the soft 404. Google can treat an out-of-stock product page as a soft 404 if it looks empty, error-like, or no longer useful, which can drop it from the index. John Mueller has explained that an unavailable product page reading like an error page may be classified that way (Search Engine Journal). That is why a temporarily unavailable product should keep real product content, a clear availability status, alternatives, and a next action.

Mark availability with structured data. Use Schema.org product markup and set the availability value to match reality: OutOfStock, BackOrder, PreOrder, LimitedAvailability, Discontinued, or InStock (Schema.org ItemAvailability). In JSON-LD, use the full Schema.org URL for the value, such as "availability": "https://schema.org/OutOfStock". Accurate markup helps Google show the right status in results and understand that the page is a live product, not a broken one.

Match your product feed too. If you run Google Shopping, keep the feed availability in sync with the product page and checkout state. Google Merchant Center disapproves a product when the feed says in stock but the landing page shows out of stock, and the listing stays out of Shopping ads and free listings until the mismatch is fixed (Google Merchant Center Help).

Handle permanent discontinuations differently. Temporary and permanent are not the same problem. For an item that is gone for good, check the page's search value first. A page with rankings and links earns a 301 redirect to the closest alternative. A low-value page can return a 404 or 410 to save crawl budget (Matthew Edgar).

Manage collection pages. Out-of-stock items can stay in category listings, but push them to the bottom or filter them so available products lead. Keep the individual product page indexable even when you demote it in the collection.

How to Set It Up on Shopify and WooCommerce

The tactics are the same on both platforms. The controls differ.

Shopify

Shopify handles the basics natively and needs an app for restock alerts.

1. Control whether sold-out variants show. Most themes let you display sold-out variants rather than hiding them, which keeps the page complete. Check your theme's product settings.
2. Allow backorders. On a variant, turn on "Continue selling when out of stock" to accept orders past zero inventory. This option is available only when inventory tracking is enabled for the variant (Shopify Help Center). Pair it with a clear ship-date note.
3. Add restock alerts with an app. Shopify does not send back-in-stock emails on its own. Apps such as STOQ, AMP Back in Stock, and Back in Stock add the notify-me button and the automated email or SMS (Shopify App Store).
4. Show alternatives. Use related-product or recommendation blocks on the product template so substitutes appear automatically.

WooCommerce

WooCommerce has backorders built in and uses plugins for restock notifications.

1. Set the backorder rule per product. Under Inventory, choose one of three options: "Do Not Allow", "Allow", or "Allow, but Notify Customer". The third shows a backorder notice on the product page, cart, checkout, order, and customer emails, so the shopper knows before they buy (WooCommerce documentation).
2. Keep the stock status visible. Let WooCommerce display the backorder or out-of-stock label rather than hiding the product.
3. Add a notify-me plugin. Native WooCommerce does not collect restock emails, so add a back-in-stock plugin to capture interested shoppers and email them on restock.
4. Surface related products. WooCommerce shows related items by default. Confirm the block is enabled on your product template so alternatives stay visible.

Pro tip: Whichever platform you run, set the availability schema to match the on-page status. Many themes and SEO plugins handle this automatically, but it is worth confirming with Google's Rich Results Test.

How to Measure the Impact

You cannot improve what you do not watch. Four numbers tell you whether your out-of-stock handling is working.

• Notify-me capture rate. The share of out-of-stock page visitors who sign up for an alert. A rising rate means the page is doing its recovery job.
• Restock email conversion. The share of alert recipients who buy after the item returns. This is where back-in-stock automations earn their reputation.
• Recovered revenue. Sales attributed to restock alerts, backorders, and pre-orders that would otherwise have been lost. Track this number on its own so the channel earns its place in your reporting instead of hiding inside total email revenue.
• Out-of-stock bounce rate. How often shoppers leave from an unavailable page. Compare it before and after you add alternatives and capture.

If you want a baseline for the conversion side of the equation first, the conversion rate calculator gives you the store-wide number to measure against. For the bigger retention picture, stronger availability handling feeds directly into the strategies in our Shopify conversion rate optimization guide.

Skip the Manual Check

Stock status is one of dozens of things that quietly drain conversions on a typical store. Checking every product page by hand is slow. An automated store audit flags out-of-stock handling alongside speed, trust, and checkout issues in one pass, so you can see what is leaking revenue before you start fixing.

Frequently Asked Questions

Should I delete out-of-stock products?

Not for temporary shortages. Deleting the page throws away its rankings and links, and the demand still exists. Keep the URL live with a 200 status, add a notify-me form, and show alternatives. Only consider removal for items that are permanently gone, and even then a 301 redirect to a close alternative usually beats a hard delete for pages that had search value.

Does out of stock hurt SEO?

It can, if you handle it badly. Google may treat an empty out-of-stock page as a soft 404 and drop it from results. You avoid that by keeping the page live with real content, setting the Schema.org availability value correctly, and never redirecting a temporarily unavailable product to your homepage. Handled this way, a short stockout does little lasting damage to rankings.

Should out-of-stock items show on collection pages?

Usually yes, but not at the top. Keep available products leading the collection and push out-of-stock items toward the bottom, or offer a filter to hide them. Removing them entirely hides demand you could capture with a restock alert. The individual product page should stay indexable even when you demote it in the listing.

How do I set up back-in-stock alerts on Shopify or WooCommerce?

Shopify needs an app, since it does not send restock emails natively. STOQ, AMP Back in Stock, and Back in Stock all add a notify-me button and automated alerts. WooCommerce handles backorders natively under each product's Inventory settings, and a back-in-stock plugin adds the email capture. On both platforms, confirm your availability schema matches the on-page status.

Do pre-orders and backorders actually help?

Yes, when you are honest about timing. A backorder or pre-order converts a lost sale into a delayed one and locks in the customer before they shop elsewhere. Baymard found most sites do not offer this, so it is also a way to stand out. The one rule: show a ship date you can hit, because a missed promise costs more trust than the original stockout did.