Ecommerce Collections overview

Learn all about the Webflow Ecommerce Products and Categories Collections.

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

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
  1. Ecommerce panel
  2. Products and categories Collections
  3. Collection settings and custom fields

Ecommerce panel

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.

The setup guide has three sections. There are green check mark buttons turned on in settings within each section.
This guide can help you set up your store, design it, and launch it.

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.

Resources

Default products collection fields

The products Collection comes with the following default fields:

Name (required)

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.

Description

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.

Learn more

Main image

This Image field allows you to add a single image of your product.

More images

This multi-image field allows you to add multiple images for your product.

Price (required)

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.

Compare-at price

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

Categories

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.

Measurements

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.

Learn more: Configuring shipping methods for different shipping zones

Inventory tracking

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

SKU

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.

Options

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:

Name (required)

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.

Products

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.

Learn more

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top