How can I remove the e-commerce functionality from my Webflow clone with CMS capabilities?
TL;DR
- Delete all e-commerce pages, collections, and elements like carts and add-to-cart buttons from the Designer.
- Cancel the e-commerce hosting plan if active, and remove any related custom code or conditional logic to fully transition to a CMS-only setup.
To remove e-commerce functionality from your Webflow project while keeping its CMS capabilities, you’ll need to delete or disable all e-commerce-related components and configurations.
1. Remove E-commerce Pages
- Go to the Pages panel in the Webflow Designer.
- Delete any pages labeled under Ecommerce Pages, such as Product Template, Category Template, Checkout, Cart, and Order Confirmation.
- If Webflow doesn’t allow deletion, remove all content from those pages to prevent display on the live site.
2. Delete E-commerce Collections
- Go to the CMS (Collections) panel.
- Delete the following system-generated e-commerce collections, if visible:
- Products
- Categories
- If Webflow restricts deletion, you’ll need to first delete every product and category entry.
3. Remove Cart and Checkout Elements
- In the Designer, check all pages for Cart buttons, Add to Cart buttons, and Checkout links/components.
- Delete each of these elements manually.
- If you used a Navbar Symbol, check inside that Symbol for embedded e-commerce elements.
4. Cancel E-commerce Hosting (Optional)
- If you activated Webflow e-commerce hosting, go to Project Settings > Hosting.
- Scroll down to E-commerce Settings and cancel your e-commerce plan, then switch to a CMS site plan if needed.
5. Check for Conditional Visibility or Custom Code
- If you used conditional visibility or custom scripts to handle e-commerce features (e.g., hiding/showing cart items), locate and remove those.
- Go to Project Settings > Custom Code to delete any e-commerce-related JavaScript snippets (e.g., Stripe, Snipcart, or inventory logic).
6. Refresh CMS Collections (Optional)
- You can now freely use the CMS to build custom content like blog posts, projects, or directories—without being tied to any e-commerce data structure.
Summary
To fully remove e-commerce from a Webflow project with CMS, delete all product-related elements, collections, and pages, switch your hosting plan if needed, and clean up any remaining scripts or links. Afterward, your project will operate as a standard CMS-based site.