Need help? Check out our Support site, then


Adding a Custom Paypal Link - Easy as 1-2-3

  1. I recently had a heck of a time trying to add a custom paypal donation link to my blog. I poured through the forum, and was finally able to figure it out by piecing things together with the topics on the subject, but I thought that I’d offer this to make the process as simple as possible. If this helps even one person from the hours of time and exasperation that I had, it will be a good thing! O.K., here goes:

    1. Make a folder where you will put your urls and codes for safekeeping.

    2. Make your custom paypal button. You can check mine out as an example. Now you must host it somewhere, whether it be WordPress, Flickr or Imageshack. Once you upload the image, copy the image address URL. Put it in the safekeeping folder.

    3. Go to Paypal. If you are not a registered user, you’ll have to set up an account before you can create a button.
    Once logged in, follow these instructions:
    A. Click on the “Merchant Services” tab
    B. In the box Merchant Services, click on Website Payments Standard
    C. Under the “Donate” button, click on “Accept Contributions”
    D. Scroll down to and click on “Get Donation Buttons”
    E. Create a donate button by filling in the details – Name, Currency, and for country, you can choose –-Choose a Country--
    F. Under “Choose Button Style” click on ‘Use your own button image’. This opens a “Button Image URL” box where you will enter the URL of your image location, which is in your safekeeping folder.
    G. Under “Button Encryption” choose “NO” so that you get the correct code.
    H. If you want to add more options before creating your button click on “Add more options” - Under Notes and special instructions, I chose “Yes” in the event that a donor wants to leave me a message.
    I. Click “Create Button Now”
    J. On the “Add a Donate button to your website” page your code appears in the second box entitled “Links for emails”. Select and copy the text. Put this text in your safekeeping folder for the time being.

    4. Go to your Blog – go to ‘Write Post’ – ‘Upload’ – ‘Browse’ - upload the image of your custom paypal button from your harddrive. The image will be displayed in the Upload box asking how to show it and if you want to link it. Show ‘Full size’ - Link to ‘None’. Send to Editor.

    5. In the “Post” section of the page you will see the image URL. Select and highlight the image URL text. Click on “Link”. In the open box add the Paypal “Links for emails” code. Now your image URL and paypal URL are linked together. Highlight and select all text. Click on “Code”. Select and copy the text. Put it in your safekeeping folder while we create the widget. At this point you can keep the ‘post’ as a draft or dispose of it, as you wish.

    6. Now to create the widget – Go to “Presentation – Widgets. In the “Sidebar” you will add a “text” widget in which to put the code. Drop and drag the widget into the sidebar.

    7. Open the text box and put the image/paypal code into the box. Save Changes and viola, you’re paypal button is on your blog!

  2. Actually it's Easy as 1,2,3+Amendments A-J, 4,5,6,7 .. ha..ha But thanks very much for the insight!! It may come in handY!

  3. yeah, you're right. but, my intention was to lay it out as simply as possible, with step-by-step instructions, which required 1-2-3 and A-B-C.

  4. Very nice!

    I was thinking about adding a PayPal link. This is definitely useful if I decide to do it. Thanks.

  5. quite welcome carocat!

    if anyone does use it, feedback is appreciated, just to make sure it's all working right.

  6. Thanks for taking the time to write this up and share. :)

  7. most welcome, timethief!

  8. Yes, thanks. I've added the URL for this thread to my wordpress forum copy-and-paste file for future use.

  9. Thanks for this. I was knocked off my bike by a hit-run driver a couple of days ago and was thinking of asking for donations to help with some of the costs, so this will be extremely helpful.

  10. I'm clearly not as nice of a person as you. ;-)

    A while back, I went through what you wrote about... trying it multiple times, searching the forums and eventually figuring it out. I didn't make up a wonderful post like you though. Thumbs up to you.

    I haven't met you, but I bet I already like you!

  11. This was the best Instruction and Help I have been needing..... I have been trying to work it out!! And Now Ive finally added my OWN button... Im very excited about having it displayed on y Blog! Cheers for this, Your a Legend.....

  12. Thanks so much for the tip. It worked wonderfully.

  13. Wow. I'll have to give this a shot. Thanks for the instructions!

  14. Thanks for the detailed instructions. I followed them step by step, and wound up with a donate button on my blog, but it is not a clickable link to anything. I had trouble with your step #5. I'm not sure which open box you mean when you write "in the open box". There is a box with an "insert" button at the bottom. I pasted the "links for emails" code in that box and clicked insert.

    Next, I was confused (I'm very easily confused when it comes to computers) about which text to highlight and select. Was that my 'links to emails" text? Oy. Thanks.

  15. Hi its me again. Fooling around some more with this I figured out that I click on the code tab, copy all that, and paste it into the text widget box, which I did, still to no avail. There was a few blank lines in the middle of the code for some reason, and I tried deleting the blank space, still I have just the image of the button on my blog, but it isn't linked to anything. Anyone out there who can help?

  16. When you get it all set up the way you want it to look in the visual editor, and you've tested in Preview that the link works, click to the Code editor and copy all the code. Don't try to clean up any spaces or anything. Use that code in your widget.

  17. When I go to the preview pane, the button doesn't work. I tried doing all this on a different computer, thinking that something about my firewall is interfering, and I tried typing the code into the text widget box, in case something was getting lost in the copy and paste process. This is the code I have in my text widget.

    <img src="http://jasjuice.wordpress.com/files/2007/12/paypal-button.gif" alt="alms for the poor" />

    I feel very stupid and unlucky. Someone send me a doughnut!

  18. Hey! That is NOT the code I have in my widget. When I copied it into this "leave a reply" box it showed all the code, but what appears on this post is just the last line. Grrrrr.

  19. Paste the code here between backticks (`) the key just to the left of the #1 key on the north american keyboard and on the same key with the ~.

  20. Code will be stripped out unless you put it between backticks.

  21. <a href="http://https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=buffalogirlfarms%40hotmail%2ecom&item_name=alms%20for%20the%20poor&no_shipping=0&no_note=1&tax=0&currency_code=USD&lc=US&bn=PP%2dDonationsBF&charset=UTF%2d8"></a><a name="business" title="business"></a><img src="http://jasjuice.wordpress.com/files/2007/12/paypal-button.gif" alt="alms for the poor" />

  22. The closing tag was missing. put </a> after the /> and it will work

  23. Sorry, but that didn't work. Also, when I select "save and continue editing" on the draft post containing the linked codes the goes away. I typed it into the widget box. Thank you so much for your help!

  24. Do remember that you have to paste code into the "code" tab" not the visual tab. Copy and paste the code below into your text widget (if that is where you want to use it) or into a post (with the code tab active) and it will work for you. I tested this code on my test blog and know it works.

    <a href="http://https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=buffalogirlfarms%40hotmail%2ecom&item_name=alms%20for%20the%20poor&no_shipping=0&no_note=1&tax=0&currency_code=USD&lc=US&bn=PP%2dDonationsBF&charset=UTF%2d8"></a><a name="business" title="business"></a><img src="http://jasjuice.wordpress.com/files/2007/12/paypal-button.gif" alt="alms for the poor" /> </a>

  25. Nope. I copied it to my text widget box and viewed site, and the button didn't take me anywhere. I visited jasjuice.wordpress.com from a different computer, without signing in, and clicked on the donate button, and it did nothing. It's a mystery.

  26. If the button didn't take you anywhere then there is a problem with the href link itself. I didn't try clicking on the image to see if it worked. What you're going to have to do is go back through the process and see if you can get the correct link. I actually made some more changes and it's not linking, but the link "cannot be found" by my browser which confirms there is an issue with the href link.

  27. This is the code that works, but as I said, everything between the "s after href= needs to be replaced:
    <a href="http://https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=buffalogirlfarms%40hotmail%2ecom&item_name=alms%20for%20the%20poor&no_shipping=0&no_note=1&tax=0&currency_code=USD&lc=US&bn=PP%2dDonationsBF&charset=UTF%2d8"><img src="http://jasjuice.wordpress.com/files/2007/12/paypal-button.gif" alt="alms for the poor" /> </a>

  28. My. That sounds vaguely medical and intimidating: "you're href link is possibly malignant." I will try copying a href link for a different donate button. Thanks.

  29. It has to be the URL to your donation page at paypal.

  30. With the new button it takes me to the "the page cannot be displayed", which is, I suppose, an improvement. This is the code it gave me:
    <a href="http://https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=buffalogirlfarms%40hotmail%2ecom&item_name=alms%20for%20the%20poor&no_shipping=0&no_note=1&tax=0¤cy_code=USD&lc=US&bn=PP%2dDonationsBF&charset=UTF%2d8"><img src="http://jasjuice.wordpress.com/files/2007/12/another-donate-button.gif" alt="another-donate-button.gif" /></a>

Topic Closed

This topic has been closed to new replies.

About this Topic