Credentials
Manage your Swell Store ID and API key. These credentials connect TGC to your Swell store.
Finding your credentials
Log into your Swell admin dashboard
Go to Developer → API keys
Your Store ID is shown at the top of the page
Copy or create a Public API key
Public vs secret keys
Key type | Starts with | Use in TGC? |
|---|---|---|
Public |
| ✓ Yes |
Secret |
| ✗ No |
Always use a public key. Public keys are safe for frontend code and have read-only access to your store data.
Secret keys should never be used in client-side code.
Updating credentials
To change your connected store or update your API key:
Open the TGC plugin in Framer
Go to the Settings tab
Click Disconnect
Enter new credentials
Click Connect
You'll need to re-sync after changing credentials.
Multiple stores
Each Framer project connects to one Swell store. If you have multiple stores:
Create separate Framer projects for each store
Use the appropriate credentials in each project
Credential storage
Your credentials are stored:
In the plugin: For sync and validation
In your published site: Injected via custom code for runtime API calls
Public keys are safe to expose — they only allow read access to product data.
Rotating API keys
If you rotate your API key in Swell:
Create a new public key in Swell
Update the key in TGC (Settings → Disconnect → Reconnect)
Republish your Framer site
The old key will stop working once you delete it in Swell.
Troubleshooting
Issue | Cause | Fix |
|---|---|---|
"Invalid Store ID" | Typo or wrong ID | Copy directly from Swell dashboard |
"Invalid API key" | Wrong key or secret key used | Use a public key (starts with |
"Connection failed" | Network issue or Swell down | Check internet, try again |
Live site not loading data | Credentials not injected | Republish your site |