Managing products in Webflow Ecommerce
How to add, edit, and organize products in your Webflow Ecommerce store — including variants, pricing, and inventory.
- Time
- 10 minutes per product
- Difficulty
- Beginner
- You’ll need
- A Webflow account with access to the site · Your product details (name, price, images, variants)
Your Webflow store's products are managed inside your site in Webflow, not from the Dashboard. This guide walks you through adding new products, editing existing ones, and keeping your catalog organized.
Quick summary
Open your site in Webflow, click the CMS tab, then Ecommerce, and open your Products. You can add new products, edit details, set variants (like sizes and colors), manage inventory, and set pricing — all without touching the design. The Content editor role can add, edit, and publish products.
What you'll need
- A Webflow account with access to the site
- Your product information: name, description, price, images, and any variants
Accessing the Products section
Log in to Webflow and open your site. On the Dashboard, hover over your site's thumbnail and click Open in Webflow.
Click the CMS tab in the top bar, then click Ecommerce. Open the Products Collection.
You'll see your full product catalog. From here you can add new products or click an existing one to edit it.
Adding a new product
Click New product in your Products Collection.
Enter the product name. This is the public-facing name customers see.
Write the product description. Use clear, benefit-focused language. Webflow's built-in Description field is plain text, so it won't hold bold text or lists. If your store needs richer descriptions, ask us.
Upload product images. Add a Main image, then use More images to add extra photos. Aim for a consistent aspect ratio across all product images.
Set the price. Enter the selling price. If the item is on sale, you can also add a Compare-at price (the original price).
Set inventory. If you have a limited quantity, turn on Track inventory and enter the stock amount. With tracking off, Webflow treats the quantity as unlimited.
Add variants if needed. If your product comes in different sizes, colors, or other options, use the Options section (see below).
Add an SKU (optional). This is your internal product code. Useful if you manage inventory across systems.
Check the slug. Webflow creates this from the first name you give the product. It becomes the last part of the product's web address. You can change it by clicking the product's URL under the Name field.
Publish or save as a draft. When you're done, choose to publish the product straight away, queue it to go live with the next site publish, or save it as a draft to finish later.
Adding product variants
Variants let customers choose options like size (S, M, L) or color (Red, Blue, Green).
In the product's details, scroll to the Options section.
Click Add an option set (e.g., Size). Type each option and press Enter after each one (e.g., S, M, L, XL).
Repeat for additional options (e.g., Color). Webflow will generate variant combinations automatically.
Set price, inventory, and SKU for each variant if they differ from the main product. Click a variant to change the values it copied from the main product.
Each product can have up to 3 option sets and up to 50 variants in total. Every variant counts toward your Ecommerce plan's item limit.
Editing an existing product
Click any product in the Products list to open it and change any field. Changes to a product that's already live don't appear on your store until you publish them: publish the product straight away, or queue it and publish the site.
Managing inventory
For each product (or variant), you can:
- Track inventory — turn this on to count stock
- Set stock quantity — enter how many you have. Webflow lowers this automatically each time an item sells.
- Rely on "Out of stock" — while tracking is on, shoppers can't order more than you have, and when the quantity reaches zero the product shows as out of stock automatically
Webflow does not automatically reorder or restock — you'll update quantities manually when you receive new stock.
Common questions
I added a product but it's not showing in my store.
Check that the product isn't still a draft. Publish it, or queue it for publishing and then publish the site. A product that's queued only goes live when the whole site is next published.
How do I remove a product from the store temporarily without deleting it?
Save the product as a draft, or archive it. Either way, it comes off your store at the next site publish but stays saved in your catalog. Archived products can be unarchived later.
Can I bulk import products from a spreadsheet?
Yes. Webflow can import products from a CSV file: open your Products Collection and click Import. You can also Export your products to a CSV file as a backup. For large catalog migrations, ask Chykalophia — we can help prepare the file.
Can I organize products into categories?
Yes — Webflow Ecommerce supports Categories. You can create them in the Categories Collection, or add them from a product's Categories field. The category pages are designed by Chykalophia.
Related guides
- Webflow Ecommerce (overview)
- Managing orders in Webflow Ecommerce
- How publishing works in Webflow
- Troubleshooting Webflow problems
Need a hand?
Learn more
Last updated
Webflow Ecommerce (overview)
An introduction to selling products through your Webflow site — what Webflow Ecommerce includes, how it works, and when it's the right choice.
Managing orders in Webflow Ecommerce
How to view, process, and fulfill orders in your Webflow Ecommerce store — including updating order status and handling refunds.