Upgrading from v1
If you made a one-time purchase before December 2024, it's automatically included in our new subscription platform. Learn how to activate your license and upgrade your projects to access our enhanced features, including the new plugin, CMS sync, and improved components.
In this doc, we will:
Activate your existing license
Please contact us to get your license key and remix link to the new version of the template you purchased.
Activate your existing license
Please contact us to get your license key and remix link to the new version of the template you purchased.
Activate your existing license
Please contact us to get your license key and remix link to the new version of the template you purchased.
1
Copy the license key from your email
1
Copy the license key from your email
1
Copy the license key from your email
2
Make a new account on Framer Commerce
Visit app.framercommerce.com
2
Make a new account on Framer Commerce
Visit app.framercommerce.com
2
Make a new account on Framer Commerce
Visit app.framercommerce.com
3
Create a new store
Populate your existing storefront access token and domain from your Shopify Shell component.
3
Create a new store
Populate your existing storefront access token and domain from your Shopify Shell component.
3
Create a new store
Populate your existing storefront access token and domain from your Shopify Shell component.
4
Click into your new store
4
Click into your new store
4
Click into your new store
5
Click "Redeem License"
Paste in your key and click "Redeem License".
5
Click "Redeem License"
Paste in your key and click "Redeem License".
5
Click "Redeem License"
Paste in your key and click "Redeem License".
We've improved our features and pricing, and your existing plan may now include additional benefits. Looking for even more capabilities? Contact us to explore our upgraded tiers.
We've improved our features and pricing, and your existing plan may now include additional benefits. Looking for even more capabilities? Contact us to explore our upgraded tiers.
We've improved our features and pricing, and your existing plan may now include additional benefits. Looking for even more capabilities? Contact us to explore our upgraded tiers.
Update your Shopify app permissions
Our powerful new components need updated permissions to work their magic. We'll guide you through a quick setup process.
Using the Headless app? You'll need to create a custom storefront instead. Follow our step-by-step guide here.
Update your Shopify app permissions
Our powerful new components need updated permissions to work their magic. We'll guide you through a quick setup process.
Using the Headless app? You'll need to create a custom storefront instead. Follow our step-by-step guide here.
Update your Shopify app permissions
Our powerful new components need updated permissions to work their magic. We'll guide you through a quick setup process.
Using the Headless app? You'll need to create a custom storefront instead. Follow our step-by-step guide here.
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 the app you previously created for Framer Commerce
4
Click on the app you previously created for Framer Commerce
4
Click on the app you previously created for Framer Commerce
5
Click on "Admin API integration"
Make sure you have the follow options selected:
Click to expand
5
Click on "Admin API integration"
Make sure you have the follow options selected:
Click to expand
5
Click on "Admin API integration"
Make sure you have the follow options selected:
Click to expand
6
Click "Save"
6
Click "Save"
6
Click "Save"
Setup the plugin
You no longer have to place the Shopify Shell component on every page – our new plugin injects code into the head of your website.
Setup the plugin
You no longer have to place the Shopify Shell component on every page – our new plugin injects code into the head of your website.
Setup the plugin
You no longer have to place the Shopify Shell component on every page – our new plugin injects code into the head of your website.
1
Open your existing project
We suggest using the staging environment while going through this process.
1
Open your existing project
We suggest using the staging environment while going through this process.
1
Open your existing project
We suggest using the staging environment while going through this process.
2
Set up and configure the Framer Commerce plugin
You can follow the instructions here.
2
Set up and configure the Framer Commerce plugin
You can follow the instructions here.
2
Set up and configure the Framer Commerce plugin
You can follow the instructions here.
3
Delete your Shopify Shell component on every page
You can also delete the component from the assets panel.
3
Delete your Shopify Shell component on every page
You can also delete the component from the assets panel.
3
Delete your Shopify Shell component on every page
You can also delete the component from the assets panel.
Sync & swap your CMS
With our new plugin, you can now sync your Framer CMS directly to Shopify. After you make a new sync'd collection, you'll have to swap your existing one.
Sync & swap your CMS
With our new plugin, you can now sync your Framer CMS directly to Shopify. After you make a new sync'd collection, you'll have to swap your existing one.
Sync & swap your CMS
With our new plugin, you can now sync your Framer CMS directly to Shopify. After you make a new sync'd collection, you'll have to swap your existing one.
1
Create a new CMS collection from the plugin
You can follow the instructions here.
1
Create a new CMS collection from the plugin
You can follow the instructions here.
1
Create a new CMS collection from the plugin
You can follow the instructions here.
2
Navigate to your Shop CMS page on the canvas
This is the dynamic CMS page for your products.
2
Navigate to your Shop CMS page on the canvas
This is the dynamic CMS page for your products.
2
Navigate to your Shop CMS page on the canvas
This is the dynamic CMS page for your products.
3
Click on the Collection name on the top left corner
Then swap the collection with your new one.
Click to expand
3
Click on the Collection name on the top left corner
Then swap the collection with your new one.
Click to expand
3
Click on the Collection name on the top left corner
Then swap the collection with your new one.
Click to expand
4
Re-attach any CMS connections that may have broke during the swap
If you keep the same CMS field names, they should remain.
4
Re-attach any CMS connections that may have broke during the swap
If you keep the same CMS field names, they should remain.
4
Re-attach any CMS connections that may have broke during the swap
If you keep the same CMS field names, they should remain.
5
Go through your whole site and test for any other broken connections
5
Go through your whole site and test for any other broken connections
5
Go through your whole site and test for any other broken connections
Replace your components
We've made some big structural updates to the way our platform works, which requires our new components to work.
Replace your components
We've made some big structural updates to the way our platform works, which requires our new components to work.
Replace your components
We've made some big structural updates to the way our platform works, which requires our new components to work.
Tip – our old components are structured as FcComponent, our new ones as FC_Component.
Tip – our old components are structured as FcComponent, our new ones as FC_Component.
Tip – our old components are structured as FcComponent, our new ones as FC_Component.
1
Drop in all the components you need from the plugin
You can do this anywhere on the canvas on any page.
1
Drop in all the components you need from the plugin
You can do this anywhere on the canvas on any page.
1
Drop in all the components you need from the plugin
You can do this anywhere on the canvas on any page.
3
On the canvas, right click on your old component and click "Replace all instances with…"
Find and select the new component. Some components may be named slightly differently.
3
On the canvas, right click on your old component and click "Replace all instances with…"
Find and select the new component. Some components may be named slightly differently.
3
On the canvas, right click on your old component and click "Replace all instances with…"
Find and select the new component. Some components may be named slightly differently.
4
Repeat for all components
4
Repeat for all components
4
Repeat for all components
5
Re-connect any broken CMS connections or configurations
Some components have major updates, so configurations may break during the swap.
5
Re-connect any broken CMS connections or configurations
Some components have major updates, so configurations may break during the swap.
5
Re-connect any broken CMS connections or configurations
Some components have major updates, so configurations may break during the swap.
6
Customize your new components
Go to town with our new customization options.
6
Customize your new components
Go to town with our new customization options.
6
Customize your new components
Go to town with our new customization options.
7
Delete all old components
No one likes a messy assets panel!
7
Delete all old components
No one likes a messy assets panel!
7
Delete all old components
No one likes a messy assets panel!
8
Drop in brand new components
There are even more new components in the plugin – make sure to check them all out!
8
Drop in brand new components
There are even more new components in the plugin – make sure to check them all out!
8
Drop in brand new components
There are even more new components in the plugin – make sure to check them all out!
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.