Quickstart

Set it up

1. Install the plugin

   In Framer, open Plugins and search for Shopify Link (by Framerlink), or install it from the Framer Marketplace. Open it from a project's canvas.

2. Sign in

   Press Sign in. A tab opens at app.framerlink.com where you create an account (email or Google) or sign in. Confirm with Continue and the plugin signs in on its own — you can close the tab.

3. Start your subscription

   Press Subscribe. Stripe Checkout opens in a new tab; once the payment goes through, the plugin unlocks within a few seconds. One $29/month subscription covers every project on your account — see Billing & plans.

4. Connect your store

   Enter your shop domain (your-store.myshopify.com) and the public access token from your Headless sales channel, then press Connect store. Getting the token takes a minute — the full walkthrough is in Connecting your store.

Add your first component

1. Open Components from the plugin home screen.
2. Find Product Card and click to insert it.
3. The component lands in your project as a code file named FL_product_card.tsx, already wired to your store.

Every component is a real Framer code component — resize it, restyle it from the properties panel, and combine it with your own layouts. See How components work for what's happening under the hood.

Import your catalog

To power CMS-driven pages (product grids, collection pages), mirror your catalog into the Framer CMS:

1. Open the CMS panel in Framer, press +, and choose Shopify Link under plugins.
2. Review the defaults — fields, collections and filters are all adjustable.
3. Click Import Products.

The import creates a Shopify Products collection (plus Shopify Collections), and the button shows live progress while items land. Full details in Importing products.

Next steps