---
title: "Docs | FrameStoreKit"
canonical_url: "https://framestorekit.com/docs"
last_updated: "2026-10-21T15:06:29.841Z"
meta:
  description: "FrameStoreKit documentation: connect a headless Shopify store, sync to Framer CMS, components, and licensing."
  "og:description": "FrameStoreKit documentation: connect a headless Shopify store, sync to Framer CMS, components, and licensing."
  "og:title": "Docs | FrameStoreKit"
---

FrameStoreKit home

# Set up FrameStoreKit

GETTING STARTED · ABOUT 10 MINUTES

Follow this procedure to connect Shopify, create the managed Products collection, run your first sync, and add components in Framer.

## 1. Create or access your FramerHub account

Open FrameStoreKit from the Framer Plugins menu. Create a free account if this is your first visit, or sign in with your existing FramerHub account. This is separate from your Shopify store login.

S**FrameStoreKit**×

S
### Create your account

One account unlocks the plugin across all your Framer projects.

or

First nameLast name

EmailPassword (8+ characters)◉

I agree to the Terms and Privacy Policy

S**FrameStoreKit**×

S
### Sign in to FrameStoreKit

Use your FramerHub account — not your Shopify store login.

or

EmailPassword _Forgot password?_◉

Get started for free, no credit card required

## 2. Prepare your Shopify store

In Shopify admin, add the **Headless** sales channel and create a storefront. Copy the public Storefront API token and your **myshopify.com** domain.

S**FrameStoreKit**×

RH**Relwan**hello@framerhub.com_›_

### Set up your store

Three milestones. About 3 minutes.

1**Shopify setup**Install Headless & enable access

2**Store access**Connect your Shopify store

3**Framer CMS**Choose collection for products

_The plugin keeps the required setup milestones in sequence._

1. **Install Shopify Headless**From Shopify admin, add the Headless sales channel and create a storefront.
2. **Enable Storefront scopes**Open Storefront API → Manage permissions and enable product inventory and product bundles.
3. **Copy access details**Copy the public Storefront API token and your permanent **myshopify.com** domain.

![FrameStoreKit plugin showing Install Shopify Headless, Enable Storefront scopes, and Copy access details](https://framestorekit.com/img/docs/shopify-headless-setup.png)_Complete all three Shopify setup tasks before connecting your store._

## 3. Connect Shopify

Paste the store domain and public token into the plugin. A green Connected state confirms the Storefront API is ready.

S**FrameStoreKit**×

RH**Relwan**hello@framerhub.com_›_

STORE ACCESS ### Connect your Shopify store

Use a public Storefront token from Headless.

Shop domainPublic Storefront API tokenCustom domain (optional)

!
Paste the **public** token only. Never paste an Admin API token.

S**Shopify admin**your-store

Headless / Storefronts ### Storefront API

**Storefront access**Active

Public access token

`shpat_public_••••••••••••`

---

**Permissions**

✓ Products and collections

✓ Product inventory

✓ Product bundles

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.