5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:Td65,

Accept tips, memberships, and donations directly on your Framer website with customizable buttons, official floating widgets, and QR codes.

Whether you are a creator, designer, indie hacker, or agency, the Buy Me a Coffee Checkout plugin allows you to seamlessly integrate your Buy Me a Coffee page into any Framer project with zero coding required.

Key Features

3 Display Formats in One Plugin:
- Custom Checkout Button: An interactive button that opens an in-page checkout modal or external profile page.
- Official Floating Widget: Injects the official Buy Me a Coffee floating corner button with customizable message speech bubbles and position controls.
- Scan-to-Pay QR Code: A vector-sharp QR code with an optional branded coffee badge for effortless mobile tipping.
Framer Property Controls:
- Customize colors, fonts, corner radius, borders, margins, and icons directly from Framer’s native properties panel.
- Choose from popular creator presets (Classic Yellow, Electric Indigo, Warm Orange, Dark Minimal) or use your own custom brand colors.
- Pick from multiple icons (☕ Coffee, ❤ Heart, 🍕 Pizza, 🍺 Beer, 🥤 Drink, 📖 Book).
In-Page Checkout Modal:
- Keep visitors on your Framer site while they support you with an embedded, secure checkout overlay.
Fully Responsive & Mobile-Optimized:
- Works seamlessly across desktop, tablet, and mobile screen sizes.
Try for Free:
- Insert and test the fully functional Example Component right on your canvas before activating your own custom username.

How It Works

Open the Buy Me a Coffee Checkout plugin in your Framer project.
Enter your Buy Me a Coffee Username or Widget ID (or click Insert Free Example to test).
Pick your preferred format (Button, Floating Widget, or QR Code).
Customize the colors, typography, and styling to match your website design.
Click Insert — your ready-to-use component is added to your canvas!

Support & Links

Live Demo Website: https://buymeacoffeecheckout.framer.website/
Built by: Soubhagya Sahu / BuildinFrame

59:[["$","$L5c",null,{"post":{"id":"01a01db8-c01b-71cc-aa56-4eb9a65d57b9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a698a602-61a2-432e-9ece-e7e00bd33607","name":"Soubhagya Sahu","slug":"soubhagya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241496/avatar-KdgFeN2nBtjtx1ZR3C1ximAaCbnVMd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1506","resolved":true,"title":"Buymecoffee Checkout","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Accept tips, memberships, and donations directly on your Framer website with customizable buttons, official floating widgets, and QR codes.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are a creator, designer, indie hacker, or agency, the "},{"type":"text","text":"Buy Me a Coffee Checkout","marks":[{"type":"bold"}]},{"type":"text","text":" plugin allows you to seamlessly integrate your Buy Me a Coffee page into any Framer project with zero coding required."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 Display Formats in One Plugin","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Checkout Button","marks":[{"type":"bold"}]},{"type":"text","text":": An interactive button that opens an in-page checkout modal or external profile page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Official Floating Widget","marks":[{"type":"bold"}]},{"type":"text","text":": Injects the official Buy Me a Coffee floating corner button with customizable message speech bubbles and position controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scan-to-Pay QR Code","marks":[{"type":"bold"}]},{"type":"text","text":": A vector-sharp QR code with an optional branded coffee badge for effortless mobile tipping."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Property Controls","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize colors, fonts, corner radius, borders, margins, and icons directly from Framer’s native properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose from popular creator presets (Classic Yellow, Electric Indigo, Warm Orange, Dark Minimal) or use your own custom brand colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick from multiple icons ("},{"type":"emoji","attrs":{"name":"coffee","emoji":"☕"}},{"type":"text","text":" Coffee, "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" Heart, "},{"type":"emoji","attrs":{"name":"pizza","emoji":"🍕"}},{"type":"text","text":" Pizza, "},{"type":"emoji","attrs":{"name":"beer","emoji":"🍺"}},{"type":"text","text":" Beer, "},{"type":"emoji","attrs":{"name":"cup_with_straw","emoji":"🥤"}},{"type":"text","text":" Drink, "},{"type":"emoji","attrs":{"name":"book","emoji":"📖"}},{"type":"text","text":" Book)."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In-Page Checkout Modal","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep visitors on your Framer site while they support you with an embedded, secure checkout overlay."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive & Mobile-Optimized","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works seamlessly across desktop, tablet, and mobile screen sizes."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Try for Free","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Insert and test the fully functional Example Component right on your canvas before activating your own custom username."}]}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the "},{"type":"text","text":"Buy Me a Coffee Checkout","marks":[{"type":"bold"}]},{"type":"text","text":" plugin in your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter your "},{"type":"text","text":"Buy Me a Coffee Username","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Widget ID","marks":[{"type":"bold"}]},{"type":"text","text":" (or click "},{"type":"text","text":"Insert Free Example","marks":[{"type":"italic"}]},{"type":"text","text":" to test)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick your preferred format ("},{"type":"text","text":"Button","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Floating Widget","marks":[{"type":"bold"}]},{"type":"text","text":", or "},{"type":"text","text":"QR Code","marks":[{"type":"bold"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the colors, typography, and styling to match your website design."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Insert","marks":[{"type":"bold"}]},{"type":"text","text":" — your ready-to-use component is added to your canvas!"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Support & Links","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Demo Website","marks":[{"type":"bold"}]},{"type":"text","text":": "},{"type":"text","text":"https://buymeacoffeecheckout.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buymeacoffeecheckout.framer.website/","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built by","marks":[{"type":"bold"}]},{"type":"text","text":": "},{"type":"text","text":"Soubhagya Sahu","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/soubhagyaside","target":"_blank"}}]},{"type":"text","text":" / "},{"type":"text","text":"BuildinFrame","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buildinframe.com/","target":"_blank"}}]}]}]}]}]},"introduction":"Add Buymecoffee Button Checkout","slug":"buymecoffee-checkout","author":{"framerUserId":"a698a602-61a2-432e-9ece-e7e00bd33607","name":"Soubhagya Sahu","slug":"soubhagya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/241496/avatar-KdgFeN2nBtjtx1ZR3C1ximAaCbnVMd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a698a602-61a2-432e-9ece-e7e00bd33607/01a01db7-f22a-760c-b845-3cb8d2a69a50.png"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a698a602-61a2-432e-9ece-e7e00bd33607/01a01db8-0636-73a3-9f96-1d5bc9fc685d.png"}],"post":null,"createdAt":"2026-08-20T05:50:41.634Z","updatedAt":"2026-08-26T15:02:17.841Z","publishedAt":"2026-08-26T15:02:17.831Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"dyy8byt2hb91sj2k8ndn3pvg5","paid":true,"categories":[{"id":"c4868181-e303-4aac-8074-bd683d4debe8","name":"E-Commerce","slug":"ecommerce"},{"id":"d42b39e6-e921-4d46-be20-263eb61efbf9","name":"Developers","slug":"developers"},{"id":"f6795017-0256-4955-b31a-c81a28ef20ff","name":"Integrations","slug":"integrations"}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-20T05:50:42.204Z","updatedAt":"2026-08-20T05:50:42.204Z","reported":false}}],"$L5e"]

Suggested for you