How to add PayPal donation widget to Blogger blogs

The PayPal donation button is a great way to get extra revenue from your blog. If you give to your readers quality content which is helpful for them, there are great chances to get rewarded by them.So this button is the best tool which will help your readers to reward your great work within a minute, just with a few clicks. You can add this button in every place that you want, but basically blogger put it on the sidebar or beneath every article, which I think is more beneficial. In this guide I’m going to show you how to add the PayPal donation button/widget to your sidebar but also to your blogger posts. So lets not waste time and start adding this button to your Blogger blog.

1. First go to PayPal.com and login to your account.From the menu above, click at Merchant Portal.

PayPal Merchant Portal

2. At the Merchant Portal there are a lots of tools. From the Key Features section in the right click at Donations.

PayPal Donations3. Now you are at the section where you have to set up your PayPal donation button. There are 3 steps, each one of them regarding to the settings of this button. At Step 1 by default is chosen the button type which is Donations, so thats ok. At Organization name/service write the name of your blog. Also here you can change the look of your PayPal donation button. There are two options, a simple button and a button with credit card icons below it. Chose the one that you want. But there is also an option which allows you to use your own image as PayPal donation button. If you want that, just paste your image url on the textbox. There are also options to change the currency, also the amount of donations, you can set up it to be fixed or defined by the donors.

4. The next step is just optional and it is not important, so skip it.

5. The last step is about the checkout pages. Here you have to focus only to two text boxes where you have to paste the URL where your donor have to be redirected after they have done the payment or have canceled it. In the end, just click Create Button.

6. Now you are finished, your PayPal donation button is ready, so just copy the code.

PayPal Donation Button Code Blogger

How to add PayPal donation button to the sidebar?

1. Login to your blogger account, and open the design section.

2. Now find the place you want to add your PayPal donation button and click on Add Gadget.

3. From the given list find and choose HTML/JavaScript.

4. A new window will appear, paste the code there and click Save.

And your PayPal donation button is ready. Preview your blog and see how this button looks.

How to add the PayPal donation button to Blogger Posts?

1. Login to your blogger account, and open the design section.

2. Click at the Edit HTML tab which will lead you to the Edit Template page.

3. At the Edit Template page check the Expand Widget Templates option. Now you have to be careful here. First find the following code to your template: <data:post.body/> (press CTRL+F paste the code and the browser will find it for you).

Now copy the button code and go to this website to encode it. Paste the code to the form and click Encode. After encoding it, copy the new code and paste it right  below <data:post.body/> and click Save Template.

Preview your blog and see how this button looks. Hope you liked it!

If you have any question or problem regarding to this topic, feel free to ask us.

PayPal Donation Button for Blogger

11 Comments

  1. Posted July 13, 2011 at 4:13 am | Permalink

    This is all old news this does not work in India. I contacted and asked paypal myself. There is no button in India!

  2. Posted October 24, 2011 at 11:30 pm | Permalink

    Thank you for such clear directions. I had trouble finding the HTML gadget at first. Could not ever pull it up on the search button, then there it was staring me in the face and the directions works perfectly.

    • Chakie
      Posted October 26, 2011 at 2:38 am | Permalink

      Carole, you are always welcome . We are glad that you found a solution. For any other question about this issue feel free to ask. See you around!

  3. Posted October 31, 2011 at 1:13 pm | Permalink

    Thanks for showing me how to get a donate button. I especially like the step-by-step pics you posted. Makes it very clear to understand.

    • Posted November 1, 2011 at 12:06 am | Permalink

      Happy to hear that John! You are welcome always. If you need any kind of help, feel free to ask us. See you around. Happy blogging!

  4. Posted November 9, 2011 at 7:37 pm | Permalink

    i can’t find the donation button in my paypal account ??????

    • Posted November 12, 2011 at 9:22 pm | Permalink

      Hi Tchock!

      Just follow carefully the instructions that I gave on this article and I’m sure you will find it.

      It is very simple. Login to your PayPal account, go to Merchant Portal. On the right site of the page, in the Key Features menu you will find the Donations link. Just click there and you will find your button.

      Happy Blogging!

  5. Posted January 30, 2012 at 1:32 pm | Permalink

    thank you for the tutorial..

  6. Posted January 30, 2012 at 1:37 pm | Permalink

    Yes this is what i looking for.. but sometime i need such a words before the button..

  7. Posted June 7, 2012 at 5:01 pm | Permalink

    Reegon,

    I am so thankful with this tutorial.

    Have been looking for days for this way, since a lot of tutorials are mostly for wordpress blog, I am glad I find this useful blogger tutorial.

    I am recently building a new blogger blog.

    Beth.

  8. Posted July 8, 2012 at 9:34 pm | Permalink

    This is an awesome blog. I found this article very helpful. I bookmarked this website. No doubt to come here again and again.

    I really appreciate your teaching quality. I have created a same niche website. Please visit this page and leave a comment for a great communication.

    How To Add Paypal Donate Button in Blogger Blogs

    Thanks again for your kind approval of this comment.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Polls

    How do you like our new design ???

    View Results

    Loading ... Loading ...
Loading...
Receive our up to date articles in your mail
No-Spam Guarantee