Connect your Shopify store
Connect your store and start building with your real products, markets, and cart.
Before You Begin
Make sure you have:
• Shopify store containing products
Shopiframe account with one available Store Credit
Install the Shopify Headless App
In Shopify Admin, open Apps
Search for Headless, then select the app
Click Install to add it to your store
Create a Storefront
Open Headless app in Shopify Admin
Select Create storefront, If you have already created one, select Add storefront
Give the storefront a clear name, such as
Shopiframe
Configure Storefront API permissions
Find the Storefront API section and click Manage
Click the edit icon next to Storefront API permissions
Enable the permissions required by Shopiframe
To display inventory data in supported components, enable
unauthenticated_read_product_inventoryTo support subscriptions, enable Shopify’s selling plan permissions and turn on Selling Plans (Subscriptions) in Shopiframe’s Store Configuration
Click Save in the top bar
Copy the Public Access Token
Once you’ve saved your permissions:
Return to your storefront’s Storefront API screen
Find Public access token
Click the copy icon
Paste the token into Shopiframe or keep it somewhere secure temporarily
Find your Shopify Domain
Shopiframe uses your Shopify domain to identify and connect to your store.
From Shopify Admin, go to Settings → Domains
Select Domains.
Find the domain ending in
.myshopify.comCopy the domain without
https://or a trailing slash
Example:
your-store.myshopify.com
Connect your Store to Shopiframe
Open your project in Framer
Go to Plugins, find Shopiframe, and open it
During onboarding, select Your Shopify Store, If you are using the Demo Store, open Store Configuration
Sign in to Shopiframe and confirm that one Store Credit is available
Paste your
.myshopify.comdomain into Storefront DomainPaste your Headless public access token into Storefront Access Token
Click Connect to Shopify
Shopiframe will verify your store details before connecting. Once connected, it saves the configuration to your Framer project and adds the Custom Code required by Shopiframe components.
About the public token
Public Storefront API tokens are intended for client-side storefronts. Unlike Admin API access tokens, they are not private credentials. Their permissions determine which storefront data can be accessed.
Shopiframe only requires your public access token and Shopify domain. It will never ask for your Shopify password, private Headless token, or Admin API access token. Never include private credentials in screenshots, documentation, or support messages.