Add and manage products and categories

Add and manage your store's products and product categories.

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

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’ll learn:

  1. How to create individual products and categories
  2. How to understand product types
  3. How to organize products in categories
  4. How to manage products and categories
  5. How to update products and categories
  6. More ways to add products and categories
  7. How products, categories, and variants are counted

How to create individual products and categories

You can add products manually in 2 locations:

  • In the Designer, by going to Ecommerce panel > Products Collection and clicking New product
  • In the Editor, by going to Ecommerce > Products Collection and clicking New product

Adding products is very similar to adding CMS Collection items. You can create an item, input 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.

Learn more:

How to understand product types

There are currently 5 product types to choose from:

  • Physical — shipped to the customer (e.g., merchandise, apparel)
  • Digital — immediately downloadable by the customer (e.g., audio files, ebooks)
  • Service — doesn't require shipping at checkout (e.g., classes, consultations)
  • Membership — gives users access to gated content through recurring or one-time payment (e.g., subscriptions or one-time membership fee). Site users need to create and verify their accounts before they’re able to purchase a membership product. Membership products can only be purchased once.
  • Advanced — provides all available customizable options

Depending on the product type you assign, shipping and download fields will automatically show or hide. 

Shipping fields are:

  • Shipping required*
  • Width
  • Weight
  • Height
  • Length

*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.

Default visibility settings

The default visibility settings for each product type are as follows:

Physical (Requires shipping field defaults to Yes)

  • Hidden: Download fields
  • Visible: Shipping fields

Digital (Requires shipping field defaults to No)

  • Hidden: Shipping fields
  • Visible: Download fields

Service (Requires shipping field defaults to No)

  • Hidden: Download fields, shipping fields
  • Visible: None

Membership (Requires shipping field defaults to No)

  • Hidden: None
  • Visible: Download fields, shipping fields

Advanced (Requires shipping field defaults to Yes)

  • Hidden: None
  • Visible: Download fields, shipping fields

If you assign a product type that will clear fields with currently-populated information, a confirmation warning will pop up explaining the fields and settings that will be cleared.

Billing methods

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.

One-time payment

With one-time payment, your customers will pay one time to purchase the product.

Subscription

Note: The subscription billing method is only available once User Accounts is enabled on your site.

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.

Note: Subscriptions require Stripe. You will need to activate and connect a Stripe account before you can use subscriptions and publish your site. Learn how to connect a Stripe account.

Product settings

You can get to Product settings by going to the Ecommerce panel, hovering over the Products tab, and clicking the settings “cog.” 

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 selected product type.

Import/export with a CSV

To import/export items (e.g., products, categories, or discounts) with a CSV file:

  1. Open the Ecommerce panel 
  2. Click the Collection you want to import into or export from
  3. Click Import or Export

Some things to note about importing products with a CSV (comma-separated value) file:

  • Your Product type column must have a valid value (Advanced, Digital, Service, Physical, or Membership)
  • An empty Product type column will default to Advanced
  • A product with variants will use the first product type listed

You’ll get an import error if the product type is invalid or fields conflict with what’s expected — for example, if: 

  • The type is something other than one of the valid types (Advanced, Digital, Service, Membership, or Physical)  
  • The product type is Digital and has information for shipping fields
  • The product type is Service and has information for download and/or shipping fields
  • The product type is Physical and has information for download fields

Conditional visibility

You can set conditional visibility based on the Product type you choose from the dropdown in the Element settings panel. For example, you can use conditional visibility to make sure instructions about downloads are only visible on digital product pages.

Filtering

You can filter a product Collection list based on the product type you choose from the dropdown in the Element settings panel.

Field token and SEO

You can use the dynamic Product type field in SEO settings and custom code.

Dynamic values

You can dynamically connect the Product type field (e.g., to add a badge that says if a product is a "Physical product" or "Digital product") in the following places:

  • On a product page
  • In the cart
  • On a checkout page
  • On the order confirmation page
  • As the alt text of an image

How to organize products in categories

You can organize products by adding them to categories. There are 2 ways to create categories: 

  • In the Categories Collection
  • In the Categories field in a Product Collection item.

Learn more about the relationship between products and categories.

How to manage products and categories

You can delete or archive a product or category from the Collection item’s settings page. 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 your own products. To do that you can use bulk actions, just like with CMS Collections, to select multiple products. You can do this with Categories Collection items as well. Bulk actions also let you set Collection items to draft, archive Collection items, or stage drafted Collection items for publish.

You can also export your products and save a backup of them in CSV format.

Learn more about managing Collection items in bulk.

How to update products and categories

You can update any Product or Category Collection item 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.

More ways to add and update products and categories

You can also import your products using a CSV file or by integrating with external sources using services like Zapier or the Webflow API.

Learn more:

How products, categories, and variants are counted

The following items count toward the item limit under your Ecommerce site plan

  • Products
  • Product variants
  • Categories

Here’s a breakdown of how each of the above count toward your item limit: 

  • 1 product with no variants = 2 items (product + SKU) 
  • 1 product with 1 variant = 3 items (product + SKU + variant) 
  • 1 category = 1 item

Ecommerce item limits are separate from CMS Collection item limits. However, the 2 Collections included on all Ecommerce sites (Products and Categories) 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.

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.

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