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 .... :))
Subscribe To Get FREE Tutorials!
Respected Readers:
|
17 comments:
That's cool to add to my page.
really nice and fully explained. but one small question if i have to add the same tab toh another page. what would i do? means which link to follow for ading to another tab?
When you open the link and it asks for your page then select the second page and it will be added to that page too .... i haven't tried yet let me know if it works .... :))
Whove! Works like a dream. Thanks for the post.
Just in case some one gets this error,
You have specified an App Domain but have not specified a Site URL or a Mobile Web URL
Take a look at this solution:
http://stackoverflow.com/questions/8107911/facebook-site-url
Otherwise it's a piece of cake. :)
Thanks for the instructions. I will definitely add one on my own page. Thanks again!
u guys are welcome .... :))
Thanks. The post was really helpful since it works for the new tab format with Timelines too.
Tab URL - Enter http://YOURAPPLICATIONID.iframehost.com/tab
Secure Tab URL - Enter https://YOURAPPLICATIONID.iframehost.com/tab
& aplication canvas...
where can I make these????
Really impressive and interesting sites and stuff to me.
This is a superb weblog.
I am not existing on acebook any more but I really wish I would have
discovered something like this when I resided there. Very realistic.
My spouse and I just began on our weblog about economical situation
known as http://feltores.com/ because of seeing the deficit of economical
knowledge we obtained in institution. Keep it up! It looks great!
Website Click here
Find the happy hours that serve actual food for hors devors.
When I was in facebook blog there were ones that had wings, brats,
pizza taco bars etc you can buy one beer and eat dinner there
not a bad deal. I always had a backpack and found the smaller bathrooms
with one stall and or ones that you could lock the door and stole all my
tp for the whole time I was in facebook blog. Never take all the paper leave one
roll so no one gets suspicous,. Yeah it was the crappy one ply sandpaper
stuff but it was still free and with the price now days for toilet paper
I may have to start finding places to steal it again..
facebook feltörés
Find the happy hours that serve actual food for hors devors.
When I was in facebook blog there were ones that had wings, brats,
pizza taco bars etc you can buy one beer and eat dinner there
not a bad deal. I always had a backpack and found the smaller bathrooms
with one stall and or ones that you could lock the door and stole all my
tp for the whole time I was in facebook blog. Never take all the paper leave one
roll so no one gets suspicous,. Yeah it was the crappy one ply sandpaper
stuff but it was still free and with the price now days for toilet paper
I may have to start finding places to steal it again..
Really like this blog! It’s been a while since
I was a college pupil but love the guidelines here.
Especially love the tip about purchasing guides on Amazon.com’s Industry.
I really like this tip because I offer guides on the Industry.
Learners can also look on Cl to try to discover their guides.
I have a weblog about keeping and earning money as well.
Your visitors may like my publish about Promoting Used Books.
I know most students know they can offer their old guides for money,
but why not add other guides that they can get for less than $1
Really like your blog content the way you put up the things…I’ve read the topic with great interest and definitely will stick your blog routinely for other great posts. http://scarprin.info/
Really like your blog content the way you put up the things…I’ve read the topic with great interest and definitely will stick your blog routinely for other great posts.
http://www.fadeplex.com
I realise this is off topic but while your blog looks nice it would be far better if you'll be able to use lighter colors too in the design. This will encourage a lot more readers come to check it out more often!
www.fadeplex.com
Confused? Feel free to ask
Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Post a CommentNote:-
Please do not spam Spam comments will be deleted immediately upon my review.
Regards,
XEO Hacker