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 5 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. Learn more about how to configure orders that don’t require shipping.
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)
Membership (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.
There are 2 types of billing methods that you can add to a product: one-time payment and subscription.
You can configure the billing method settings within each product page. You can change the price, compare-at price, and product tax class.
With one-time payment, your customers will pay one time to purchase the product.
This billing method allows your customers to pay on a recurring basis for a product. This is usually used when the product is provided on a recurring basis, or customers have access to a product for an extended amount of time (e.g., access to articles on a news site, access to video content on a streaming service, subscription boxes sent directly to the customer, etc.)
For the subscription billing method, you can choose the billing period in the product page. There are 4 options for the billing period: day, week, month, and year.
To open Product settings:
The default Product fields shown in Product settings are based on the Physical product type. When you change the Product type, the listed fields and Editor preview will reflect the type selected.
To import/export items (e.g., products, categories, or discounts) with a CSV file:
Some things to note about importing products with a CSV (comma-separated value) file:
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. For example, 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.
The following items count toward the item limit under your Ecommerce site plan:
Here’s a breakdown of how each of the above count toward your item limit:
Ecommerce item limits are separate from CMS item limits. However, the 3 Collections included on all Ecommerce sites (Products, Categories, and SKUs) count toward the overall Collection limit.
More information about the limits for each Ecommerce site plan can be found on our site plan pricing page.