◧ Shop Canvas
SETUP
Connect your store
After you remix the Shop Canvas template, point it at your Shopify store — plugin-free, in a few minutes. The storefront runs on a runtime that lives in your own Site Settings, and your catalogue in a Framer CMS you own.
One note on your token
Shop Canvas uses your Shopify Storefront API token — a public token that already ships in your storefront, so it isn’t a secret.
Enter it once in the Shop Canvas plugin’s Connect screen (or your project config). Don’t paste it — or any token — into an AI chat, and never use an Admin token (shpat_…). Shop Canvas only needs the public Storefront token, read-only.
RECOMMENDED
Use the plugin
Open the Shop Canvas plugin in Framer, then: Connect (paste your Storefront token) → Sync your products → copy the Runtime snippet → paste it into Site Settings → Publish.
Does the heavy first sync for you — and your token never leaves Framer.
ADVANCED
Use the agent skill
Add the skill to Claude or your Framer agent (npx skills add zmolly/shopcanvas-skill). It reads your token from the plugin or project config — never from the chat — and runs the sync and setup.
Great for re-syncs and tweaks once you’re set up.
What happens
1
Connect
Your store domain + public Storefront token, entered in the plugin.
2
Sync
Products, variants and images pulled into your Products CMS.
3
Install
Components are already placed in the template — bindings are set.
4
Ship
Paste the runtime into Site Settings → Custom Code, then publish.
Where to find your Storefront token
Shopify admin → Settings → Apps and sales channels → Develop apps → create or open an app → API credentials → Storefront API access token.
Storefront API access scopes (read-only)
unauthenticated_read_product_listings
unauthenticated_read_product_inventory
unauthenticated_read_product_tags
unauthenticated_read_checkouts
unauthenticated_write_checkouts
unauthenticated_read_content
unauthenticated_read_selling_plans
Use the public Storefront token — not the Admin API token.
◧ Shop Canvas
Framer × Shopify · Storefront API