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:Ta69,

Kofi Checkout — Accept Tips & Donations in Framer

Framer website with native Ko-fi donations, support buttons, and tip panels. Let your audience support your work without ever breaking your site’s design.

Whether you're a creator, developer, agency, or writer, Kofi Checkout allows you to seamlessly insert and customize official Ko-fi widgets directly onto your Framer canvas in seconds — no API keys or coding required.

Key Features:

All 3 Official Ko-fi Widget Types:
- Inline Button: Standard CTA button pre-loaded with Ko-fi CDN scripts for fast loading.
- Floating Widget: Persistent overlay chat button that floats smoothly in the corner of your page.
- Tip Panel (Iframe): Full-featured, responsive donation embed allowing visitors to donate directly on your page.
Full Style & Theme Customization:
- Customize button colors and text colors with native hex pickers.
- Control corner radius (pill, rounded, or sharp corners).
- Adjust Floating Widget size scale (75% to 130%) and screen position (Bottom-Left or Bottom-Right).
- Toggle the official "Secured by Ko-fi" trust badge.
Curated 1-Click Style Presets:
- Switch instantly between popular aesthetics: Ko-fi Classic, Ko-fi Cyan, Dark Minimal, Pill Accent, Golden Cup, and Emerald Tip.
Secure & Simple Setup:
- No complex API tokens or webhooks needed — just enter your Ko-fi username and click insert!

How It Works:

Open the Kofi Checkout plugin in Framer.
Select your desired widget type (Button, Floating Widget, or Tip Panel).
Customize your button label, colors, corner radius, and scale.
Click Insert Widget to add it directly onto your canvas!

Support & Inquiries

Support: soubhagya2022@gmail.com
Created by: BuildinFrame

59:[["$","$L5c",null,{"post":{"id":"01a04154-2cd9-7003-a484-420fcbdab256","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":"1528","resolved":true,"title":"Kofi Checkout","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kofi Checkout — Accept Tips & Donations in Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Framer website with native Ko-fi donations, support buttons, and tip panels. Let your audience support your work without ever breaking your site’s design."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're a creator, developer, agency, or writer, "},{"type":"text","text":"Kofi Checkout","marks":[{"type":"bold"}]},{"type":"text","text":" allows you to seamlessly insert and customize official Ko-fi widgets directly onto your Framer canvas in seconds — "},{"type":"text","text":"no API keys or coding required","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"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":"All 3 Official Ko-fi Widget Types","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inline Button","marks":[{"type":"bold"}]},{"type":"text","text":": Standard CTA button pre-loaded with Ko-fi CDN scripts for fast loading."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Floating Widget","marks":[{"type":"bold"}]},{"type":"text","text":": Persistent overlay chat button that floats smoothly in the corner of your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tip Panel (Iframe)","marks":[{"type":"bold"}]},{"type":"text","text":": Full-featured, responsive donation embed allowing visitors to donate directly on your page."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Style & Theme Customization","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize button colors and text colors with native hex pickers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control corner radius (pill, rounded, or sharp corners)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Floating Widget size scale (75% to 130%) and screen position (Bottom-Left or Bottom-Right)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle the official "},{"type":"text","text":"\"Secured by Ko-fi\"","marks":[{"type":"italic"}]},{"type":"text","text":" trust badge."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Curated 1-Click Style Presets","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Switch instantly between popular aesthetics: "},{"type":"text","text":"Ko-fi Classic","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Ko-fi Cyan","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Dark Minimal","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Pill Accent","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Golden Cup","marks":[{"type":"italic"}]},{"type":"text","text":", and "},{"type":"text","text":"Emerald Tip","marks":[{"type":"italic"}]},{"type":"text","text":"."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Secure & Simple Setup","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No complex API tokens or webhooks needed — just enter your Ko-fi username and click insert!"}]}]}]}]}]},{"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":"Kofi Checkout","marks":[{"type":"bold"}]},{"type":"text","text":" plugin in Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select your desired widget type ("},{"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":"Tip Panel","marks":[{"type":"bold"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize your button label, colors, corner radius, and scale."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Insert Widget","marks":[{"type":"bold"}]},{"type":"text","text":" to add it directly onto your canvas!"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Support & Inquiries","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":": "},{"type":"text","text":"soubhagya2022@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:soubhagya2022@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Created by","marks":[{"type":"bold"}]},{"type":"text","text":": "},{"type":"text","text":"BuildinFrame","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buildinframe.com/","target":"_blank"}}]}]}]}]}]},"introduction":"Add Ko-fi Checkout in Framer","slug":"kofi-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/01a04153-cf78-74cb-977f-14f9cc6af1c0.png"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a698a602-61a2-432e-9ece-e7e00bd33607/01a04153-e10b-7785-9cb1-de36fd476677.png"}],"post":null,"createdAt":"2026-08-27T03:47:10.085Z","updatedAt":"2026-08-27T05:43:35.011Z","publishedAt":"2026-08-27T05:43:35.001Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"4scqogvobco3kg12fvdosmbi6","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-27T03:47:10.681Z","updatedAt":"2026-08-27T03:47:10.681Z","reported":false}}],"$L5e"]

Suggested for you