Learn all about the Webflow Ecommerce Products and Categories Collections.
Ecommerce Collections are automatically created for you once you enable Ecommerce for a project. You’ll see the two Collections — products and categories — in the Ecommerce panel located in the left sidebar. You can edit the settings of these Collections to customize and enrich them with custom fields. Then, you can input or import products and categories to build your store database.
Note
Ecommerce item limits are separate from CMS Collection item limits. However, the three Collections included on all Ecommerce sites (Products, Categories, and SKUs) count toward the overall Collection limit and can’t be removed from a site once Ecommerce is enabled.
To open the Ecommerce panel, click the CMS tab, then Ecommerce. There, you can access Ecommerce Collections (Products and Categories) and the Ecommerce setup guide, which guides you through the process of setting up your store. You can also access and manage orders in the Ecommerce panel.
Products and Categories
Webflow Ecommerce’s Products and Categories Collections are dynamic Collections, like any other Collection in the CMS. However, Ecommerce Collections have a set of default fields that you can’t edit as part of the Collection schema (i.e., the blueprint for the Collection data).
You can add custom fields to your Ecommerce Collections.
Default Products Collection fields
The Products Collection comes with the following default fields:
Name (required)
This is the name of your product. Webflow automatically generates a slug based on the first name you add. You can change the slug by clicking the Collection item URL under the Name field.
Description
This is a plain text field where you can add a description of your product. You can connect it to a paragraph element in your site’s design or connect it to the SEO and Open Graph descriptions in your Products Collection settings.
Main image
This image field lets you add a single image of your product.
More images
This multi-image field lets you add multiple images for your product.
Price (required)
The price field lets you set a price for your product and inherits a currency unit from Ecommerce settings. If you change the currency unit, existing products will be set to draft. You’ll need to manually update the price to the new currency value, as well as all previously-configured shipping methods.
Compare-at price
This field lets you set the original price of your product if your product is on sale. It inherits the same currency unit as the required price field.
Product tax class
Some products are exempt from sales tax, while others have lower sales tax — it all depends on the type of product you’re selling. If your product is taxable, specify the tax class of the product to improve the accuracy of auto tax calculations.
If your product isn’t taxable, choose Exempt from taxes so your store won’t charge sales tax on that product. The default for this field is Standard automatic tax calculation. Learn more about configuring tax settings.
Categories
This is a multi-reference field that lets you add a product to one or more existing categories or create new categories.
Measurements
The measurements field lets you input the measurements of your product (i.e., width, height, length, and weight), which can be used to determine shipping rates.
Inventory tracking
If you want to track inventory of your product, toggle Track inventory to on. This lets you specify the quantity of items you have for this product.
SKU
This is a plain text field for internal use (for tracking inventory) that lets you associate your online products with their Stock Keeping Unit (SKU) — an alphanumeric ID code that can help you identify a particular product.
Options
Options let you create product option sets and list the options you offer for each product. Variants are created for each combination of options and each variant is a product on its own. You can edit the details and specify the same fields for each variant (e.g., image, quantity, price, etc.).
Default Categories Collection fields
The Categories Collection comes with the following default fields:
Name (required)
This is the name of your product category. Webflow automatically generates a slug based on the first name you add. You can change the slug by clicking the Collection item URL under the Name field.
Products
This is a multi-reference field that lets you add all your products to a category. The field is auto-populated with the products you’ve added to that category from the product item settings, if applicable.
Note
The Products field is automatically populated by products belonging to that category, if you’ve input their category while creating your products. The same is true if you add products to a category in the Categories Collection — the Category field for each product is auto-populated by that category.
Collection settings and custom fields
When you edit Collection settings for Products or Categories, you can rename the Products and Categories Collections and add or edit custom fields to add more data related to your products and categories.
Note
You can’t edit or remove default Collection fields for the Products and Categories Collections. You can rename the Products and Categories Collections, but you can’t rename the Collection slugs (i.e., /products, /categories). Additionally, if you enable Ecommerce on an existing site, you can’t create CMS Collections or static pages or folders with slugs reserved for Ecommerce.
Add and update custom fields
You can enrich your Ecommerce Collections with many different Collection field types and use the content of those fields to design, style, and organize your Ecommerce pages and lists.
You can update custom fields (i.e., add new fields, edit existing fields, and remove existing fields) at any time.
Note
You can only delete fields that aren’t used in your designs, Collection page settings, or Collection list settings, such as filters or conditional visibility.