Turn any Framer site into a Shopify store
Seamlessly integrate your Shopify into your Framer site with native customization and zero code management

Watch a walk-through
8:55
The e-commerce machine of Shopify meets the design magic of Framer
No code
I mean, there's a lot of code involved. You just don't have to write or look at any of it.
$599.95
USD
5 in stock

Matte
Gloss
Green
Blue
Orange
Live product data sync with Shopify
Product images, price, variants and availability are always pulled from the Shopify API.


Design in Framer
We made this integration with customization as the primary focus. There are currently some limitations from the code components that we will continue to evolve.
White
Brown
Black
Orange
Blue
XS
Small
Medium
Large
Extra large
Dynamic product configuration
Select different variants on the product page and watch the prices and availability update in real time.

Automatic breadcrumbs
We automatically create a trail to the shop page for you with links to the product's respective collection page (you'll just need to create the page).
1
Global live cart counter
Your cart icon lives across every page on Framer and is always reflective of your cart.
C
Copy & Paste
You can use our components in your new or existing Framer project

Live cart preview with quantity controls
Preview your cart and adjust quantities and watch as the price updates in real time.

Shopify checkout
We'll feed your cart data to the world’s highest-converting, customizable, one-click checkout powers 10% of US ecommerce.
Wondering about how customizable everything is?
Templates
You can drag and drop our components into any new or existing Framer site, or use one of our templates to get started.
Manage core product data in Shopify. Everything else in Framer.
Import your products into Framer CMS
Use our MagicImport to export your Shopify store into CSV format, then upload it into Framer CMS.
Manage your products in Shopify
Use Shopify as your backend to manage your product images, variants, prices and inventory.
Control your product content in Framer CMS
With your products in the Framer CMS, the design and content possibilities are endless.
Buying options
All plans are a one-time fee (USD) for a single license.
Looking for multiple licenses?
Chat with us to figure out a custom package.
FAQ
Can I use the Shopify integration on my existing Framer site? Or do I need to use a template?
Is it easy to use?
How are the Framer files set up? Can I add to the code and logic?
How does the CMS import work? If I add a product in Shopify, will it automatically be added to Framer?
Do you offer refunds?
What Shopify and Framer plans do I need?
Can I get a discount on multiple licenses?
What elements sync from Shopify?
What is your pricing model? What is a license?
Do you have a referral program?
Where is feature X? What’s on the roadmap?
Do you offer a white glove service?
Can I upgrade my plan after I purchased it already?