Ecommerce Collections overview
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.
In this lesson
- Ecommerce panel
- Products and categories Collections
- Collection settings and custom fields
The Ecommerce icon in the left sidebar opens the Ecommerce panel which allows you to access the Ecommerce collections (products and categories collections) as well as the Setup guide, which guides you through the process of setting up your store from start to finish.
You can also access orders and get notified about new orders in the Ecommerce panel.
Learn more: Orders tab
Products and categories Collections
Since Ecommerce Collections are in fact dynamic Collections, adding products and categories is very similar to creating collection items. However, unlike CMS Collections, Ecommerce Collections have a set of default fields that you cannot edit in the Collection schema. Still, you can add custom fields to enrich your Ecommerce Collections. For example, you can add color fields, switch fields, and even a file field where you can upload a catalog of your category or PDF specs of your product.
Default products collection fields
The products Collection comes with the following default fields:
This is the name of your product. A slug is automatically generated based on the first name you apply. You can change the slug by clicking the collection item URL right under the name field.
This field allows you to add a description of your product. Being a plain text field, you can connect this description to a paragraph element in your designs, and even connect it to the SEO and Open Graph descriptions in your products Collection settings.
This Image field allows you to add a single image of your product.
This multi-image field allows you to add multiple images for your product.
The price is a required field. It’s a number field that inherits a currency unit from the Ecommerce general settings. Changing the currency sets any existing products to draft. You’ll need to manually update the price to the new currency value. Also, you’ll need to update all previously configured shipping methods.
If your product is on sale, set the original price in this 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, so auto tax calculations are more accurate. If your product isn’t taxable, select “Exempt from taxes” to not charge sales tax on that product. The default for this field is “Standard automatic tax calculation” for all products.
Learn more: Configuring tax settings
This is a multi-reference field that allows you to add a product to one or more existing categories or create new categories right from within the product item setting.
Here you can enter all the measurements of your product from width, height, length, and weight. These details can be used to determine shipping rates.
If you want to track inventory, toggle the Track inventory switch “on.” This enables you to specify the quantity of items you have for this product.
Learn more: Tracking inventory
This is a plain text field that allows you to associate your online products with their SKU (stock keeping unit — a unique alphanumeric ID code that can help you identify a particular product) and is for internal use for tracking inventory.
In this section, you can create product option sets and list the options that you offer for each product. Variants will be created for each combination of options. Each variant is a product on its own, you can edit the details of each variant and specify the same fields for each variant: Image, Quantity, SKU, Price, Compare-at-price, and Measurements.
Default categories Collection fields
The categories collection comes with the following default fields:
This is the name of your product category. A slug is automatically generated based on the first name you apply. You can change the slug by clicking the Collection item URL right under the name field.
This is a multi-reference field that allows you to add all your products to a category. It is also auto-populated with the products that you’ve added to that category from the product item settings.
The relationship between products and categories
The multi-reference field that links categories and products is unique in that the field in the categories Collection is automatically populated by products that belong to that category since you’ve inputted that while creating your product item. The same is true if you add all products to a category in the category Collection, the category field of those items will be auto-populated by that category.
Collection settings and custom fields
When you access the settings of your products or categories Collections, the default fields we talked about above are listed there, however, you cannot edit them. Yet, you can add and edit custom fields to add more data related to your products and categories.
Updating Collection settings
You can rename the products and categories Collections and add custom Collection fields. You cannot edit or remove default Collection fields.
At the moment, you cannot rename Collection slugs of Ecommerce Collections. Also note that if you want to Enable Ecommerce on an existing site, at the moment, you cannot have CMS Collections and static pages or folders with slugs reserved for Ecommerce such as product and category.
Adding and updating custom fields
There are many different Collection field types you can choose from to enrich your Ecommerce Collections. You can then use the content of these fields to design, style, and organize your Ecommerce pages and lists.
You can update these custom fields at any time. You can add a new field, edit an existing field, or even remove a field altogether. In each field, you can modify the label and help text.
You can only delete fields that aren’t being used in your designs, Collection page settings, or Collection list settings such as filters or conditional visibility.