Is it possible to enable the 'out of stock view' in Webflow for an eCommerce store?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Yes, it is possible to enable the 'out of stock view' in Webflow for an eCommerce store. By default, when a product is out of stock, it will be marked as sold out and won't be available for purchase. However, you can create a custom 'out of stock view' to provide a better user experience and inform visitors about the availability of the product. Here's how you can do it:

Create a new collection: Start by creating a new collection in Webflow for your out of stock products. This collection will hold all the out of stock items that you want to display on your website.
Add fields to your collection: Customize the fields in your collection to include relevant information about the out of stock products, such as the product name, description, price, and any other details you want to display.
Design the out of stock view: Go to your collection template page and design the layout and appearance of the out of stock view using the Webflow Designer. You can include product images, descriptions, prices, or any other elements you need to showcase the out of stock items effectively.
Set up filtering: To display only the out of stock items in your out of stock view, you need to set up filtering based on their availability status. You can create a filtering system using the 'Availability' field you added to your collection in step 2. Configure the filter to show only items with the 'out of stock' status.
Create a link to the out of stock view: Add a link or button on your product detail pages or anywhere else you want to give users access to the out of stock view. This link should direct visitors to the collection list page that displays the out of stock items.
Publish and test: Once you have designed and configured your out of stock view, publish your Webflow site and test the functionality. Make sure that when a product is out of stock, it appears in the out of stock view as expected.

Enabling the 'out of stock view' in Webflow can help you provide a better user experience for your visitors and keep them informed about the availability of your products. By creating a custom view for out of stock items, you can maintain a visually consistent design while conveying relevant information to your customers.

Additional Questions:

How do I create a collection in Webflow?
Can I customize the fields in my product collection with Webflow?
How to set up filtering in Webflow for an eCommerce store?

How can I make it so that only one dropdown item is expanded at a time in Webflow?

How can I add a function to collect customer information (age, weight, height) when adding items to the cart in Webflow Ecommerce?

Does Webflow support customizing add-ons for e-commerce products, such as adding additional costs for certain options?

Is there a better way to customize the color variant display on the product page of this e-commerce site using Webflow, instead of creating a different product item for each color?

Is there a widget specifically for creating a related products section in Webflow's new ecommerce feature, or do I have to manually set it up since the products are in a separate CMS?

Can I cancel my Webflow subscription after building and launching a website with a custom domain, and still have the website remain live and unaffected? And if I choose to renew my subscription later, will the website I previously built still be available for editing in my account?

Can Webflow provide the same features as WordPress in terms of customer authentication, login and logout functionalities, customer information collection, newsletter sync with Mailchimp, and the ability to import existing users/customers from WordPress? Additionally, can Webflow be used to run a full ecommerce website?

Is there a shipping method selection option available in Webflow's e-commerce solution?

How can I create an online store on Webflow with a shopping cart and accept payments from a service other than Paypal or Stripe?

Can you create a "Buy 3 Get 4th Free" promotion in Webflow where the fourth item is automatically free when three other products from a specific category are added to the cart?