Domains & Redirects
Using a consistent domain maintains brand consistency across all touchpoints and eliminates confusing domain switches during customer journey.
In this doc, we will:
Create your subdomains
You'll want to create two subdomains – one for your checkout screen and one for your accounts screen.
Create your subdomains
You'll want to create two subdomains – one for your checkout screen and one for your accounts screen.
Create your subdomains
You'll want to create two subdomains – one for your checkout screen and one for your accounts screen.
1
Access your domain registrar's DNS settings
1
Access your domain registrar's DNS settings
1
Access your domain registrar's DNS settings
2
Add a new CNAME record
2
Add a new CNAME record
2
Add a new CNAME record
3
Set the name field
We suggest short and descriptive names like "checkout" and "account".
3
Set the name field
We suggest short and descriptive names like "checkout" and "account".
3
Set the name field
We suggest short and descriptive names like "checkout" and "account".
4
Set the data field
Use "shops.myshopify.com" to point to Shopify. If your provider requires an IP address, use 23.227.38.65.
4
Set the data field
Use "shops.myshopify.com" to point to Shopify. If your provider requires an IP address, use 23.227.38.65.
4
Set the data field
Use "shops.myshopify.com" to point to Shopify. If your provider requires an IP address, use 23.227.38.65.
5
Set the TTL to 1 hour
5
Set the TTL to 1 hour
5
Set the TTL to 1 hour
6
Repeat steps 2-5 for your other subdomain
6
Repeat steps 2-5 for your other subdomain
6
Repeat steps 2-5 for your other subdomain
Set Checkout URL
Connect your subdomain to the URL displayed on your Shopify checkout screen.
Set Checkout URL
Connect your subdomain to the URL displayed on your Shopify checkout screen.
Set Checkout URL
Connect your subdomain to the URL displayed on your Shopify checkout screen.
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
3
Add your new Checkout subdomain
3
Add your new Checkout subdomain
3
Add your new Checkout subdomain
4
Set this new subdomain as your primary domain
4
Set this new subdomain as your primary domain
4
Set this new subdomain as your primary domain
Set Accounts URL
After you've setup your New Customer Accounts on Shopify, you can set your subdomain.
Set Accounts URL
After you've setup your New Customer Accounts on Shopify, you can set your subdomain.
Set Accounts URL
After you've setup your New Customer Accounts on Shopify, you can set your subdomain.
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
3
Add your new Account subdomain
3
Add your new Account subdomain
3
Add your new Account subdomain
4
Set this new subdomain as your Accounts domain
4
Set this new subdomain as your Accounts domain
4
Set this new subdomain as your Accounts domain
Redirect & hide your native Shopify site
You'll want to ensure customers return to your Framer site from checkout and emails by setting up redirects. You can also prevent your native Shopify store from appearing in search results by blocking indexing.
Redirect & hide your native Shopify site
You'll want to ensure customers return to your Framer site from checkout and emails by setting up redirects. You can also prevent your native Shopify store from appearing in search results by blocking indexing.
Redirect & hide your native Shopify site
You'll want to ensure customers return to your Framer site from checkout and emails by setting up redirects. You can also prevent your native Shopify store from appearing in search results by blocking indexing.
1
On your Shopify dashboard, click on "Online Store" and then "Themes"
1
On your Shopify dashboard, click on "Online Store" and then "Themes"
1
On your Shopify dashboard, click on "Online Store" and then "Themes"
2
On your current theme, click on the 3 dots to open the overflow menu, and click "Edit Code"
2
On your current theme, click on the 3 dots to open the overflow menu, and click "Edit Code"
2
On your current theme, click on the 3 dots to open the overflow menu, and click "Edit Code"
3
Make sure you are on your "theme.liquid" file
3
Make sure you are on your "theme.liquid" file
3
Make sure you are on your "theme.liquid" file
4
Paste the code below at the end of the </head> tag
Make sure you replace the placeholder URLs with your domains.
4
Paste the code below at the end of the </head> tag
Make sure you replace the placeholder URLs with your domains.
4
Paste the code below at the end of the </head> tag
Make sure you replace the placeholder URLs with your domains.
{% if request.host == 'yourshopifydomain.com' and request.path == '/' %}<style>#redirect-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: white;z-index: 9999;}</style><div id="redirect-overlay"></div><script>document.addEventListener('DOMContentLoaded', function() {window.location.href = 'https://yourframerdomain.com';});</script>{% endif %} <meta name="robots" content="noindex" />
Stay updated
Release notes, promos, & more
© Copyright Framer Commerce 2024.
Stay updated
Release notes, promos, & more
© Copyright Framer Commerce 2024.
Stay updated
Release notes, promos, & more
© Copyright Framer Commerce 2024.