Add and manage your store's products and product categories.
You can add products to your Webflow store and organize and import them manually in the Ecommerce panel (individually or in bulk with a CSV file), or automatically with external sources.
In this lesson:
You can add products manually to your Products collection in the Ecommerce panel in either the Designer or the Editor: Ecommerce > Products > Add new product.
Adding products is very similar to adding CMS collection items. You can create an item, input the data in the appropriate fields, then choose to create the product, publish it immediately, or save it as draft.
You can also create product variations by defining option sets. Then you can update the details of each variant.
There are currently 4 product types to choose from:
Depending on the product type you assign, shipping and download fields will automatically show or hide.
Shipping fields are:
*Shipping information will/won’t be collected based on the value of the Shipping required field. Read about how to configure orders that don’t require shipping for more information.
The default visibility settings for each product type are as follows:
Physical (Requires shipping field defaults to Yes)
Digital (Requires shipping field defaults to No)
Service (Requires shipping field defaults to No)
Advanced (Requires shipping field defaults to Yes)
If you assign a product type that will clear fields with information, a confirmation warning will pop up.
The default Product fields shown in Product settings is based on the Physical product type. When you change the Product type, the listed fields and Editor preview will reflect the type selected.
Some things to note about importing products with a CSV (comma-separated value):
You’ll get an import error if the product type is invalid or fields conflict with what’s expected — i.e., if:
Conditional visibility can be set based on the Product type you choose from the dropdown. You can use conditional visibility to make sure instructions about downloads are only visible on digital product pages.
A product Collection list can be filtered based on the product type you choose from the dropdown.
The Product type field can be used in SEO settings and custom code.
The Product type field can be dynamically connected (e.g., to add a badge that says if a product is a "Physical product" or "Digital product") in the following places:
You can organize products by adding them to categories. You can either create the categories in the categories collection, or create them from the categories field in the product item detail setting.
Learn more: The relationship between products and categories
At any moment, you can delete or archive a product or category from the collection item detail setting. You can also duplicate a product to quickly create a similar product.
In some cases, like when you’ve started with an Ecommerce template, you may want to delete a large number of products to replace them with yours. To do that you can use bulk actions, just like with CMS collections, to select all products and delete them with a single click. You can do this with categories as well.
Bulk actions also allow you to draft items, archive them, or stage drafted items to publish.
You can also export your products and save a backup of them in CSV format.
You can update any product or category at any time, then choose to stage it for publishing, publish it immediately, or save it as a draft to unpublish it on the next site-wide publish.
Learn more: Collection items
You can also import your products automatically using a CSV file, or by integrating with external sources using services like Zapier or the Webflow API.
If you exceed the item limit for your Webflow Ecommerce site plan, you'll get a message to upgrade before adding more items.
Item limits for each plan are:
Items include the total combined number of:
Here's a breakdown of how each of the above counts towards your item limit:
More information can be found on our site plan pricing page.
Disclaimer: By registering with Stripe, you're confirming you won't accept payments via Stripe in connection with any prohibited businesses, business activities, or business practices. Learn more about what businesses and products are not allowed by Stripe and why.
Something went wrong while submitting the form. Please contact support@webflow.com
Got a lesson suggestion? Let us know
Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback