Auto-Sync
With Auto-Sync on, every change in Shopify — a price edit, a new variant, an updated image — reaches your Framer CMS within minutes, without opening Framer. No more clicking Import.
How it works
Every two minutes, Framerlink's sync service reads your catalog through the Storefront API, compares it with what is already in your CMS, and writes only what changed, using the same field selection as your manual imports. Once a night it runs a full check so removed products and collections are cleaned up too.
Auto-Sync writes to your project through Framer's Server API, which is why it needs three things from you: the private Storefront token (so it can read the catalog on its own), your project URL and a Server API key. All three are stored encrypted and never shown again.
Enable Auto-Sync
Auto-Sync lives in Store details → Auto-sync on the canvas, and in the Auto-Sync section of the CMS view.
- Paste the private access token
In Shopify, open Headless → your storefront → Storefront API and copy the Private access token. Paste it into Shopify private access token.
- Copy the project URL
With the project open in Framer, copy the URL from the address bar (
framer.com/projects/…) into Project URL. Anything after?is removed automatically. - Create a Server API key
In Framer, open the project's settings and find Server API. Create a key and paste it into Server API key. Keys are per project — a key from another project won't work.
- Turn it on
Flip Auto-sync on. The plugin verifies the credentials before saving and starts the first run right away.
If the project URL belongs to a different project than the Server API key, runs fail or write to the wrong project. The plugin warns when the URL doesn't look like the current project — take that warning seriously.
Auto-publish
Optionally flip Auto-publish on. After a run that changed products, Framerlink publishes the site so visitors see the new data. This publishes the whole project, including unpublished canvas edits, which is why it is off by default. Leave it off while you are mid-redesign.
What syncs automatically
| Change in Shopify | Result in Framer CMS |
|---|---|
| Product created / updated | Entry upserted in Shopify Products |
| Product removed or unpublished from Headless | Entry removed in the nightly full check |
| Variant, image or option changed | The product's entry refreshed |
| Collection created / updated / deleted | Shopify Collections and per-collection tables updated |
Every run is listed in the Sync log in the CMS view with what it added, updated and removed.
While Auto-Sync is on
Import Products, Sync now and Framer's CMS Sync button no longer write from inside the plugin; they start an Auto-Sync run immediately instead, and the plugin says Auto-sync started. Results appear in the sync log a moment later.
When it stops
If three runs in a row fail — usually a revoked Server API key or a changed project URL — Auto-Sync pauses and the plugin shows Needs attention with the last error. Fix the credential and press Try again.
Turn it off
Flip Auto-sync off to stop the background runs. Your credentials stay saved so you can turn it back on later; clearing the Server API key or the project URL in the settings also turns Auto-Sync off. Manual imports keep working either way.