5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Ta10,

Connectfic: Shopify Storefronts, Built in Framer

Connectfic connects your Framer site to your Shopify store. Design freely in Framer while Shopify handles products, inventory, orders, and checkout. No exports, no custom code, no complicated setup.

Overview Video

HOW IT WORKS

1. Connect your Shopify store

2. Pick a Framer CMS collection

3. Map Shopify fields to CMS fields

4. Import products instantly

5. Turn on Auto-Sync for continuous updates

Tutorial Video

KEY FEATURES

Product syncing: Bring Shopify products into Framer CMS and keep them current

Advanced field mapping: Choose exactly how Shopify data lands in your CMS fields
Inventory syncing: Stock levels stay accurate on both platforms
SEO metadata support: Keep meta titles, descriptions, and other SEO settings when syncing
Shopify checkout: Customers pay through Shopify's trusted, secure checkout
Real-time component updates: Built-in components refresh automatically when products change in Shopify
Multiple stores: Connect your Framer site with more than one Shopify store
No coding required

READY-TO-USE STOREFRONT COMPONENTS

Drag, customize, and publish:

product hero sections,
dynamic product grids,
product cards, galleries,
add-to-cart panels, product details,
and price and stock badges.

More components and full storefront templates are coming soon.

WHO IT'S FOR

Framer designers building custom Shopify storefronts
Shopify store owners who want a more flexible frontend
Agencies delivering headless ecommerce for clients
Brands that want full design control with Shopify checkout intact

WHY CONNECTFIC

Skip weeks of API work and developer costs. Launch a headless Shopify store on Framer in minutes, with no manual copying of product data.

Need help? Our team can assist with setup, syncing, and best practices for Shopify-powered Framer sites.

5a:[["$","$L5d",null,{"post":{"id":"019e8521-46b4-7019-bd83-0c771284eb0f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","slug":"framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1238","resolved":true,"title":"Connectfic","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Connectfic: Shopify Storefronts, Built in Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Connectfic connects your Framer site to your Shopify store. Design freely in Framer while Shopify handles products, inventory, orders, and checkout. No exports, no custom code, no complicated setup."}]},{"type":"paragraph","content":[{"type":"text","text":"Overview Video","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://youtu.be/KVaOGlQK6ho?si=MC_KgrFQ6Rif4NHz","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT WORKS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"1. Connect your Shopify store"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Pick a Framer CMS collection"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Map Shopify fields to CMS fields"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Import products instantly"}]},{"type":"paragraph","content":[{"type":"text","text":"5. Turn on Auto-Sync for continuous updates"}]},{"type":"paragraph","content":[{"type":"text","text":"Tutorial Video","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://youtu.be/6bWD3awqnGY?si=z-5yoT-PrZ4CCDDd","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product syncing: Bring Shopify products into Framer CMS and keep them current"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Advanced field mapping: Choose exactly how Shopify data lands in your CMS fields"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inventory syncing: Stock levels stay accurate on both platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO metadata support: Keep meta titles, descriptions, and other SEO settings when syncing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shopify checkout: Customers pay through Shopify's trusted, secure checkout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time component updates: Built-in components refresh automatically when products change in Shopify"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple stores: Connect your Framer site with more than one Shopify store"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No coding required"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"READY-TO-USE STOREFRONT COMPONENTS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, customize, and publish: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product hero sections, "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"dynamic product grids, "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product cards, galleries, "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"add-to-cart panels, product details, "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"and price and stock badges. "}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"More components and full storefront templates are coming soon."}]},{"type":"paragraph","content":[{"type":"text","text":"WHO IT'S FOR","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Framer designers building custom Shopify storefronts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Shopify store owners who want a more flexible frontend"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Agencies delivering headless ecommerce for clients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brands that want full design control with Shopify checkout intact"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"WHY CONNECTFIC","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Skip weeks of API work and developer costs. Launch a headless Shopify store on Framer in minutes, with no manual copying of product data."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help? Our team can assist with setup, syncing, and best practices for Shopify-powered Framer sites."}]}]},"introduction":"Connect Shopify to Framer","slug":"connectfic","author":{"framerUserId":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","slug":"framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a114e9-16ca-70fd-83ac-a0a7ef3724fb.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a114e9-16b2-7474-9f19-0815fedadcfd.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a114e9-1681-71e8-850f-420e561762d0.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a114e9-1695-7798-b1f9-94fb829eab11.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-01T18:08:05.160Z","updatedAt":"2026-10-07T05:51:21.471Z","publishedAt":"2026-08-07T06:37:19.684Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"a0f85lwaxrp167i3ksws9elep","paid":true,"categories":[{"id":"c4868181-e303-4aac-8074-bd683d4debe8","name":"Ecommerce","slug":"ecommerce"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-01T21:40:11.060Z","updatedAt":"2026-06-01T21:40:11.060Z","reported":false}}],"$L5f"]

Suggested for you