Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add a PayPal Donate Button in WordPress

Are you looking to add a PayPal donate button on your WordPress site?

PayPal makes it super-easy to accept donations on your website. It is convenient, cost-effective, secure, and already used by millions of users around the world.

In this article, we will show you how to easily add a PayPal donate button on your WordPress site.

Adding a PayPal donate button in WordPress

Why Use a PayPal Donate Button in WordPress?

Many bloggers add PayPal donate buttons on their WordPress sites to help cover the website’s running costs.

Non-profit organizations also use their websites to fundraise for their causes. Paypal donate button provides them an easy way to accept donations.

Tip: If you want a more fully-featured fundraising solution, check out these best donation and fundraising plugins for WordPress.

Before you start, you will need to create a PayPal account or log in to your existing account.

Since this is a comprehensive guide, we have created a table of content, so you can easily jump to the section you need:

  1. How to Add PayPal Donate Button in WordPress (Free Plugin)
  2. How to Add a Smart PayPal Donation Form in WordPress (using WPForms)
  3. How to Manually Add a PayPal Donate Button in WordPress (Code Method)

1. How to Add PayPal Donate Button in WordPress (Free Plugin)

This method is recommended if you are looking for a free WordPress PayPal donation plugin. It is simpler but is very limited in terms of what you can do.

First, you need to install and activate the PayPal Donations plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to the Settings » PayPal Donations page to create your donation button.

Here, you need to enter your PayPal email address. This is the address you use to login to PayPal.

The donation currency will default to US dollars. To change this, simply select your preferred currency from the dropdown menu.

Add the email address for your PayPal account to the PayPal Donations plugin settings

You may want to create a thank you page on your site and set this up as the Return Page, in the Optional Settings section.

You can optionally add a default amount, purpose, and reference for your PayPal donations.

Set the defaults for your PayPal donations

Next, you can select a PayPal button style, or enter a URL for a custom button image. You can also change the donation country and language, which defaults to the United States and US English.

Once you are done, don’t forget to press the ‘Save Changes’ button to store your settings.

Choose the style of donation button that you want to use on your site

Adding Your PayPal Donate Button to Your Website

The plugin allows you to easily display PayPal donate button anywhere on your WordPress website using a shortcode.

Simply edit the post or page where you want to display the donate button, and then add the shortcode block in the content editor.

Adding a shortcode block to your site to enter the PayPal Donations shortcode

Inside the settings, you need to add [paypal-donation] shortcode. You can now save your changes and preview your post or page.

Here’s the donate button live on our demo site.

The Donate button on our demo website

This plugin also let you add the PayPal donations button to a sidebar or footer widget area. Simply go to the Appearance » Widgets page and drag the PayPal Donations widget to your sidebar or footer.

Adding the PayPal donations widget to the sidebar

The widget has the same settings, so all you need to do is provide a title and text. Don’t forget to press the Save button to create your widget.

Here’s the donate widget in our demo website’s sidebar.

The Donate widget live in the sidebar on our demo website

2. How to Add a Smart PayPal Donation Form in WordPress (using WPForms)

Another great way to create a PayPal donation button is with WPForms. It is the best WordPress form builder plugin on the market used by over 3 million website owners.

WPForms allows you to easily create beautiful donation forms that lets you accept payments using credit card and/or PayPal.

This method gives you more flexibility.

You can collect donor information, add them to your email list (WPForms works with all top email marketing services), collect phone numbers, run surveys, polls, and more.

Basically, you can engage with users which helps you create a stronger community.

Note: You will need the Pro version of WPForms or higher in order to take PayPal payments.

First, you need to install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, visit the WPForms » Settings page to enter your license key. You will find this information under your account on WPForms website.

Entering your WPForms license key on your site

Next, go to the WPForms » Addons page. Here, you need to install the PayPal Standard addon. Simply find it in the list then click the Install Addon button below it.

The addon will be automatically installed and activated for you.

Installing the PayPal Standard addon in WPForms

Now, it’s time to create your donation form.

Simply go to the WPForms » Add New page in your WordPress admin area to launch the form buikder.

First, you need to provide a title for your form and then choose the Donation Form template.

Name your donation form and choose the Donation Form template

WPForms will now automatically load your form template in the WPForms builder. It’s easy to add, remove, or change the fields on your form.

To add a field, simply click the Add Fields tab on the left-hand side. We’ve added a ‘How Did You Hear About Us?’ multiple choice field.

You might want to change the Submit button to read Donate instead. To do this, either click on the button or go to the Settings » General tab for your form.

Changing the text on the Submit button

Once you are happy with your form, click on the Save button at the top to save your changes.

Adding fields to your form and saving it

Next, you need to go to Payments » Paypal Standard to set up the payments for your form.

Simply check the ‘Enable PayPal Standard payments’ and enter your PayPal email address. Under Payment Type, select Donation.

Enabling PayPal payments for your form in WPForms

Once you’re done, click the Save button to store your settings.

Tip: You can send donors a receipt for their donation. Take a look at our instructions on creating a form with multiple recipients for help with this.

Adding Your Donation Form to Your Website

Once you’ve finished creating your PayPal donation form, it’s time to add it to your website.

WPForm makes it super easy to add forms anywhere on your website.

Simply create a new post or page, or edit an existing one. Then, add a WPForms block to the WordPress content editor and select the form you created earlier from the dropdown menu.

Creating a WPForms block and selecting your form from the dropdown list

Once you’re ready, preview or publish your page to see your donation form live on your site.

Viewing the completed donations form on the website

Congratulations, you’ve now created a smart paypal donation form in WordPress.

3. How to Manually Add a PayPal Donate Button in WordPress (Code Method)

If you don’t want to install a plugin or if you’re using WordPress.com instead of WordPress.org, then you can manually add a PayPal donate button.

First, you need to log in to your PayPal account, and go to the Pay & Get Paid » PayPay Buttons page.

Selecting the PayPal Buttons menu option

On the next page, simply click the ‘Donate’ button option.

Select the Donate button type

Now you can follow the on-screen instructions to create your button.

Following the on-screen steps to create the donation button

On the final screen of the button creation wizard, click the ‘Finish and Get Code’ button.

Finish creating your donation button and get the code for it

You will now see a page with a Shareable Link. This is the URL you need. Keep it open in this tab or save it in a safe place.

Getting the shareable link for your new PayPal donate button

Next, go to your WordPress admin area and edit a post or page where you want to add the PayPal donate button.

You need to add a new HTML block to your page, or use the Text mode if you’re using the Classic editor.

Adding an HTML block in the WordPress block editor

Paste the following code into your HTML block:

<a href="Your Shareable Link that you got from PayPal" target="_blank" rel="nofollow noopener"><img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="Click to Donate" /></a>

Make sure to replace the words ‘Your Shareable Link that you got from PayPal’ with the actual link from PayPal.

The PayPal button HTML code in the HTML block

Go ahead and publish your page. You now have a PayPal donate button on your WordPress site, without using a plugin.

Tip: You can also paste this HTML code inside a WordPress Custom HTML widget to add it to your sidebar.

Here’s a live example of the donate button:

Donate to WPBeginner

Feel free to click on it to see how it works. You can make a donation to help us if you found this article helpful. :)

Customization Options

The reason why we chose the shareable link instead of the full donate button code is so you can easily customize the donation image.

Below are some other official PayPal donate buttons. Simply copy the code and replace the image section in your main code above.

Option 1

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" alt="Click to Donate" />

Option 2

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" alt="Click to Donate" />

Option 3

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" alt="Click to Donate" />

Option 4

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="Click to Donate" />

Option 5

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" alt="Click to Donate" />

Option 6

Click to Donate

<img src="https://www.paypal.com/en_US/i/btn/x-click-but11.gif" alt="Click to Donate" />

If you don’t like any of these images, then you can create your own. Simply upload that image into your WordPress media library and get the File Link. Next, add that link in the code below:

<a href="Your Sharable Link that you got from PayPal" target="_blank" rel="nofollow noopener"><img src="The Image URL" alt="Click to Donate" /></a>

Best PayPal Donation Plugins for WordPress

We recommend the PayPal Donations plugin as the easiest way to add a PayPal donation button to your site. It’s free and very straightforward to use.

If you want to gather information from your donors, then WPForms is the best option for you.

If you would like more options to choose from, then here are some other good PayPal donation plugins.

  • PayPal Donation – This plugin is owned by an official PayPal partner. It has support for all PayPal’s languages and currencies.
  • Seamless Donations – This plugin works with both Stripe and PayPal.
  • PayPal Donation Button – This plugin can send a donor confirmation email.

We hope this article helped you add a PayPal donate button in WordPress. You may also like our proven tips on how to make money online with WordPress, and our guide on how to increase your website traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

72 CommentsLeave a Reply

    • Apologies if it is not working for you, you may want to reach out to the plugin’s support with whatever error you are running into for them to take a look at it. We will also take a look at our article :)

      Admin

  1. My blog is on WordPress.com so I attempted to follow your instructions to manually add a PayPal button. Your instructions state:

    “Start by logging in to your PayPal account, and click on the Tools menu item”

    I cannot find the Tools menu item on PayPal. Please can you advise.

  2. Thanks for all this info. I am not clear if I need a paid version of wordpress.org if I want to add a donations button. I probably won’t be selling anything, just hope for a few donations. Thanks for your help :)

      • I have set up a wordpress.org blog by following your very clear instructions….thank you very much!! I have gone to widgets to install a paypal donations button but there does not seem to be one there to choose. Have I made a mistake?? I chose the cheapest bluehost option. Have I done something wrong?

        Also, just so you know…..when I got nearly to the end of the bluehost procedure, having followed your link to get there, intending that you got the commission for my purchase, there was another pop-up offer, which offered even more discount. I clicked on this, so I hope you have not lost the commission. If so, it is a bit of a dirty trick, which may have robbed you of your commission. I hope not. Thanks for your great advice.

  3. I like the idea of the video, but my version of wordpress doesn’t let me install plugins, and so that won’t work. When I tried with the email link, I got the message that ‘payment did not go through’. So I couldn’t put the button or a link on the page. Thanks

  4. This was perfect – exactly what I needed to add a donate button to the podcast webpage. Thanks!

  5. I can create the button image, but nothing happens when I click. I’m suspecting it wasn’t made clickable?

    • Did you use a plugin to create the click button? or did you copy it from PayPal itself? what is the source of the code did you use?

  6. Hello please engineer Sayed,
    I am worried as to how could I know or find the payment gateway that support my country Nigeria. I am still searching, but I have not found one.
    Please help me and recommend one to me.
    Thanks.

  7. I have been beating my head up against a brick wall for HOURS trying to fix the oversized, pixelated donate button in my wordpress site. I finally came across this article and it was just the fix!!!!! Thank you!!!

  8. There is no “PayPal Donations” button in my self hosted WordPress.

    Any help is appreciated. Thanks.

  9. Thanks for this post! It’s been most helpful. But how do you create code for the image when you personalise it? I have an image , now what?!

  10. I got the PayPal button to work on a post, np, thanks to you. Now, how do I add the PayPal button to my main sidebar?

  11. I pasted the code from Paypal into my WordPress page, post and project page and in each instance it appears when I switch back to Visual, but then when I publish the code gets stripped out and nothing appears on the actual page. When I go back to the editor the code has been erased or truncated. Is there something I can do to make it “stick”?

    I see that this happened to others in the comment string, but I didn’t see a solution mentioned.

    • Basically you just need the link from the PayPal under the Email section. This is a plain URL and the code just adds the link to a donate button image. You can download the donate button image from PayPal website and upload it in post editor. Right click on it and link it to your PayPal email URL.

      Admin

    • Having WP mess with the code after pasting has been a problem for me also. I finally found an acceptable way that so far seems to work.

      I found putting the PayPal code in a table is working for me. I can go back and forth from visual to text and the code stays the same. I put in table tags, then for my case I put in two rows with one column (td tag) in each. In the first row I’ve put some text for the what the button payment is for and then I put the PayPal code in the 2nd row.

      The only thing I notice is a light border shows up around the table. Putting the border = 0 in the table doesn’t remove it. I think the border is getting introduced elsewhere (I”m using Elegant Themes DIVI). I don’t mind the thin border in this application so I haven’t done much work trying to find how to remove it.

      To see what it looks like – the page is one of my clients at (take the spaces out, I didn’t want this to get tagged as spam)
      Hope this helps someone with the same problem.

  12. This post is pretty handy for me as I was about to add PayPal buttons on my clients site. Thansk…

  13. Make sure to watch that you put the URL within the ” ” brackets and hit refresh button on your site, worked fine for me

  14. Hello, I visited paypal site today and noticed that it said to only use the donation button for a fundraising cause. It said to chose another option if you are not raising money for a cause. So are we no longer able to use donate buttons on our blogs if it is not for a cause? I was hoping to raise money to help finance my blog.

  15. the problem is that I am not seeing PayPal Donation Button , only other buttons like , buy , add card , subrscribe etc … donation isn’t :S please help me

  16. Hello. I have followed your instructions for adding the donate button to my side bar but it is not activated. When I click on the button nothing happens. Any advise would be greatly appreciated.

    Thank you so much!

  17. I know this is a super old post, but I just wanted to take a sec to thank you! I’ve been driving myself crazy trying to figure this simple thing out. I kept trying to copy/paste the “website” code into the widget, which obviously didn’t work. Thanks again!

  18. I added the ‘donate’ button to a page on my site but it is not displaying correctly. It is huge and extremely pixelated. Any suggestions on how to fix this? Thank you!

  19. So, I want to add a “donate” button to my blog so that I may expand later and use the money to buy vB 5 or something of the kind.
    However, PayPal only allows non-profit organizations to use their donate feature from what I have seen.
    How do I solve this?
    Thanks in advance.

    • This may be a very old post but it’s still getting traffic so I thought I’d answer this. I also believed donate buttons were only for charities but that’s apparently not true. You can read more about it here:

      They do take a cut but I’m wondering what happens if you choose not to use the word “donate” and instead add the word near the regular icon? I just find it absurd that everyone wants a cut of what you’re attempting to get fundraising for.

  20. Thanks, the button shows up and works but there is some extra code showing either side of it. I replaced the code in blue in this string:

    for the 2 URL bits but didn’t know what I am supposed to put for the “_blank’ del and “nofollow” bits…I am guessing this is the issue the extra code is “” after it…

    Thanks in advance for your help!

  21. Hi there.. I’m trying to use my custom Donate button and replacing the default PayPal button, for some reason it’s not displaying correctly, the border appear but I have specified border=”0″. Also the image is shrink though I used width=”value” and height=”value”. Hope you can help, thanks much.

  22. i want to add paypal after login the user
    how can i add this
    plz help me
    i have text tyep member then opn a login page afetr login opn payapal process page
    how is it possible

    • You might need to create a custom page template for the page with the paypal donation button. In the custom page template you can put conditional tags to check a user’s logged in status and show them a paypal button, like this:

       <?php
      if ( is_user_logged_in() ) {
          echo 'your paypal button code here';
      } else {
          echo 'Please sign in to see the Payment options';
      }
      ?> 
      

      Admin

  23. Once my Donate button on my WordPress sidebar takes me to the PayPal donation page, my email address shows up as the default email in the “Log In To PayPal” box. Is there any way to leave the email box blank instead? I would prefer that my email address not show up.

  24. For some reason i only see 3 options under {choose a button type}: 1.shopping cart, 2.buy now, and 3.subscription? I don’t see donation btn. Are they the same thing?

    • I just figured out paypal has different options for different countries. However, I have another question, How do you really use “Use my secure merchant account ID” to protect email address? Under “Merchant account IDs ” I chose this option “Use my secure merchant account ID” instead of “Use my primary email address xxxxx” for security purpose. After I Copy/paste the code and test out the donate btn, it took me to “pay with paypal page”, but i see my email displayed “huge” on the top left corner. I see some blogs have their logo display there instead of email address. How do I do that? I really don’t want junk mails. Thank you!!

  25. Wow! This is awesome and very useful info. It is easy to follow with this step by step process. Thanks a lot for sharing and tweeted :)

  26. Thank you, thank you, thank you. I was tearing my hair out before I had the good sense to Google how to get the button up there. You guys rock!

  27. You are the bomb. Just posted a Donate button in my wordpress sidebar, your tip worked the first time. Thanks a lot man, good looks.
    Half Green Records

  28. Hi,
    I’m trying to implement a donation code on my wordpress blog. When I press save after pasting the code into the text widget, the code instantly shortens and then nothing shows up. What am I doing wrong? Please help! :)

  29. The “Donate” button is only to be used by charities and non-profit corporations. If you do other wise, PayPal will freeze your account. See their rules.

  30. Hi, I am having a problem with the code above. The code where you can post it on a page or post. I was trying to post my code on a page, and the image shows up,but it is not functioning. The image is the only thing that shows up the button does not work I copied the code and tried to link them together,but nothing is working. Am I doing the code right? Could I send you my code or something and maybe you or someone can fix it?

  31. The above code works. However, I am having a problem with using the PayPal return URL under the advance section. I have created a WP page to return with a thank you message. However, the PayPal return is sending the user back to the home page of the WP site. It has replace my http://www.kingsportsavealife.com/?page_id=62 with a return link code for the PayPal page that indicated that the donation has been made. Any idea how to get PayPal to send to the WP page that I want to show? Thanks

  32. I know you are mostly geared for bloggers, and this article focuses on donations for support. But I run a WP website for my business. What would be the best way for me to put a PayPal button on my site that would let my clients pay their invoices from me? Those might be all kinds of different amounts– how can the client enter the exact amount of their bill? I don’t see any option in PayPal for the user to enter an amount except in a “donation” button, and these are definitely not donations!

  33. Thank you for this, I’d been meaning to add a donate button to my site for a while. Have it done now in less than 5 minutes. Cheers!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.