← Back to Guides
Tutorial|7 min read

How to Add a Donation Button to Your Website

Step-by-step guide to adding a professional donate button to any website. Works with WordPress, Squarespace, Wix, Shopify, and custom HTML sites.

90%
Of Nonprofits Need Donation Buttons
34%
Increase in Online Giving
28%
Of Donations via Mobile
5 min
To Add a Button

Why Add a Donation Button?

Capture Impulse Donors

When visitors feel moved by your mission, a visible button lets them give immediately before the moment passes.

Professional Appearance

A well-designed donation button signals that your organization is established and trustworthy.

24/7 Fundraising

Your website works around the clock. A donation button accepts gifts even when your office is closed.

Reduce Friction

Every click between intention and donation loses potential donors. One button, one step, one conversion.

Add a Donation Button by Platform

Select your website platform for specific instructions.

1

WordPress

Easy

The world's most popular CMS. Multiple ways to add donation buttons.

Steps:

  1. 1Install a donation plugin (GiveWP, PayPal Donations) OR use PayRequest
  2. 2Create your donation form or get your PayRequest embed code
  3. 3Add a Custom HTML block where you want the button
  4. 4Paste your button code and publish

Tips:

  • Copy the button code and paste into a Custom HTML block in Gutenberg
  • Works with Classic Editor and page builders too
2

Squarespace

Easy

Beautiful templates with easy customization. Use Code Blocks for buttons.

Steps:

  1. 1Create your donation button in PayRequest
  2. 2Copy the embed code
  3. 3Edit your page and add a Code Block
  4. 4Paste the code and save

Tips:

  • Place donation buttons in your header for maximum visibility
  • Use the footer or sidebar for persistent buttons across all pages
3

Wix

Easy

Drag-and-drop builder with HTML embed support.

Steps:

  1. 1Create your donation button in PayRequest
  2. 2In Wix Editor, click Add (+) → Embed Code → Custom Element
  3. 3Select 'Embed HTML'
  4. 4Paste your button code

Tips:

  • PayRequest offers more payment methods than native PayPal buttons
  • Better customization options available
4

Shopify

Medium

E-commerce platform that can accept donations as products.

Steps:

  1. 1Create a donation 'product' with $0 or variable pricing
  2. 2OR use PayRequest embed in a Custom Liquid section
  3. 3Add to your navigation or homepage
  4. 4Enable in your theme settings

Tips:

  • Add a Custom Liquid section to your theme for non-product donations
  • Paste your PayRequest button code directly
5

Custom HTML

Easy

Any website with HTML access. The most flexible option.

Steps:

  1. 1Create your donation button in PayRequest
  2. 2Copy the HTML embed code
  3. 3Open your website's HTML file
  4. 4Paste the code where you want the button

Tips:

  • Place the button code in your <body> section
  • Add to your header template so it appears on every page

Add a Donation Button with PayRequest

1

Create Your Donation Product

Sign up for PayRequest and create a new donation product. Set suggested amounts or allow custom donations.

2

Customize Your Button

Choose button style, colors, and text. Match your website's branding for a seamless look.

3

Get Your Embed Code

Copy the HTML code snippet. It's just one line — no complex integration needed.

4

Paste on Your Website

Add the code to your website using any of the platform-specific methods above.

5

Start Accepting Donations

Your button is live! Donors click, pay securely, and you receive funds automatically.

Where to Place Your Donation Button

Header/Navigation

Always visible, highest engagement. Use on every page for maximum impact.

After Emotional Content

Place buttons after compelling stories or impact reports when visitors are most moved.

Mobile-Optimized

Ensure your button is large enough for touch and visible without scrolling on mobile devices.

Who Adds Donation Buttons?

Nonprofits & Charities

Primary fundraising channel for established organizations with websites.

Churches & Religious Orgs

Accept tithes and offerings from members who prefer online giving.

Schools & Universities

Alumni donations, scholarship funds, and program support.

Political Campaigns

Collect campaign contributions with compliant payment processing.

Open Source Projects

GitHub readme files and project websites accepting sponsorships.

Content Creators

Tip jars and support buttons for bloggers, YouTubers, and artists.

Frequently Asked Questions

Do I need coding skills to add a donation button?

No! With PayRequest, you just copy and paste one line of code. Most website builders have visual editors for adding HTML — no coding knowledge required.

Can I customize the button to match my website?

Yes, PayRequest buttons are fully customizable. Change colors, size, text, and style to match your brand perfectly.

What payment methods can donors use?

PayRequest supports credit cards, debit cards, PayPal, iDEAL, Bancontact, SEPA transfers, Apple Pay, Google Pay, and more — depending on your payment provider.

Is there a fee to use the donation button?

PayRequest charges 0% platform fee. You only pay standard payment processing fees (e.g., 1.4% + €0.25 for European cards via Stripe).

Can I accept recurring donations?

Yes! Create a subscription-style donation button for monthly giving programs. Donors can set up automatic monthly donations.

Will donors receive receipts?

Yes, donors automatically receive email receipts after donating. Receipts include your organization name, amount, and date for tax purposes.

Related Guides

Free Donation Button

Get a free donation button

Donation Products

Full donation features overview

Add Your Donation Button Now

Create a free donation button in 60 seconds. No coding required, works on any website.

Create Donation ButtonView Examples