WooCommerce Plugin for Framer
FeCommerce turns Framer into a full WooCommerce storefront. Sync your products into Framer CMS in one click, or pull them live via API, then build a complete shop with drag-and-drop components: product listing, product pages, variant selector, cart and on-page checkout. No code.
A real store, no code
CMS or API sync
Sync products into Framer CMS in one click (titles, prices, images, variants, stock, categories), or pull them live via API, switch data source anytime.
Complete component library
Shop / Product Listing with search, sort and pagination, plus Product Page, Variant Selector, Add to Cart, Buy Now, Cart Drawer, Cart Page, Checkout and a Mobile Sticky Cart.
On-page checkout
Cash on Delivery works on-page by default, with optional inline Stripe card when the WooCommerce Stripe gateway is enabled. No code.
Live in three steps
Install the plugin
Add FeCommerce from the Framer Marketplace in one click, free.
Connect your store
Add your store URL and WooCommerce API keys, then choose your data source: CMS or live API.
Drop in components
Place the product listing, product pages, cart and checkout, then publish.
Frequently Asked Questions
Does Framer support ecommerce on its own?
Not really, at least not out of the box. Framer is a fantastic website builder, but it doesn't come with product syncing, a cart, or checkout. That's the gap FeCommerce fills, so you can sell on Framer without stitching together a bunch of workarounds.
How do I connect WooCommerce to Framer?
Three steps, roughly. Install FeCommerce from the Framer Marketplace, add your store URL along with your WooCommerce API keys, and then pick whether you want to sync products into Framer's CMS or pull them live through the API. After that, you just drop in the components and publish.
Can I add Stripe or Razorpay payments as well?
Yes. FeCommerce works alongside our other free plugins, StripeKit for Stripe checkout and Buy Now buttons, and RazorpayKit for Razorpay payments like UPI and cards across several currencies. So depending on where your customers are, you can wire in the payment method that suits them.
Complete your store
StripeKit
Connect Stripe and drop drag-and-drop Buy Now buttons with checkout wired in.
Learn more FreeRazorpayKit
Take Razorpay payments: UPI, cards and one-tap checkout in 8 currencies.
Learn more FreeSEO Toolkit
Live SEO score, on-canvas analyzer, schema, previews and speed audits for Framer.
Learn moreAdd WooCommerce to Framer
Install FeCommerce free and have your products syncing into Framer CMS in minutes.


