51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T9cd,

Announcement Bar for Framer

Add stunning announcement bars, offer cards, and an evergreen timer to any Framer site. Promote deals, launches, and updates anywhere, no code required.

Your best offer should never hide below the fold. Announcement Bar is the topbar app built for Framer that puts your promotions and campaigns exactly where visitors will see them. Pick a professionally designed bar, customize it in the panel, and publish. If you can style a frame, you already know how to run it.

Watch the Introduction Video

Features

Ready-Made Designs. Drop in a polished announcement bar and match it to your brand in minutes.
Offer Cards Anywhere. Place cards in any section, not just the top, so offers land where they convert.
Evergreen Timer. A countdown that resets per visitor, keeping every offer time-sensitive on its own.
No-Code Solution. Configure everything from the panel: no scripts, no embeds, no code.
Schedule & Target. Set start and end dates and let campaigns go live and expire automatically.
Sticky & Dismissible. Keep bars in view as visitors scroll, with a clean dismiss option.
Fully Responsive. Every bar adapts to mobile, tablet, and desktop out of the box.

Widgets and Components

Countdown Timer Bar for sales and deadlines
Auto Scroll Topbar to rotate multiple messages
Coupon Code Topbar with one-tap copy
Trial or Upgrade Bar to convert free users
Floating Bar that follows the reader down the page

More styles coming soon.

Use Cases

Run flash sales and seasonal promos, launch products, capture leads, show free shipping codes, promote events, or share site-wide notices. Perfect for founders, designers, agencies, and marketing teams building on Framer.

Ready when you are

Put your offer where it belongs. Add Announcement Bar to your Framer project and launch your first campaign in minutes.

53: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.

54:Td63,

Introduction to our Before After Image Slider for Framer App

Key Features:

Horizontal or Vertical layout
Label Color and Background Change
Disable Overlay
Mouse Hover Options
Easy-to-use option panel
9 Preview Styles Slider
Watermark for Before and After Images
Custom Width & Height - Alignment
Auto Slider
On Scroll Slider
Uploaded Before and After Image Preview
For Before and After images Filters
Handle and Label Customization position, color, liquid glass effect

What You Can Do

Create and manage before/after slider items.
Preview slider behavior in the Framer canvas.
Update existing sliders without rebuilding them from scratch.
Keep slider content organized for easier iteration.

How To Use The Plugin

Open the Beaf plugin in Framer.
Add a new slider entry or select an existing one.
Configure the before and after content.
Insert or update the slider on the canvas.
Review the preview and make adjustments as needed.

Recommended Workflow

Start by preparing the images or content you want to compare.
Create the slider entry first, then place it on the canvas.
Check the preview after each major change.
Reuse existing slider entries when you only need small updates.

Tips

Use clear names for slider items so they are easy to find later.
Keep before and after assets aligned for the best comparison effect.
Refresh the canvas preview after making content changes.

If Something Looks Wrong

Confirm the slider entry was saved before inserting it again.
Check that the before and after content are both assigned.
If the preview does not update, reopen the plugin and verify the slider state.

How It Works:

How to Use Before After Image Slider for Framer | Easy Framer Image Comparison Slider Tutorial

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-dd3380a5-5fea-401b-be33-8ad908368c7b-all:/unified/creator/dd3380a5-5fea-401b-be33-8ad908368c7b/activity/":[{"data":[{"id":"019fe87c-336e-756a-aaf6-7454f86f1c0f","type":"creator.followed","target":{"type":"creator","id":"0f80fadc-edc9-4d59-8779-5a9036d419d8","preview":"Abdurakhim Eshonjonov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/322788/avatar-sjmAPAVwJSBpU2tjAnVFm8hSOZVQmd.jpg","slug":"abdurakhim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:41.575Z","latestAt":"2026-08-09T21:44:41.575Z"},{"id":"019fe87c-30d9-752d-b000-d1c1e5ff7f0f","type":"creator.followed","target":{"type":"creator","id":"10a97eb5-dc6b-4fab-aa52-502ac26819be","preview":"Victor Lopez","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a97eb5-dc6b-4fab-aa52-502ac26819be/gfwfq442","slug":"vic-lopez-creative","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:40.915Z","latestAt":"2026-08-09T21:44:40.915Z"},{"id":"019fe87c-2e39-716f-b152-d7af5f98f3a3","type":"creator.followed","target":{"type":"creator","id":"fff0fc96-5275-4fc4-a8ec-b3e0a57aec6c","preview":"Martin Leon Refi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64272/avatar-JboOJgmwpd9bWAAxjAoXOfzAxYWIUq.jpg","slug":"martin-leon-refi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:40.243Z","latestAt":"2026-08-09T21:44:40.243Z"},{"id":"019fe87c-2c2e-7122-93c6-d75050930db1","type":"creator.followed","target":{"type":"creator","id":"64dda939-86b9-4d20-8243-87d744c29598","preview":"lomanloman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/426029/avatar-ADX0i3crsQ4ZPo8p0Z64Oag8juVH07.jpg","slug":"rob-loman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:39.715Z","latestAt":"2026-08-09T21:44:39.715Z"},{"id":"019fe87c-29c6-7520-828d-ac53655341f2","type":"creator.followed","target":{"type":"creator","id":"cf79b33d-8ec3-4bf2-8cf4-822e63f6c190","preview":"Rashid Iqbal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1235366/avatar-A0hz247PWQPoVlJ4u5z5KDJw4wjQqO.jpg","slug":"rashidiqbal","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:39.101Z","latestAt":"2026-08-09T21:44:39.101Z"},{"id":"019fe87b-dd5b-74ae-88b4-cd577632040a","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T21:44:19.535Z","latestAt":"2026-08-09T21:44:19.535Z"},{"id":"019f310c-e58c-7582-90d8-9096f2aacfd9","type":"plugin.created","target":{"type":"plugin","id":"1338","preview":"Announcement Bar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a0bec0-2a25-767b-bd5c-317a300a01cb.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd3380a5-5fea-401b-be33-8ad908368c7b","name":"Framefic","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2290784/avatar-D7VyRiPUPgg7M2fib6UPMu0jbZVdeS.jpg","slug":"framefic","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-05T06:52:36.620Z","latestAt":"2026-07-05T06:52:36.620Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dd3380a5-5fea-401b-be33-8ad908368c7b:/unified/posts/?creator=dd3380a5-5fea-401b-be33-8ad908368c7b&with=reposts":[{"data":[{"id":"01a0c3dd-6921-754d-8ad4-45a130930a35","title":null,"body":"

Building a Shopify-powered store in Framer shouldn’t require a complicated setup.

That’s why we built Connectfic.

With Connectfic, you can sync Shopify products to Framer CMS, map product fields, keep inventory updated, and build your storefront directly in Framer.

Design in Framer. Manage your store in Shopify.

Would love to hear your feedback 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Building a Shopify-powered store in Framer shouldn’t require a complicated setup."}]},{"type":"paragraph","content":[{"type":"text","text":"That’s why we built "},{"type":"text","text":"Connectfic","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"With Connectfic, you can sync Shopify products to Framer CMS, map product fields, keep inventory updated, and build your storefront directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Design in Framer. Manage your store in Shopify.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your feedback "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"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":"youtube","url":"https://youtu.be/KVaOGlQK6ho","metadata":{"videoId":"KVaOGlQK6ho","title":"Connect Shopify with Framer in Minutes | Build a Headless Store with Connectfic","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/01a0c3dd-6921-754d-8ad4-45a130930a35/KVaOGlQK6ho/thumbnail.jpg"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T12:07:43.157Z","updatedAt":"2026-09-21T12:07:43.157Z"},{"id":"019f310c-e539-7078-bfae-e14dd7f94302","title":null,"body":"

Announcement Bar is the topbar app for Framer. Add stunning announcement bars, offer cards, and an evergreen timer to promote any deal, no code required. Launch your best offer in minutes.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Announcement Bar is the topbar app for Framer. Add stunning announcement bars, offer cards, and an evergreen timer to promote any deal, no code required. Launch your best offer in minutes."}]}]},"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":"1338","resolved":true,"title":"Announcement Bar","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Announcement Bar for Framer","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add stunning announcement bars, offer cards, and an evergreen timer to any Framer site. Promote deals, launches, and updates anywhere, no code required.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your best offer should never hide below the fold. Announcement Bar is the topbar app built for Framer that puts your promotions and campaigns exactly where visitors will see them. Pick a professionally designed bar, customize it in the panel, and publish. If you can style a frame, you already know how to run it."}]},{"type":"paragraph","content":[{"type":"text","text":"Watch the Introduction Video ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/KNx--VhLhR8","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-Made Designs.","marks":[{"type":"bold"}]},{"type":"text","text":" Drop in a polished announcement bar and match it to your brand in minutes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Offer Cards Anywhere.","marks":[{"type":"bold"}]},{"type":"text","text":" Place cards in any section, not just the top, so offers land where they convert."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Evergreen Timer.","marks":[{"type":"bold"}]},{"type":"text","text":" A countdown that resets per visitor, keeping every offer time-sensitive on its own."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-Code Solution.","marks":[{"type":"bold"}]},{"type":"text","text":" Configure everything from the panel: no scripts, no embeds, no code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Schedule & Target.","marks":[{"type":"bold"}]},{"type":"text","text":" Set start and end dates and let campaigns go live and expire automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky & Dismissible.","marks":[{"type":"bold"}]},{"type":"text","text":" Keep bars in view as visitors scroll, with a clean dismiss option."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive.","marks":[{"type":"bold"}]},{"type":"text","text":" Every bar adapts to mobile, tablet, and desktop out of the box."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Widgets and Components","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Countdown Timer Bar","marks":[{"type":"bold"}]},{"type":"text","text":" for sales and deadlines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Scroll Topbar","marks":[{"type":"bold"}]},{"type":"text","text":" to rotate multiple messages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Coupon Code Topbar","marks":[{"type":"bold"}]},{"type":"text","text":" with one-tap copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trial or Upgrade Bar","marks":[{"type":"bold"}]},{"type":"text","text":" to convert free users"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Floating Bar","marks":[{"type":"bold"}]},{"type":"text","text":" that follows the reader down the page"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"More styles coming soon."}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Run flash sales and seasonal promos, launch products, capture leads, show free shipping codes, promote events, or share site-wide notices. Perfect for founders, designers, agencies, and marketing teams building on Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Ready when you are","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Put your offer where it belongs. Add Announcement Bar to your Framer project and launch your first campaign in minutes."}]}]},"introduction":"Topbar & Countdown bar for Framer","slug":"announcement-bar","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/01a0bec0-2a25-767b-bd5c-317a300a01cb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a0bec0-29c7-76ec-9d93-df8d691a483b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a0bec0-2a25-768a-bc8a-fe2bf64c10d2.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd3380a5-5fea-401b-be33-8ad908368c7b/01a0bec0-29e3-7399-aa4e-ab0fdfe3e046.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-05T06:52:36.481Z","updatedAt":"2026-09-20T12:17:54.196Z","publishedAt":"2026-09-09T09:36:10.376Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"acu4xlgd7yxzwpdcqnf2l8ztx","paid":true,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-05T06:52:36.537Z","updatedAt":"2026-07-05T06:52:36.537Z"},{"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":"$53","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"},{"id":"019e05e5-e101-7ac1-bf45-60f3918006e0","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":"1125","resolved":true,"title":"Before After Image Slider","body":"$54","bodyJson":null,"introduction":"BEAF","slug":"beaf","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/plugins/1125-WavG4gm1wvmHwBArvyyaKGIBrhFe79","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1125-BLyisy1nFmbfHL9tHEvHuBCTbXgvgM","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1125-zJ3McNSRtVfcOtwjrrgeEIQSiL1vM4","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1125-GOoqthWBa5PnPDq2XMifwRSaR18cKf","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T09:02:37.681Z","updatedAt":"2026-09-14T12:49:55.876Z","publishedAt":"2026-09-14T12:49:55.834Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"1atwxslds8u3f1aeofjozq9d1","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":28,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T04:43:31.969Z","updatedAt":"2026-05-08T04:43:31.969Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]