Out-of-Stock Product Pages — Turning a Dead End Into a Next Step

Short answer: a shopper on a sold-out page wanted that product enough to click on it. Do not leave them at a grey button. Say clearly that it is unavailable and when it returns, offer a back-in-stock alert, and show close alternatives. Measure how many sessions reach unavailable products and whether they continue to another product or leave.

Table of Contents

1. How Big Is the Problem?
2. What Shoppers Do on a Sold-Out Page
3. A Better Out-of-Stock Page
4. Variants and Partial Stock
5. Search Engines and Removed Products
6. Key Takeaways

How Big Is the Problem?

Send an event when an unavailable product is viewed:

deepsync("track", "out_of_stock_viewed", { variantLevel: false });

Then look at:

The last row is urgent when it applies. Paying for clicks to a product nobody can buy is the simplest waste to stop. Pause ads for items that sell out.

What Shoppers Do on a Sold-Out Page

In recordings:

• Tap the disabled button several times, not realising why it will not work.
• Try every size hoping one is available.
• Scroll looking for an explanation or a restock date.
• Leave within a few seconds.
• Arrive from a listing page where the product showed no sign of being unavailable, and go back annoyed.
• Look for a similar item and find no suggestions.

Dead clicks on a disabled "Add to cart" are the giveaway that the page did not explain itself.

A Better Out-of-Stock Page

1. Say it plainly and early. "Sold out" near the title, not only a greyed button.
2. Give a date if you have one. "Back in stock around 15 October." If you do not know, say that.
3. Offer an alert. "Email me when it is back", asking only for an email or phone number.
4. Show alternatives above the fold: the same product in another colour, the newer version, close substitutes.
5. Keep the page useful. Images, description, and reviews stay, so the shopper can judge whether to wait.
6. Allow pre-order or backorder where you can fulfil it, with an honest delivery estimate.
7. Link to the category so they can keep browsing.

Track the alert:

deepsync("track", "back_in_stock_requested");

A count of alert requests per product is direct evidence of demand, useful for deciding what to reorder.

Follow through. An alert that never sends, or sends after the item sold out again, wastes the goodwill.

Variants and Partial Stock

Most stock problems are partial: the product exists, one size does not.

• Show unavailable variants as unavailable, crossed out or labelled, not hidden. Hiding makes shoppers think the size was never made.
• Do not let them select and then fail. Say so at selection.
• Offer the alert per variant.
• Show low stock honestly. "Only 2 left" is useful when true. Invented scarcity is a dark pattern.
• On listing pages, show availability or sort sold-out items last (listing pages).
• Update images and price correctly when a variant is chosen.

Rage taps on a sold-out size with no message are one of the most common findings on fashion product pages.

Search Engines and Removed Products

What to do with the URL depends on whether the product is coming back.

Deleting a temporarily unavailable product throws away its search ranking and breaks every link to it. Use product structured data to state availability accurately, so search results do not promise what you cannot sell.

Key Takeaways

• Visitors to a sold-out page had real intent.
• Explain, offer an alert, and show alternatives.
• Mark unavailable variants instead of hiding them.
• Stop paid traffic to unavailable products.

Conclusion

Running out of stock is a sign of demand. Treat the page as a place to hold that demand, not as the end of the visit.

Start free with DeepSync.