FeCommerce
Connect your store to Framer with the FeCommerce Framer WooCommerce plugin. One-click Framer WooCommerce sync for products, prices, images & categories.
About this Plugin
This plugin lets you import WooCommerce products directly into Framer CMS for fully dynamic pages. Sync titles, prices, images, categories, and variants into CMS collections, then design freely using Framer’s native CMS bindings.
Connect your store using your website link, WooCommerce consumer key, and secret key. Products sync instantly into CMS, keeping your designs accurate, organized, and always up to date.
Beyond syncing, the plugin ships with drag-and-drop Product and Cart components — Product Page, Add to Cart, Variant Selector, Cart Drawer, and more. Drop a component onto the canvas, pick a synced product from the built-in product picker, and it binds to your live CMS data instantly — no manual field wiring required.
Key Features
One-click sync of WooCommerce products into Framer CMS
Imports titles, prices, regular/sale prices, images, categories, stock status, and variants
Automatic CMS collection creation and updates
Credentials remembered between sessions — no re-entering keys every time
Why It’s Useful
Build fully dynamic e-commerce pages inside Framer
Keep product data synced automatically from WooCommerce
Maintain consistent, structured CMS content
Save hours by avoiding manual CMS entry
Ensure every page always reflects live store updates
Frequently Asked Questions
Is there a Framer WooCommerce plugin?
Yes. FeCommerce is a free Framer Marketplace plugin that syncs WooCommerce products into Framer CMS and gives you drag-and-drop cart and product components.
Do I need to know how to code?
No. You only need your store URL and your WooCommerce API keys. If you can copy and paste, you can run this.
How does the Framer WooCommerce sync work?
The plugin connects to your store through the official WooCommerce REST API, pulls your product data, and imports it into a Framer CMS collection. You then bind those CMS fields to your design.
What happens when I update a product in WooCommerce?
Open the plugin in Framer and run sync again. Because your credentials are remembered, this is one click.
Can I build a full storefront with WooCommerce on Framer?
Yes. You build product listings, category pages, individual product pages, and cart flows inside Framer using the plugin's components. Checkout runs through WooCommerce.
Changelog
Hey guys,, this is the second update to the existing FeCommerce plugin, which was originally approved and is currently published as version 5.In this update we added 10 new components, taking the total from 1 to 13. The new Product components are Product Page, Product Title, Product Price, Quantity Input, Variant Selector,Inventory Label, Add to Cart, and Buy Now. The new Cart components are Cart Drawer, Cart Icon, and supporting cart line items and subtotal pieces. We also added a new product picker dropdown that shows up on every component once products are synced. The dropdown lists all synced CMS products with thumbnails, and selecting a product instantly binds the component to that product's data without manual field wiring. The Components view is now split into Product and Cart tabs.No new permissions or endpoints, same WooCommerce REST API and managed collection sync flow as the approved version.
Details
FeCommerce
