In previous tutorial I showed you how to add iframe tab using Static HTML: iframe tab application, now in this tutorial I will try to answer some frequently asked questions which are:
- How to add contact form to your Facebook fan page
- How to embed video in Facebook fan page
- How to add audio files to your Facebook fan page
- How to show feed from your desired URL in your Facebook page
- How to add widgets from other websites to your page
I have implemented all these features in my page you can check the demo test tab before proceeding.
How to add contact form to your Facebook fan page
I think I don’t have to tell the benefits of having contact form in Facebook fan page you already know it, let’s start!
If you followed my previous tutorial and already added the Static HTML app's iframe tab then all you have to do is choose your desired contact form provider and after signing up with them get the code and paste it in the editor box of Static HTML app. If you are having a difficulty in choosing from different services then you can try 123Contactform, they offer free contact form with three text fields along with 100 entries per month, they also have variety of forms which you can choose like event registration form, survey form and order form, to get things done you have to just signup with them and after customizing your form you can get the embed code which you will add in the editor box shown below, you can also install their app directly to your page if you don’t want to follow these steps.
How to embed video in Facebook fan page
Previously this was done by using Static FBML app and using FBML code, but after depreciation this app is no longer available to new users. If you want to add youtube videos on to your page get the embed code from youtube and post it in the editor box of Static HTML or you can use the following HTML5 code to embed other videos from your desired site.
<video width="320" height="240" controls="controls">
<source src="site.com/movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
Or
<video width="320" height="240" controls="controls">
<source src="site.com/movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
How to add audio files to your Facebook fan page
You can add different audio files like mp3, wav and ogg by using the following HTML5 code in the editor box.
<audio src="site.com/ring.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
Or
<audio src="site.com/ring.wav" controls="controls">
Your browser does not support the audio element.
</audio>
Or
<audio src="site.com/ring.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
How to show feed from your desired URL in your Facebook page
You can show feed from your desired URL like twitter, feedburner or your site by using the following HTML iframe code in editor box.
<iframe width="500" height="600" src="http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=Hasnain_Aali"</iframe>
To show twitter feed on to your page just replace the screen name with your desired twitter account’s screen name.
How to add widgets from other website to your page
By using Static HTML app you can add widgets from different sites on to your Facebook page like tweet button, twitter follow button, dig widgets and also widgets of Technorati and stumble upon and lots more. To add twitter widgets go to resources page, select the widget, customize it, get the code and paste it in the editor box and see the result.
If you have any further queries feel free to comment and ask!
Cool content of your page. And Facebook? Will continue to
ReplyDeletereign.