How to Connect Framer with Shopify: Full Setup Guide for E-commerce
Insert Frame's Frameship docs walk through connecting a Shopify store to Framer: sync products into a CMS collection, build product detail pages, add a cart, and publish.
Why we picked it
E-commerce in Framer usually means a Shopify integration. This is the official Frameship setup guide, covering the plugin workflow, CMS detail page binding, and common connection issues in one place.
What you’ll learn
- Connect the Frameship plugin to Shopify and sync products
- Create a CMS detail page for product displays
- Bind price, inventory, and checkout buttons to Shopify data
- Troubleshoot connection and resync issues
Who it’s for
Intermediate builders adding Shopify-powered e-commerce to a Framer site.
Open this article at the source
insertframe.io
Related tutorials
More from integrations & sync and other intermediate resources3 picks
On-page editing for CMS content
Let clients and editors update live CMS fields in the browser — the handoff pattern that keeps people out of the canvas.
Framer Notion Integration: A Complete Guide
Practical guide to syncing Notion databases into Framer CMS, mapping properties, and designing templates once.
Get Started with Localization
Academy intro to Framer localization — locales, translation workflows, and how CMS content participates.