Gravatar
Thursday, October 25th, 2012

How to Add a PayPal Donate Button to Your Facebook Page – Updated Jan 29, 2014

 

Back in 2012, while working on a non-profit project called Elephants Never Forget Ashley Melsted decided to add a PayPal donation option to the Facebook page. Unfortunately, it was not so simple so she decided to create a tutorial that helped many charities & non-profits create yet another avenue to raise funds.

It is now 2014 and over time a lot had changed and the efficacy of the tutorial faded. As a result, I, decided it was high time to update it. What follows is a 99.9% new format tutorial of the donation tab & button creation process. I hope it helps you raise more funds than ever before – Ross Dunn

Preparation

You need to have your PayPal button code ready before you begin; here is a link to the PayPal page for setting up such a button. The following is what it should look like, but with the zeros I highlighted replaced by an alphanumeric code unique to your button:

paypal-donate-code

Once you have the code save it in a text file but keep it open.

Next, copy and paste the following RED sample code into a text file and customize it with your organization’s information.Then, copy the PayPal Donate Button Code you saved previously and paste it over the bold red content “PayPal Code Goes Here”.

Now that you have the code finalized, save it to your computer somewhere (your desktop is the safest bet to find it later if you need to) but keep it open so you can copy it all and paste it into Facebook when the time comes in the tutorial below.

 
<center>Donations to Elephants Never Forget will help us complete the film.</center> 
&nbsp;
<center>We are an independent production and need your support.  </center> 
<center>For more info  please contact info@elephantsneverforget.ca </center>
&nbsp;
&nbsp;
&nbsp;
<center>
PAYPAL CODE GOES HERE
</center>

And now that the preparations are complete, please follow the tutorial below:

1) Start by adding “Static iframe tab” to your page:static-iframe-tab-logo

  • Type “static iframe tab” into the search bar
  • Select the “Static Iframe Tab” app
  • On the resulting page click the green button “Install Page Tab” (screenshot)
  • Select the page that you’d like to add this app to

STEP-choose-page-to-add-tab

2) Enter Your PayPal Information & Setup the Tab

You will now be presented with the Tab screen where you can add your information.

STEP-add-code

 

A donate button to use for the HTML tab in Facebook

Click the image above to see a full-size example of what the settings should be. Also, I reference a tab button you can freely use which is shown on the right. Below is an example of how the settings page would look after it is filled out and before you save it:

 

Button-Tab-Configuration-Censored

3) Save the Settings and VOILA!

Once you have completed this step and saved the button you will be able to see it as tab on your association’s Facebook Page in the second (hidden) row of your Tabs. Click on the Tab and you will see something similar to the image below.

4) Moving the Tab

The following is a short video I created to simplify the explanation of swapping the Facebook Page Tabs so the PayPal Donate button appears at all times. YouTube Preview Image

………….

Further Help

If you have to revisit any element of your PayPal Donate Tab then you will need to follow these directions but keep in mind you will need to be an Admin for the Facebook Page for this to work:

i) To Change the Code for the Tab

  1. Click on the Donate Button as though you were going to donate.
  2. On the donate page click on the “Settings” text link at the top right of the page.
  3. Done: you will be taken to the complete settings page as you had seen it when you first pasted your button code.

ii) To Change the Tab Name & Image: Go to the app through Edit Page

STEP-click-apps

  1. On the main page on Facebook click “Edit Page”
  2. Select “Edit Settings”
  3. On blue menu that comes up click “More…” and then “Apps”
  4. Scroll to the “Static iframe tab”
  5. Click “Edit Settings”
  6. Here you can change the image that shows up on the tab and customize the tab name

If anyone has another method on how to do this completely free please leave me a comment!


VASTLY UPDATED: January 29, 2014

Today I rewrote this popular tutorial with additional information to make it simpler to complete based on the installation of a tab today. I can now say confidently that (at least for now – Facebook loves messing with us!) it definitely works.

If you are in need of personalized support installing this button we would love to assist you but we simply cannot offer this personal service for free. We can, however, assist you for just $50/hr  (our normal rate is $125); in most cases this work will only require an hour of time.

If you are interested please submit a service request on our site.

Also, please keep in mind that StepForth offers a 40% discount on all of our services for charities and non-profits; subject to vetting beforehand.

If you would like assistance with the marketing of your charity please check out our charity web marketing services.

Thank you and I hope your donations come flooding in!!

Sincerely,

Ross Dunn, CEO


77 Responses to “How to Add a PayPal Donate Button to Your Facebook Page – Updated Jan 29, 2014”

  1. J Olliff

    Thank you for these instructions. I am just not sure which Paypal link I am supposed to insert. Our Rotary organization has the Paypal set-up, it is not on our website yet. Once it is on the website, is that the link I should use? Thank you.

  2. Don G

    Ashley, Thank you so much for providing this helpful information! I too was stumped on Step 3 but looked through the replies and saw that I needed to click on the Donate tab itself on my page’s website. Then I played around with html until I got it the way I wanted.

  3. A Green

    It no longer works. The The app “Static HTML: iframe tabs” has been disabled by facebook due to issues with the third party developer.

  4. Don M

    I’ve been trying to get a paypal donate button put on a facebook page for my son for about 8 hours now and I’m at my wits end. He is trying to raise money for his Eagle Scout Project by asking for small donations via Facebook. I followed the instructions here and his link looks just like this one, however when you click on it, it takes the donor to the iframe static page to add a tab? Help!

  5. Ken Keeton

    These are not good instructions. I’ve wasted an hour trying to figure out step three. Why don’t you fix it or take this site down. I could be done already.

  6. Lori Douhan

    This doesn’t work…I’ve been trying for 2 hours…then I read the comments! *smh*

  7. Ross Dunn

    Hello everyone. I am sorry for the frustrations some of you have faced with the tutorial provided here. Fortunately, I finally made the time to give it a complete overhaul. Now it not only works but I explained it in exhaustive detail AND I believe it is more straight-forward than ever before. Sincerely, Ross Dunn

  8. Ross Dunn

    Hi Lori, last night (must have been moments after you gave up) I published a fully revised and working version of the tutorial. Please check it out.

  9. Natasha

    Thank you SO much for your instructions!!! It took me but a few minutes to add a donation button onto our FB page.

  10. Lee Vyborny

    Thanks so much for the easy to follow instructions. Got the whole thing done in about 1/2 hour.

  11. Chris Bertelson

    Thanks for the tip! Worked first time for me. Looks great in the browser but the button does not appear in my iPhone or Windows phone Facebook Mobile Apps. Any suggestions on a solution for this?

    Cheers,

    Chris Bertelson

  12. Leslie

    This is so awesome! Thank you for sharing your knowledge…you are making a difference!

  13. alicia

    Ross,

    I would like to pay you to set up pay button on website. I tried to click on the button you provided but it is asking questions that do not pertain to me. I am not a company, I do not have a website etc.
    Please let me know if you still offer this service. It is for a Facebook page of a kidney patient. Thanks, Alicia

  14. mkaiser

    You are fantastic!! This is so easy for someone who had not worked with any of this before! The instructions were great, I could never had done it with out you. There is so much info at there that is out of date. We are a small non profit and this will help us greatly.
    Thank you so much for doing this, you are the only one out there.

  15. Katie Marie

    Thank you so much for taking the time to post these superb instructions! Extremely appreciated :)

  16. Lynn Adams

    I haven’t tried your steps yet. I did just install the Facebook “Donate” button. They do this via paypal. I made a $10 donation and the Facebook App charged 60 cents for that donation in addition to the paypal fee of 52 cents. Just wondering if your steps eliminate the Facebook App fee – ? Is yours a better way and why? THANKS Lynn

  17. Arlington Roofing's roofing repair service area

    whoah this blog is excellent i really like
    reading your articles. Stay up the good work!
    You know, a lot of persons are looking around for this info,
    you can aid them greatly.

  18. Debbi

    so great, I did it with your help!!!
    We are missionaries to Kenya and OMG this was potentially so hard, you made it do-able.blessings and thanks!!!

  19. Tom

    Posted your code but the hidden fields are visible and the button isn’t showing, I’ve poured over the code and I can’t see anything wrong with it, HELP! I’ve replaced the papal account with XXXXXX….

     
    Donate to His Kid’s Closet
     
    Our mission is to cloth those in need in the Champaign-Urbana area.
    For more info please contact hiskidscloset@gmail.com
     
     
     

  20. David Scott

    GREAT TUTORIAL – thanks for you help, best regards

  21. Jody Ewing

    Thank you so much for creating these step-by-step instructions! I’d hit dead-ends on other tutorials, but this one rocks! It’s now up and running on our Facebook site, and I can’t thank you enough. Keep up the great work, and have a super weekend!

  22. cgrimes

    Help! I followed the instructions (great, BTW), but when I click on the donate button from FB the paypal window does not open. I checked my HTML code and believe it’s right. Any thoughts?

  23. DB

    I used this guide and it seems to work perfectly.
    Thanks for the help and the great guide

  24. Melanie

    I have tried to add a static button etc to my facebook Event page. I need to add a donate button but when I get to the dropdown menu I don’t get my personal page or my event page as an option. Can you help?

  25. Ross Dunn

    Hi there everyone. I am hopeful all who have had any trouble setting this up ultimately solved the issues. I wish I had the time to provide free service here but finding the time to check in on it is hard enough.

    For those who have been interested in paying for support but were turned off by our inquiry form (meant for marketing inquiries) we will have a new one up momentarily that is meant specifically for this service – that way you can get in touch with us with minimal fuss.

    Sincerely
    Ross Dunn

  26. Shary

    I can’t thank you enough!! After being approached with an offer to set up a donation button for a fee, I was put in charge of getting a Paypal donation button up on our non-profit Facebook page… Between Facebook (no help at all) and Paypal (help with a pinned link, big deal), I was at my wits end.
    Thanks to your instruction the Save The Animals Today horse and farm animal sanctuary page can receive donations via Facebook!!

  27. Emily Capito

    THANK YOU! I have been helping several nonprofits fundraise on Facebook and these instructions were critical to doing so without adding additional transaction fees on top of PayPal’s fees!

Leave a Reply