Call Now 1-877-385-5526
Powered by WP Greet Box WordPress Plugin
1) Start by adding Static HTML: iframe tabs to your page:
- Type “static html iframe tabs” into the search bar
- Select app
- Click the blue button “Add Static HML to a Page”
- Select the page that you’d like to add this app to
- Click “Edit Page”
- Select “Update Info”
- On the left side bar click “Apps”
- Scroll to the Static HMTL: iframe tab
- Click “Edit Settings”
- Here you can change the image that shows up on the tab and customize the tab name
Here is where a little code comes in
You can’t do too much with this app in the free version but it still
does the trick. Copy paste the following into the edit window and change
your text accordingly. Then replace the blue link with your Paypal donate link.
<center>Donations to Elephants Never Forget will help us complete the film.</center>
<center>We are an independent production and need your support. </center>
<center>For more info please contact info@elephantsneverforget.ca </center>
<center><a href=”https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=RBZLCQWU2WCT8” target=”_blank”>
<img src=”https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif” />
</a></center>
Once entered, your page should look similar to this:
When the visitor clicks the donate button they will be directed into another window where they can enter their donation.
If anyone has another method on how to do this completely free please leave me a comment!
Hey Ashley, I tried following your instructions on setting up a PayPal donation button for my FB page, but apparently I’m either not tech savvy enough, or I just have a hard time following directions. Would you be willing to help you me get it set up? Thanks a ton!
- Jason
Hi Jason. I’d love to help! Just send me an email at ashley@stepforth.com with the issue you’re having and I’ll get back to you ASAP!
Hi Ashley,
Thanks so much for posting this code! It worked like a charm for me but only if I used Google Chrome or Safari… In IE, I could not even enter code in this app, and even though the code is working for Chrome and Safari users, IE users still cannot see the Donate button – they see an empty screen. Any clues about why IE is being finicky with this? Thanks!
Kerry
Hi Ashley,
Thanks so much for posting this code! It worked like a charm for me but only if I used Google Chrome or Safari… In IE, I could not even enter code in this app, and even though the code is working for Chrome and Safari users, IE users still cannot see the Donate button – they see an empty screen. Any clues about why IE is being finicky with this? Thanks!
Kerry
Hi Kerry
I’m not sure why you are having an issue in IE. I’ll look into it and if I can find anything, get back to you. If you figure it out in the mean time please let me know!
Hi, thanks so much for replying!
Looks like this IE bug is rampant – some others have tried various fixes, which you can read about here on a blog for the free iFrame app:
https://getsatisfaction.com/thunderpenny/topics/internet_explorer_problem-dka0f#reply_10007829
I implemented the “no scrollbars” trick and it seems to have worked, as fans can now view the Donate button in IE, but I as Admin still cannot view or work on the code via IE; I must use Chrome. Microsoft still the glitchy stepchild…
Thanks again,
K
has anyone figured out how to get this donate button onto FB mobile?
thx!
Terrific work! This is the kind of information that are meant to be shared across the net. Disgrace on Google for not positioning this put up higher! Come on over and talk over with my site . Thank you =)
Hey as of January 2013 this still works like a charm. Thank you Ashley for this. A little bit of info the app told me that I was using relative urls and need to change them to absolute urls for it to work but you don’t. If you change it to absolute urls it WON”T work. When you click donate it will just load a blank page. Thats what it did for me anyway.
I’m having difficulty getting this to work – I’m all the way down to the end code, but can’t figure out WHERE to put the html code in? I’ve tried clicking on the edit setting within the update info/app area, I’ve tried clicking on the edit icon within the app on my fb page – but it only has a spot where you change the wording – can someone help me figure out where to put the code? thanks so much!
Hi Pam
When you are in the edit screen there are 3 options: index.html, style.css, script.js. Click on the index.html option and then paste the code straight into there.
If this still doesn’t work for you please send me an email at ashley@stepforth.com and I’d be happy to help!
managed to do all of your instructions…but when you click on the donate link it doesn’t connect to my pay pal account…..is this because the pay pal account is still unconfirmed. thanks.
if your interested the donate button has been put on the facebook page – east midlands dog rescue – if you want to try it out. thanks
Hi. I check out your Facebook page. Just so you know you can change the name of the box to “Donate” rather than HTML and I’d recommend moving it above the fold. To do this highlight over the box and it will let you switch the order. I used Thunderpenny Static HMTL https://www.facebook.com/pages/Static-Html-Thunderpenny/237278599679568 so this may have made a difference. You should have a direct link to your paypal account. This is the one that you need to put into the code. If your account is unconfirmed you many not have this yet. Let me know how it goes! You can always email me at ashley@stepforth.com with more questions.
moved the link around and changed the name as advised….will let you know if the link works in a day or 2 once i’ve confirmed pay pal with those 2 small amounts of money they put in. thanks
Sounds good!
Hi Ashley, attempted to follow instructions. Was able to proceed up to the “?Click “Edit Settings”Here you can change the image that shows up on the tab and customize the tab name.Go to the edit screen of the app..”
I was able to change the image, but was unable to locate the area where I could edit the screen of the app.
I am not sure what I did wrong. Any suggestions?
Thanks for your desire to help with this post.
Instructions worked, with one small change…use the exact HTML in Ashley’s example, only updating the “button ID” number. So, in the HTML code provided above, the only portion that should change (for YOUR use) is the “RBZLCQWU2WCT8″ (without quotes) portion.
Thank you, Ashley! Kudos for this quick and simple integration!
You rock so much! Thank you!!!!
I got an error message about broken code, blah blah, but pushed through anyway and it works.
Love your facebook page too!
I am not having any luck at all… Can you help me out?
Could you please tell me what you mean by “3) Go to the edit screen of the app” – I have gotten that far but cannot figure that out. Thank you!
Hi Ashley,
Thank you for the excellent tutorial. It worked like a charm. In fact, I used the tutorial and added a newsletter tab as well for my site. Thank you for taking the time to do this.
God bless.
Chris