In my previous post Surprise! HWS Developed Its First Facebook HTML IFrame WebPage I have told you guys that I have done with adding a new welcome tab in one of my Facebook page.Today I am going to tell you guys how is it possible and its really a precious info you guys wont find it anywhere on web as mostly webmaster wont share it as they charge for it but here on HWS its totally free for all the lovers of HWS.To add branded look to your Fan Pages you need a custom
tab so that you could then design the tab to blend your website theme. A
tab is basically a link that will appear under the wall and info tabs.
On clicking the tab your visitors or fans will be able to see the
content inside that tab page.
Live Demo
Follow these easy steps carefully :
If you guys still got any problem then I m here to help you out . Let me know in comments . Take care .Have fun ..... and Gudnite as I m really got tired writing this tutorial .... :))
Follow these easy steps carefully :
Create new Facebook Tab App
- Kindly Visit Facebook Apps Page and then click the + Create New App button.
- Set the App Name with either your website name or blog name. You can give any name you want and you can change it later too.
- Leave Namespace empty as its optional.
- Click the the Continue button and enter some security code to proceed further.
Configure Your Tab App Settings
- In the About section, click the "Change you icon" link to upload a 16px by 16px Icon for your tab. My advise is that you upload your website logo like I have done.
- At the end of the Facebook App Page, you will five options as shown in the below image.Click on Second option which says , App on Facebook and enter the below information.
- Canvas URL - Enter http://YOURAPPLICATIONID.iframehost.com/
- Secure Canvas URL - Enter https://YOURAPPLICATIONID.iframehost.com/
- Now click on the last option which says Page Tab and enter the below information.
- Tab URL - Enter http://YOURAPPLICATIONID.iframehost.com/tab
- Secure Tab URL - Enter https://YOURAPPLICATIONID.iframehost.com/tab
NOTE: Replace YOURAPPLICATIONID with the your Application ID which you will get at the top of your Facebook Application Page.
- Click the Save Changes button. Congratulations you just created a tab successfully! Now just few more steps.
Add your Custom Tab App to your Fan/Like Page
- Copy your APP ID and App Secret code and keep them safe in a notepad as we will be needing them later.
- Now open the below link in new tab
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
NOTE : Replace YOUR_APP_ID with your Application ID and YOUR_URL with the url you have posted in Canvas URL which you have posted in the Facebook App Setting Page.
- After putting this link in your URL ,a page will open as shown below in image.
- Now choose your page where you want to add the Welcome Tab and click Add Page Tab.
- After that it will ask for APP SECRET which we have already saved in notepad or your can also get it from your Facebook Application Page.
- After adding App Secret click Save App Settings.
- If everything's going right then a note like this will come which means you are all set .... :))
- Now open your page where you have added the application and you will see a new tab under your Page display picture,click on it.
- Now Authorize The Tab App and then Go To Application.
- Hurrah !!! you can now add any html code here and can make this tab your default landing tab.
If you guys still got any problem then I m here to help you out . Let me know in comments . Take care .Have fun ..... and Gudnite as I m really got tired writing this tutorial .... :))

















