Installation
Install The Good Commerce plugin in your Framer project to start building your Swell-powered storefront.
Before you begin
You'll need:
A Framer account
A Swell account with at least one product
Your Swell Store ID and public API key (both found inside your Swell dashboard)
A TGC access key (sent by email at purchase). See Access key if you don't have one yet.
New to Swell? Follow their quickstart guide to set up a store and add a test product before you install TGC.
Don't have your Swell credentials yet? See Connecting Swell for step-by-step instructions on where to find them.
A note on Framer plans: If you want to use more than one CMS collection in your site, check Framer's current plan limits. TGC adds up to two collections (TGC Products and TGC Categories).
Install the plugin
Open your Framer project
Click Plugins in the left sidebar (or press
⌘K/Ctrl+Kand search "Plugins")Search for The Good Commerce
Click Install
The plugin icon will appear in your plugins panel. Click it to open the TGC interface.
What's included
Here's a reference of what you get access to once TGC is installed. You won't interact with everything straight away — you'll add components as you build.
Category | What's included |
|---|---|
Components | 17 drag-and-drop commerce components (product cards, cart, checkout, filters, etc.) |
Sections | 5 pre-built layouts for common patterns (cart modal, filters, related products) |
CMS collections | Automatically created when you sync (TGC Products, TGC Categories) |
Next steps
Once installed, you'll need to connect your Swell store before you can sync products.
Up next: Connecting Swell — Enter your credentials and validate your connection.