How to Add PayPal donate button in WordPress

How to Add Paypal Donate Button in WordPress

How to Add PayPal donate button in WordPress

Do you want to accept donations from people who use your website? If so, you need to learn how to add Paypal donate button in WordPress.

If you offer a service or product that is helpful to people (and you do so for free), adding a donate button on your WordPress site will help you benefit from your hard work. People are usually willing to donate to a cause that has helped them solve one problem or the other.

Other sites/situations that would make a donate button necessary include running charitable or nonprofit organizations, creating a website for a religious service, collecting donations towards disaster relief, running a fundraising campaign to implement an idea that has a large following, or just plain accepting donations from people who enjoy your content.

Donations can help you raise considerable funds. For example, Amazon has been able to raise over one hundred million dollars through charitable donations on their Amazon Smile program. Never underestimate the power of human kindness.

If you have decided to receive donations, the next question is “how?”. Gladly, Paypal has made it super easy to implement donations on your site.

In this WordPress resource, we will explain two easy ways to add PayPal donate button in WordPress.

Content:

Why Should You Use Paypal for Donations?

Should I really use PayPal? Why not other options or payment processors?

Note: If you have already decided to receive donations via PayPal and are happy with this decision, you can skip this session.

First, PayPal is really easy to implement. Whether you decide to go with WordPress plugins or to use PayPal’s donate function, you should be ready to start accepting donations on your site instantly.

Secondly, Paypal accepts donations worldwide, giving you greater reach.

Thirdly, the nature of donations usually means that you want to reduce the charges on them as much as possible. If you are setting up PayPal donation buttons for a charity, you can contact PayPal. This is because PayPal offers discounted charges on transactions, which means more money to the organization.

Call that PayPal’s way of being charitable.

How to Add PayPal Donate Button in WordPress

Enough of the stories, let’s roll our sleeves and get to business.

To implement PayPal donations, you will need a PayPal account. Go ahead and create one on the PayPal website.

After creating an account, read on to see how to add a PayPal donate button to your WordPress site using either the Paypal Donate Button Creator or PayPal donations plugins.

Using PayPal Donate Button Creator

You can implement PayPal buttons on your site without using a WordPress PayPal plugin. Although it’s a bit more technical, it isn’t hard.

This is a better option if you want to reduce the number of plugins on your site, which is good practice.

To create the button, go to the PayPal Button page and login with your PayPal email and password.

PayPal WordPress donation

In the 1st step, select your country, language. Usually, you won’t need to change any of these options as it will pull correctly from your account.

On the right, you can see a preview of your donation button. You can select button type and style with the button settings below language selector. If you want a smaller button, select “Small” from the “Button size” option. When done, click Continue.

PayPal donate buttons

In the 2nd step, enter the purpose of your donation.

Note:

If you want users to select a particular sub-program to donate to, tick Yes, List Programs. Next, type in a program name and click Add. Repeat until you have all your subprograms.

Click Continue.

PayPal button to WordPress

In the 3rd step, set your preferred currency in the “Currency you’ll receive donations in” input box.

In the “Amount donors can give” section, you can set either an “Any amount”, “An exact amount”, or 3 amount options and any amount.

The first two are straightforward. To “Set 3 options, plus any amount”, tick that option and enter 3 amounts in the boxes that appear. The amount entered in the 2nd box should be greater than the 1st. Likewise the 3rd greater than the 2nd.

If you want users to be able to select the recurring option for donations, leave “Let donors make monthly recurring donations” set to “Yes”.

Click Continue.

PayPal button Continue

The final step has optional settings that you may wish to use. Let’s take you through them.

Get info from donors

If you expand this option, you will see settings that allow you to receive information from donors. You can choose to receive their email address or allow them to send a note along with their donation.

Donor info PayPal

Route donors back to your site

You can add a cancel URL and a completion URL in this section. The cancel URL is the page the user will be taken to if they cancel the transaction. The completion URL is a thank you page after the donation is made.

WordPress Paypal

Set account identifier

This section enables you to hide your PayPal login email on the donations page. It’s usually better to display a Merchant Account ID instead of your email.

PayPal button Merchant Account ID

Add extra HTML button Variables

This option is for developers who want to control the way the button interacts with PayPal features. You can add custom HTML to control how the button behaves.

Note: Leave this option untouched unless you know what you are doing.

Now click Finish and Get Code. On the last page, you would see your button HTML code. Click Copy to clipboard.

PayPal button Copied code

Next, you want to paste this code in the page you want your button displayed (note: leave this page open in case you find out you have not copied the code, or you have copied something else over it).

 

Go back to your WordPress dashboard and go to Pages > Add New. 

(Note: if you want to add the button in a pre-existing page, go to Pages > All Pages and click to open the page instead.)

Custom HTML code

Type in the title of the page and then go to the content editor and type in some introductory message about your donation.

Next, switch the editor to “Text mode” and paste in the code you copied where you want the button to appear. Click Preview to view the page.

PayPal WordPress donation code

Your donate button should look like this:

All good. Go back to your WordPress page editor and click Publish. That’s it, your button is ready!

Using a Plugin

There are quite a few Paypal plugins available for this purpose. In this guide, we will show you how to use the Paypal Donations plugin.

Install and activate the “Paypal Donations” plugin (read this guide to learn how to install plugins). Ensure it is Donations, with an ‘s’ as there are similarly named WordPress donation plugins.

Setting Up PayPal Donations

After activation, you will see a “PayPal Donations” option on your dashboard menu. Hover over it and click on Settings.

In the “Language and Currency” section, select your preferred language and currency.

Next, enter the email ID of the PayPal account you want the donations to go to, and set “Sandbox Mode” to “Off”

WordPress Paypal donation plugin

In the “Other Settings” section, select your preferred button (you also have the option to upload your own button image which can help make your site distinct). Now scroll down to the bottom and click the Save Settings button.

Creating a PayPal Donate Button

After those initial settings, let us now create a donation button.

Go to Paypal Donations > Buttons.

Donation buttons PayPal

In the buttons page, click New Paypal Donations Button.

PayPal donor button WordPress

In the “Main” section, fill out the Purpose/Name of the donation. Leave the amount empty, otherwise, donors will be restricted to donating the amount you set and they may want to donate less, or even more.

Leave the “Language and Currency”  and “Other” sections as is.

Now scroll down to the “Dropdown Menus” section. You only need to set up this section if you want to give users a dropdown menu with different amounts to select from. If you want donors to enter any amount they choose, leave this section untouched.

In “Amount Menu Name” textbox, enter a name for this menu.

Underneath, you will see Option/Amount pairs. The left box shows the amount option that will be displayed to the user, the right box is the amount that will be sent to PayPal for processing when this option is selected.

So if you want to give the donor the option of $10, you have to enter $10 in the left box, and 10 in the right box. Again, the $10 is for the user to see what they are selecting, and the 10 is used to process the donation.

Fill out the boxes accordingly.

Donor button for PayPal

When done, scroll up and click Save Paypal Donation Button.

Putting the PayPal Donate Button in a Page

To put the button we just created in a page, copy the shortcode for this button.

PayPal Donation page

Next, go to Pages > All Pages and click on the page you want to add the button to. This page will be opened in the WordPress editor.

Within the editor, click on the point where you want to display the button and paste the shortcode you copied.

Next, click Preview on the right to see how your brand new donate button looks.

If you followed the steps correctly, it should look like this:

PayPal Donation test page

Now go back to the page editor and click Publish. That’s it. You’re done!

You may decide to test out the donation by going to the published page, selecting an amount, clicking Donate, and completing the donation in PayPal.

 

Adding a Thank You Page for PayPal Donate Button

It is good practice to redirect users to a thank you page after they make a donation. It shows gratitude, and the way the page is designed may get the donor to give more right now or in the future.

Whether you used PayPal donate function or the plugin method, adding this page is pretty straightforward.

Creating a Thank You Page

If you already have a Thank You page, skip this section.

To create a page, think about the message you want to communicate to the donor. In our examples so far, we have illustrated using donations to the Clean Water Project. Our thank you page should contain a simple message and an image gallery that depicts clean water. We simply grabbed free images from Pexels.com and Pixabay for this purpose.

To create the page, go to Pages > Add New.

Type in the subject of the page in the input box at the top. In the content editor below, enter your thank you message and any image you want to use. Click Preview to see the page.

PayPal Thank you page

All good? Come back to the WordPress editor and click Publish. Now you have your thank you page. At the top, you would see the permalink for the page.

PayPal thank you page 2

Copy this link.

Adding a Thank You Page for PayPal Donate Function

If you used the PayPal Donate function, you can edit the button created to include a thank you page.

First, go here to view all you PayPal buttons.

Locate the button you want to work with and select Action > Edit Button.

PayPal thank you function

Click Continue until you get to ‘step 4’ and expand the “Route donors back to your site” option.

In the text box labeled “Take donor to this URL once they complete donation”, paste the URL of your thank you page. Next, click Finish and Get Code.

Payment gatewayYour updated button code will be displayed. Copy this code and use it to replace the code in your donations page.

Adding a Thank You Page for Paypal Donations Plugin

If you used PayPal Donations plugin to create your Donate button, adding a thank you page is pretty straightforward.

In your WordPress Dashboard, go to PayPal Donations > Buttons.

Hover over the button you want work with and click Edit.

PayPal button in WordPress Edit

Scroll down to find the “Return url” text box and paste the link for your thank you page in there.Edit donate button

Lastly, click Save PayPal Donation Button.

Conclusion

In this step by step guide, we have covered two great methods for adding PayPal donate buttons to your WordPress website. We recommend you go with the PayPal function as this removes the need for a plugin.

However, if you want greater flexibility, feel free to use the plugin.

While donations are great, the best way to make money on your site is through eCommerce. Please read our WooCommerce installation guide to learn how to get started with an online store.

You may also check out our WP college to get access to many great WordPress tutorials and tips. Topics ranging from using your WordPress theme to best WordPress hosting, to cleaning a site of malware are covered. You will benefit greatly!