Skip to main content

Start here

Two ways to start.

Explore first, then set up your own store. No coding required; AI is optional.

Marketplace listing unavailable

The Shop Canvas listing on the Framer Marketplace is unavailable right now. Email contact@shopcanvas.ai or book a demo and we will get you set up. The setup guide describes the plugin once it is installed.

Explore · no store, no sign-in

See it live on Astra Loungewear

Astra Loungewear runs Shop Canvas AI on its real Shopify catalog: open a product, pick a variant and add it to the cart. Checkout is the store’s own Shopify checkout, so orders there are real. Inside Framer, the plugin’s demo mode uses bundled sample products so you can add a section before connecting anything.

Set up · your own store

Your first store, one step at a time.

Seven steps on one page, each with what you should see and what to do if you get stuck. Keep Shopify and Framer open in separate tabs while you follow it.

You will need

  • Your Shopify store: access to products, sales channels and settings, and one product you can use for testing.
  • Your Framer workspace: permission to edit the project and its CMS, with CMS capacity and Custom Code on your site plan.
  • The Shop Canvas plugin from the Framer Marketplace, and a Shop Canvas account for the one-click store connection. Shopify and Framer fees are separate; an AI service is optional.

If something does not look right

The seven steps

  1. 01Get three things ready
  2. 02Prepare Shopify for your Framer store
  3. 03Open your own copy of the starter
  4. 04Connect your store
  5. 05Bring your products into Framer
  6. 06Turn on prices, cart and checkout
  7. 07Test one product from start to checkout

Guide reviewed 27 September 2026.