---
title: "PayPal Donation Form — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Kai Studio · Forms. Accept PayPal donations"
canonical: "https://framer.elliotli.dev/component/paypal-donation-form"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/PayPal Donation Form

# PayPal Donation Form

Accept PayPal donations

[View on Framer](https://framer.com/marketplace/components/paypal-donation-form/?via=elliot-li)

![PayPal Donation Form preview image 1](https://framer.elliotli.dev/og/component/paypal-donation-form/d32e8f14a8e407f6/1600x1200.jpg)

## Summary

Accept PayPal donations

## Description

T**his component is Part of the  Essential Components plugin.** Browse and insert 30+ components directly in Framer. [Start for free](https://www.framer.com/marketplace/plugins/essential-components/preview/)

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-gj4xcycz-kYjrqz2kVHmMdHHjuknXCjAlVxjJiZ)](https://www.framer.com/marketplace/plugins/essential-components/)

Accept donations directly on your Framer site ,no backend, no code. This component integrates PayPal's secure payment flow with a fully customizable form, allowing you to collect donor details and process payments directly within your design tool.

### What you get

-   Collects donor name, email, and a personal message before payment
    
-   Preset donation amounts with a custom amount option.
    
-   Full typography, color, border, and spacing controls from the property panel
    
-   A success screen to confirm the donation
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-h93xrmhe-DP48HZKomE7s7X1fv5xoql90vRRDmu)

-   Works on any Framer site , no server or third-party tools required
    

### Requirements

1.  Go to [developer.paypal.com](http://developer.paypal.com)
    
2.  Create an app under **My Apps & Credentials.**
    
3.  **Choose the** Merchant option
    
4.  Copy your **Client ID** : use the Sandbox ID for testing, Live ID for production.
    
5.  Paste it into the **Client ID** field in the property panel.
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ge1heoe8-jx6B75haPe8LPRFtbZweilYB6bsHJ1)

### How to use

1.  Add the component to your page.
    
2.  Paste your PayPal Client ID in the property panel.
    
3.  Set your currency and preset donation amounts.
    
4.  Customize fonts, colors, and button styles to match your brand.
    
5.  Publish and test using a PayPal Sandbox account before going live.
    

### Tips

-   Use **Gold** as the PayPal button style , PayPal's recommended option and converts best.
    
-   Test end-to-end in preview mode before publishing.
    
-   Set the **Success UI** text to match your brand voice.
    
-   **A PayPal Business account is required to collect real payments.**
    

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

-   All · #1029

## Details

- **Author**: Kai Studio
- **Price**: $15.00
- **Published**: 2026-04-23
- **Updated**: 2026-10-15
- **Added**: 2026-04-10
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from