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 (prices, images, variants, stock, categories, reviews and more), or load them live from your store. Switch data source anytime.
Complete component library
Product Listing with search, filters, sort and pagination, plus Product Page, Variant Selector, Product Tabs, Reviews, Related Products, Add to Cart, Buy Now, Cart Drawer, Cart Page, Checkout and a Mobile Sticky Cart.
On-page checkout
Cash on Delivery on-page by default, plus optional Stripe and Paystack from your WooCommerce store, with live shipping rates and coupons. No code.
Live in four steps
Install the Bridge
Install the free FeCommerce Bridge for WooCommerce plugin on your WordPress site.
Get a code
In Framer, open FeCommerce and click Connect store. You'll get a short code.
Approve in WordPress
Go to WooCommerce → FeCommerce, enter the code and click Approve. Then confirm your store in Framer.
Sync and publish
Sync your products, drag components onto the canvas, style them and 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?
Four steps. Install the free FeCommerce Bridge for WooCommerce plugin on your WordPress site. In Framer, open FeCommerce and click Connect store to get a short code. In WordPress, go to WooCommerce → FeCommerce, enter the code and click Approve, then confirm your store in Framer. Finally, sync your products, drag components onto the canvas, style them and publish. No API keys needed.
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 turn any product into a drag-and-drop Buy Now button, with secure checkout wired in for you.
RazorpayKit
Take payments in India with Razorpay: UPI, cards, netbanking and one-tap checkout, with live Payment Link sync.
SEO Toolkit
Live SEO score, on-canvas analyzer, meta tags, JSON-LD schema and Lighthouse audits without leaving Framer.
Add WooCommerce to Framer
Install FeCommerce free, approve one short code, and have your products on your Framer site in minutes.