Framer Commerce
Product
Templates
Pricing
Log in
Sign up free
Framer Commerce
Product
Templates
Pricing
Log in
Sign up free
Framer Commerce
Product
Templates
Pricing
Log in
Sign up free
Shopify Apps
Learn how to set up your Shopify store to work with Framer.
In this doc, we will:
Why do I need a custom domain?
We'll first install a Headless Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
You can simply install the official Headless app if you have a Shopify Basic plan or above. If you have a Starter plan, you'll have to create your own custom app.
Why do I need a custom domain?
We'll first install a Headless Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
You can simply install the official Headless app if you have a Shopify Basic plan or above. If you have a Starter plan, you'll have to create your own custom app.
Why do I need a custom domain?
We'll first install a Headless Shopify App to establish a connection and give the necessary permissions to use your store off the native Shopify platform.
You can simply install the official Headless app if you have a Shopify Basic plan or above. If you have a Starter plan, you'll have to create your own custom app.
Shopify Basic+
Shopify Starter
Step 1
Install the Headless app
Open the Headless Shopify app on your desired Shopify store and click "Install".
Step 2
Click on “Create storefront”
Step 3
Beside Storefront API, click on “Manage”
Step 4
Copy your Public Access Token
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Shopify Basic+
Shopify Starter
Step 1
Install the Headless app
Open the Headless Shopify app on your desired Shopify store and click "Install".
Step 2
Click on “Create storefront”
Step 3
Beside Storefront API, click on “Manage”
Step 4
Copy your Public Access Token
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Shopify Basic+
Shopify Starter
Step 1
Install the Headless app
Open the Headless Shopify app on your desired Shopify store and click "Install".
Step 2
Click on “Create storefront”
Step 3
Beside Storefront API, click on “Manage”
Step 4
Copy your Public Access Token
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
How to create subdomains
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
How to create subdomains
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
How to create subdomains
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Set checkout URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Set checkout URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Set checkout URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Add global redirects
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Add global redirects
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Add global redirects
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Set accounts URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Set accounts URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Set accounts URL
Using a default or customized "MyShopify" domain is a fast and easy way to get started, however this domain will be displayed on your checkout screen, and may not be ideal when it’s time to launch.
We recommend using a custom subdomain (i.e. checkout.yourdomain.com) and using re-directs. This can always be done later.
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 1
On your Shopify dashboard, click on "Settings"
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 2
Click on “Domains” tab on the sidebar on the left
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
Step 4
Copy your ".myshopify.com" domain
Store it somewhere accessible so you can paste it later in your Framer Commerce store.
