Create the connection between Shopify & Framer to sync your store’s information

To connect Shopify & Framer, you will need to install the Shopify Headless App.

Installing the Shopify Headless App

1. Once you begin the onboarding in the Frameship plugin, you will see the option to either connect an existing store, new store or our demo store (to test things out).

2. If you have a Shopify store set up, select ‘existing store’ and you will be prompted to install the Shopify Headless App.

3. Click on this button to be taken to the Shopify app marketplace.

4. Select ‘Install’. This will install the app into your store.

Creating your Storefront API

1. Once this app is installed, you will see the app on your Shopify sidebar (’Headless’).

2. Select the app, then select ‘Create Storefront’. Fill out any necessary information such as the name for the connection.

3. Under Manage API access, you will see ‘Storefront API’. Select the ‘Manage’ button.

4. Scroll down to ‘Storefront API permissions’ and select the pencil icon to edit.

5. Most permissions are pre-selected by default, however also ensure the following is checked:

unauthenticated_read_product_inventory

unauthenticated_read_selling_plans

1. Save the changes.

Connecting to Framer

1. Copy the Public Access token.

2. Go back to Framer and paste that in the input field in the Frameship plugin.

3. Copy the Shopify store URL and also paste that into the Frameship plugin (this will end in myshopify.com).

4. Select ‘Connect’ in the plugin to connect your store.

💡 Important: Your Shopify store URL must end in the myshopify.com URL. If you have a custom domain in Shopify, you need to ensure that the myshopify.com URL is the main domain, while your custom Shopify one is a subdomain.