When Black Friday comes around, you need to give your customers all the information they need about your products in order to secure their trust and convince them to spend their hard-earned cash with your brand.
In a physical store, your stock levels are immediately clear; it’s either there or it isn’t. But online, the process is more opaque, and your customers must be actively informed when stock levels are low.
By not making stock levels clear, you risk giving customers false expectations about their ability to purchase — which leads to disappointment or even anger when this isn’t possible.
It’s crucial that your product inventory is up-to-date, and your users are receiving that feedback immediately.
Here are some great ways to address out-of-stock items, and avoid increased customer frustration.
1. Reassure users that items are re-stocking soon
If items are planned to come back into inventory, use the listing image as an opportunity to send that message to users as they browse.
This way, they may not waste time visiting the PDP but will keep in mind that the item they were interested in will be back soon.
2. Let your users filter by in-stock items
This is especially useful if items are likely to come back in the near future. Users who need something more immediately can quickly narrow down the PLP listings by only browsing what is available. This allows the website to be proactive in preventing user frustration when browsing. In this example, a simple toggle is available as a filter option.
3. Provide on-the-spot recommendations for unavailable items
If any of your items go in and out of stock on a regular basis, quickly provide users a clear alternative.
Tesco prompts the user to check out the ‘rest of the shelf’, while Chronodrive provides an immediate suggestion beside the listing. The unavailable item has a lower opacity than the suggestion to clearly indicate which is available for purchase.
4. Allow users to sign up for in-stock notifications
Should your user want a specific item that is out-of-stock, keep the PDP live so that the user can request an email notification for when it is back in stock.
Lulus uses a ‘Join the Waitlist’ link to prompt the user in providing an email address. In addition, it asks the user to choose the size they are interested in receiving notifications about, which helps avoid email spam. This pop-up appears when either the link is clicked or an unavailable size is clicked to assure that the user sees this feature.
5. Cross-sell if an item is out of stock
To soften the blow of an item not being available, push a cross-sell of similar items. In the below example, all actions pertaining to saving or purchasing the item have been removed. Instead, only the details and cross-sell remain on the page.
6. Allow users to bulk remove out-of-stock items in their carts
If your users like to save items in the cart and come back to them later, they are bound to come across out-of-stock items. This can be especially frustrating if the user has many items in the cart, and they have to remove them all one by one. But firstly, make it clear when something is unavailable. Use bold, red text to indicate an error. You can also use highlighted borders. Secondly, allow users to remove all out-of-stock items in their cart at once, like the example below.
Michelle is a UX/UI Designer who loves finding design solutions that marry both business and user needs. When she’s not designing, you can find her pursuing yet another new hobby, visiting a museum, or laughing a little too loudly somewhere in the distance.