Auto-Sync
With Auto-Sync on, every change in Shopify — a price edit, a new variant, an updated image — lands in your Framer CMS automatically. No more clicking Import.
How it works
Shopify notifies Framerlink's backend the moment your catalog changes (products, variants, media, options and collections). Each change is queued per store and written into your project's CMS using the same field selection as your manual imports.
There is no webhook setup on your end — installing the Shopify app wired all of it. Auto-Sync only needs one thing from you: permission to write into your specific Framer project.
Enable Auto-Sync
Auto-Sync lives in the CMS panel, in the Auto-Sync section (the badge shows Active / Inactive).
- Create a Framer API key
In this Framer project, press
⌘K, type open settings, open API Keys and click Create. Keys are per-project — a key from another project won't work. - Copy the project URL
With the project open, copy the URL from your browser's address bar (
framer.com/projects/…). Anything after?is removed automatically. - Enable
Paste both into the Auto-Sync section and click Enable Auto-Sync. The plugin verifies the credentials before saving; on success the badge flips to Active.
If the project URL belongs to a different project than the API key, syncs fail or write to the wrong project. The plugin warns when the URL doesn't look like the current project — take that warning seriously.
What syncs automatically
| Change in Shopify | Result in Framer CMS |
|---|---|
| Product created / updated / deleted | Entry upserted or removed in Shopify Products |
| Variant, image or option changed | The product's entry refreshed |
| Collection created / updated / deleted | Shopify Collections and per-collection tables updated |
Changes are applied in order, per store, usually within moments of the Shopify edit. The Shopify admin's app home page shows a sync activity feed with per-event success/error detail.
Deactivate
Click Deactivate in the Auto-Sync section to remove the stored Framer credentials and stop the real-time push. Manual imports keep working, and you can re-enable Auto-Sync at any time with a fresh key.