Turn any Framer site into a Shopify store
Seamlessly integrate your Shopify into your Framer site with native customization and zero code management
The e-commerce machine of Shopify meets the design magic of Framer
I mean, there's a lot of code involved. You just don't have to write or look at any of it.
5 in stock
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.
Dynamic product configuration
Select different variants on the product page and watch the prices and availability update in real time.
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).
Global live cart counter
Your cart icon lives across every page on Framer and is always reflective of your cart.
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.
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?
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.
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.