Shop Canvas docs

Four steps from a Shopify store to a live Framer storefront running on code you own.

Setup

Setting up your first store? Start with the visual setup guide: where to click, what to copy, and how to check each step. The verified starter remix is in step 03. AI assistance — including Framer Agents — is optional.

Framer

Get started, the seven-step setup guide, launch checklist, troubleshooting and help.

Kit

The plugin, components, runtime, Shopify settings, the AI skill, and the licence.

Webflow

Coming soon. Nothing on that page is available yet.

From store to storefront

Connect. In the plugin’s Store → Shopify connection screen, approve Shop Canvas in Shopify or add your public Storefront API token. Shop Canvas confirms the shop, its markets and its shipping zones so pricing and availability resolve per country.

Sync. Pull products, variants and images into a Framer CMS collection you own. Re-run any time to refresh.

Install. Drop the components onto your pages and bind them to the CMS fields. Every binding is shown on the demo Product, Shop and Cart pages.

Ship. Paste the runtime snippet into Custom Code at the start of <head>, then publish. Your storefront now runs on components that live in your own project, with the runtime loaded from shopcanvas.ai.

The runtime snippet

The plugin generates it for you; copy it from Store → Cart & checkout setup and paste it into Custom Code yourself. It loads the runtime from shopcanvas.ai and carries your store settings as data attributes.

<script src="https://shopcanvas.ai/runtime.js"
        data-domain="your-store.myshopify.com"
        data-token="your-storefront-token"
        data-country="AE"
        data-api-version="2026-07"></script>

Products CMS fields

The sync fills these fields in the Products collection. Bind product-page components to them.

Field	Field	Field
Title	Product ID	Variants
Image Variant IDs	Image 1…8	Video 1
Price	Compare Price	Availability
Rating	Vendor	Product Type
Product Tags	Collections	SEO Title
SEO Description	Description	Date Created