The Good Commerce
Connect your Swell store to Framer. Sync products to CMS, drag commerce components onto your canvas, and publish with live prices, variants and checkout — all powered by Swell's flexible ecommerce backend.
About this Plugin
The Good Commerce connects your Swell ecommerce store to Framer, giving you full design freedom with real commerce functionality.
How it works
Sync your Swell products and categories to Framer's CMS, then drag commerce components onto your canvas. Design with real product data — titles, images, prices, variants — all visible as you build.
When you publish, your site fetches live data from Swell: current prices, real inventory, and actual checkout.
What's included
Product card
Product detail section
Variant selector
Purchase button
Cart button
Cart drawer
Cart list
Checkout button
Subtotal display
Category card
Why Swell?
Swell is a flexible, headless ecommerce platform with zero transaction fees. Unlike Shopify, you're not locked into their ecosystem or paying percentage cuts on every sale.
Visit www.thegoodcommerce.com
Changelog
-
Theme now follows Framer’s app theme:
Replaced
@media (prefers-color-scheme: dark)with[data-framer-theme="dark"]selectors. Background is now transparent to better match Framer’s chrome. -
Sync button now syncs immediately:
In
syncManagedCollectionmode, syncing runs without opening the UI. The config UI is only shown when no store is connected or when a sync fails. -
Custom code limited to canvas mode:
setCustomCode()calls are now guarded bymode === "canvas", preventing errors when viewing the CMS.
Details
The Good Commerce
