---
title: "Kofi Checkout — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Soubhagya Sahu · Ecommerce. Kofi Checkout — Accept Tips & Donations in Framer Framer website with native Ko-fi donations, support buttons, and tip panels."
canonical: "https://framer.elliotli.dev/plugin/kofi-checkout"
---

[Home](/)/[Plugins](/plugins)/[Ecommerce](/plugins/category/ecommerce)/Kofi Checkout

# Kofi Checkout

Add Ko-fi Checkout in Framer

[View on Framer](https://framer.com/marketplace/plugins/kofi-checkout/?via=elliot-li)

![Kofi Checkout preview image 1](https://framer.elliotli.dev/og/plugin/kofi-checkout/ae6a40a886567827/1600x1200.jpg)

## Summary

Kofi Checkout — Accept Tips & Donations in Framer Framer website with native Ko-fi donations, support buttons, and tip panels.

## Description

**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:**

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

### **Support & Inquiries**

-   **Support**: [**soubhagya2022@gmail.com**](mailto:soubhagya2022@gmail.com)
    
-   **Created by**: [BuildinFrame](https://buildinframe.com/)
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1068

## Details

- **Author**: Soubhagya Sahu
- **Published**: 2026-08-27
- **Updated**: 2026-08-27
- **Added**: 2026-08-27
- **Categories**: Ecommerce

## More across types

-   [Kaffe Origin - AgenT](/template/kaffe-origin-agent) — Noa Torner · Free — KAFFE ORIGIN Black and white, until you touch it.
-   [Sidra](/template/sidra) — Weblr Studio · Free — Arabic restaurant site RTL LTR
-   [Mercer Store](/template/mercer-store) — David Reyes · Free — Shopify Ecommerce Store Template

## More like this

-   [Shop Canvas](/plugin/shop-canvas) — Shop Canvas · Free — Shopify × Framer for agencies
-   [Reviewly: Photo, UGC reviews](/plugin/reviewly-photo-ugc-reviews) — Ecom swift LLC · Free — Photo & video reviews in your site
-   [Shopiframe](/plugin/shopiframe) — FrameSpace · Free — Start building your store for free: Shopiframe lets you connect your Shopify store with Framer easily.
-   [Us vs. Them — Product Comparison Table Builder](/plugin/us-vs-them-framer) — m c · Free — 1-Click Comparison Tables