Get started
Build your first Shopify storefront in Framer. Follow the steps below, then check one real product all the way to Shopify checkout.
Shop Canvas / Start here
Release status
Shop Canvas is free to install. Its Framer Marketplace listing is unavailable right now: email contact@shopcanvas.ai or book a demo and we will get you set up. Start from the verified starter remix (step 3 or framer.link/bDMDw5T?via=molham51), try the demo store inside the plugin, then connect your own store.
Three tools. One storefront.
- Shopify → your products, inventory, orders and checkout.
- Framer → the pages your customers browse.
- Shop Canvas → connects the catalog and adds the storefront’s prices, cart and checkout buttons.
What you need
Three things, before opening the plugin: your Shopify store, your Framer workspace and your Shop Canvas kit. Step 01 of the guide says exactly what access each one needs.
Follow in order, or jump back in.
- Prepare
- 01Get three things ready
- 02Prepare Shopify for your Framer store
- 03Open your own copy of the starter
- Connect
- 04Connect your store
- 05Bring your products into Framer
- 06Turn on prices, cart and checkout
- Launch
- 07Test one product from start to checkout
- →Launch checklist
- After the steps
- →Troubleshooting
- →Get help
- Optional
- →Optional AI help
Kit pricing and free evaluation
Existing free/manual tools and open-source files retain their licence rights. A kit purchase covers the commercial starter template and delivered kit; it does not narrow those existing rights. No monitoring subscription or paid pass is offered at launch.
Your storefront’s shoppers use your Shopify checkout. Connecting a production store uses the Standard subscription described above; subscription terms and earlier purchase rights are on the licence page.