Configure your Shopify store
Learn how to set up your Shopify store to work with Framer.
In this doc, we will:
Create a Shopify App
We'll first install a Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
Create a Shopify App
We'll first install a Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
Create a Shopify App
We'll first install a Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
1
On your Shopify dashboard, click on "Settings"
1
On your Shopify dashboard, click on "Settings"
1
On your Shopify dashboard, click on "Settings"
2
Click on "Apps and Sales Channels"
2
Click on "Apps and Sales Channels"
2
Click on "Apps and Sales Channels"
3
Click on "Develop Apps"
3
Click on "Develop Apps"
3
Click on "Develop Apps"
4
Click on "Create an App"
4
Click on "Create an App"
4
Click on "Create an App"
5
Name the app and click "Create app"
5
Name the app and click "Create app"
5
Name the app and click "Create app"
6
Click "Configure Storefront API scopes"
6
Click "Configure Storefront API scopes"
6
Click "Configure Storefront API scopes"
7
Select all scopes and click "Save"
Click to expand
7
Select all scopes and click "Save"
Click to expand
7
Select all scopes and click "Save"
Click to expand
8
Click "Install app"
8
Click "Install app"
8
Click "Install app"
9
Click on the "API credentials" tab and copy the API access token
Note that this token is under the title "Storefront API access token" and not under the title "API key and secret key".
9
Click on the "API credentials" tab and copy the API access token
Note that this token is under the title "Storefront API access token" and not under the title "API key and secret key".
9
Click on the "API credentials" tab and copy the API access token
Note that this token is under the title "Storefront API access token" and not under the title "API key and secret key".
Get your Shopify Domain
Let's grab your primary domain to make the connection. You can always use your MyShopify domain here, even if you decide to add a custom domain later.
Get your Shopify Domain
Let's grab your primary domain to make the connection. You can always use your MyShopify domain here, even if you decide to add a custom domain later.
Get your Shopify Domain
Let's grab your primary domain to make the connection. You can always use your MyShopify domain here, even if you decide to add a custom domain later.
1
On your Shopify dashboard, click on "Settings"
1
On your Shopify dashboard, click on "Settings"
1
On your Shopify dashboard, click on "Settings"
2
Click on “Domains” tab on the sidebar on the left
2
Click on “Domains” tab on the sidebar on the left
2
Click on “Domains” tab on the sidebar on the left
4
Copy your primary domain (the default is ".myshopify.com")
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Click to expand
4
Copy your primary domain (the default is ".myshopify.com")
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Click to expand
4
Copy your primary domain (the default is ".myshopify.com")
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Click to expand
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.