How to Add a PayPal Donate Button in WordPress



A lot of new bloggers use “PayPal donations” as one of the ways to pay the upkeep costs of running their blog. Yesterday, on twitter, one of our new followers was having an issue adding a PayPal donate button to their WordPress Sidebar. Therefore, we have decided to cover this topic thoroughly, so other users in the WordPress community can benefit also. In this article, we will show you a step by step guide on how to add a PayPal Donate Button in your WordPress posts, sidebar, or anywhere else with or without a plugin.

 

Live Demo of what this Tutorial will do:

Donate to WPBeginner

Initial Setup

First thing you need to do is have a PayPal account. If you do not, then create one. Next, you need to login to your PayPal account. You can do so by going to (http://www.paypal.com/login). Note: You would need to upgrade to either Premier or Business account in order to receive payments through PayPal buttons.
Once you are logged in, click on the Merchant Services button in the primary horizontal navigation area. Then click on the Donate link under the Create Buttons heading.
Paypal Merchant Services Page
Now let’s create a Donate Button.
PayPal Create a Donate Button
Once you are done filling out, click on Create Button. Then, you will be prompted to 2 sets of codes: Website or Email. We believe that the email option is the least intrusive, so we recommend that you use this option. By going with this option, it will even work on WordPress.com powered sites. When you click on the Email tab, you will see a link. Copy this link:
PayPal Link for the Donate Button
Now, login to your WordPress admin panel. We will show you how you can add it in a post/page, or how you can add it in the sidebar.

How to Add PayPal Donate Button in WordPress Posts or Page

Click on Create a New Post or Page. You can also add this in an existing post. You would need to go to the HTML Editor instead of the visual editor. So please make the switch. Now let’s add an image for the PayPal button. Below are the codes for some of the official ones:

view source print?

view source print?

view sourceprint?

view sourceprint?

view sourceprint?

view sourceprint?
If you don’t like any of these images, then feel free to create your own and add it in the post. Now, you need to make the image a button. This is when you would need the link that you got from PayPal in the Email Tab. Select the image, and make it link to your Donate Link. An example code would look like this:
view sourceprint?
1<a href="Your Email URL that you got from PayPal" target="_blank" rel="nofollow"><img src="The Image URL" alt="" /></a>
That’s it :) Now you should be able to see a PayPal button in your post or page that actually works.

How to Add PayPal Donate Button in a WordPress Sidebar

Let us walk you through, how you can add the PayPal Donate button in your theme’s WordPress Sidebar. You need to make sure that your theme is widget ready. You can find this out by going to Appearance » Widgets. There you will see bunch of registered widget locations toward the right. Drag the Text widget to the appropriate sidebar, and then add the code like this in there:
view sourceprint?
1<a href="Your Email URL that you got from PayPal" target="_blank" rel="nofollow"><img src="The Image URL" alt="" /></a>
PayPal Donate Button in WordPress Widgets
Save the widget, and you are good to go.

PayPal Donate WordPress Plugins

Now, if you like to use the plugins method, there are few plugins that lets you do exactly what we accomplished in this article.
PayPal Donations – Easy and simple setup and insertion of PayPal donate buttons with a shortcode or through a sidebar Widget. Donation purpose can be set for each button.
Donate Plus – Donation form. Recognition wall. Donation total tracker. PayPal integration.
Multi-Currency PayPal Donations – Receive PayPal donations through WordPress in multiple currencies with the lowest possible fees. (Note: this plugin is good only if you have multiple PayPal accounts in numerous countries. Good for larger organizations).

Live Demo of this Tutorial

Donate to WPBeginner
Please consider following through the process to help us out, and see how exactly it works. You don’t have to make a huge donation ;)

Sources

WordPress.com Support


Responses

0 Respones to "How to Add a PayPal Donate Button in WordPress"

Post a Comment

 

Categories

Return to top of page Copyright © 2010 | Platinum Theme