Build, design, and launch your Ecommerce store.
With Webflow Ecommerce, you can build and design online stores, customize every detail of your cart and checkout experiences, manage products and orders, set up and launch a fully functional, completely custom online store.
Build your store
You can get started with Webflow Ecommerce by choosing a template or starting from scratch. If you choose an Ecommerce template, Ecommerce will be enabled for you by default. If you choose a different template, start from scratch, or update an existing site, you can enable Ecommerce by clicking the CMS tab, then Ecommerce.
Important
Once you’ve enabled Ecommerce, you cannot deactivate or remove it. You can’t delete Ecommerce Collections (i.e., products, categories, and SKUs) after activating Ecommerce. Additionally, you can’t reuse the reserved URL slugs (e.g., /products, etc.) used for Ecommerce. If you’re only looking to test out the feature, we recommend creating a test site to do so.
Once you enable Ecommerce, a number of Ecommerce features (elements, pages, collections, settings) will be available for you to get started.
Pro tip
You can follow the setup guide in CMS panel > Ecommerce to set up and launch your store.
Ecommerce Collections
Two Ecommerce Collections are automatically created for you so you can get started with your Webflow store: products and categories. Like other CMS Collections, these are dynamic Collections.
Products and categories
Once you’ve updated your Collection structure, you can start adding products to your store and organize them in categories. You can do this manually or automatically by integrating with other services such as Zapier.
Learn more:
Design your store
Webflow Ecommerce gives you the same design freedom and flexibility as the CMS — so the shopping experience can integrate seamlessly with the rest of your site. You can create filtered, limited, and paginated lists of products and feature them on your homepage.
Ecommerce elements and pages
You can create Collection pages for your products and categories and customize your site’s checkout experience on the checkout and order confirmation pages.
Learn more:
Launch your store
Once you’ve built and designed your store, you’re ready to launch — but there are a few settings you’ll need to manage first.
Ecommerce settings
First, add your business address and information. This will define intelligent defaults for many of the other store settings, such as currency, unit system (i.e., imperial vs. metric), initial shipping zone (i.e., the store’s country), and initial tax settings. You can update these settings at any time in CMS panel > Ecommerce.
Learn more:
Market your products and online store
You can connect Ecommerce and CMS Collections to feature products in blog posts, or link products or categories to a brand Collection. You can also feature filtered product lists on your homepage to create seasonal promotions, advertising campaigns, and coming soon landing pages.
Customize emails
You can customize and style automated transactions and receipt emails to match your brand.
Manage lifecycle marketing with flexible forms
You can use Webflow forms to collect emails for a product waitlist, and/or connect your form to MailChimp or other platforms to run email marketing campaigns.
Create dynamic ads
You can also pass events to Facebook, Instagram, and Google to run smarter marketing campaigns.
Set up Ecommerce tracking with Google Analytics
You can also integrate your site with Google Analytics and set up ecommerce tracking to see ecommerce data in your analytics reports.
Process orders
Now that you’ve published your store, you can start getting orders in Webflow. You can view order details and mark order status for your own tracking. You’ll receive a notification for new orders through email.
You can also manage your orders with Webflow’s Ecommerce API or via Zapier integrations.
Learn more: