Let’s spice up your Facebook Fan Page with some custom tabs! But how do you do that? With the application Static FBML. FBML stands for Facebook Markup Language and uses a lot of the same commands as HTML.
If you are not an HTML wizard (I’m not), you can still easily put a custom tab on your page. I’m going to show you one of the easiest thing you can add, a picture or copy of a flyer.
Two things you will need:
1. Picture or scanned item in a .jpg, .bmp, .gif format.
2. Access to a website where you can upload your pictures or scanned flyer.
If you don’t have these two things, then these instructions won’t work.
Here are my step by step instructions. You can also watch the tutorial below to see exactly where you click:
1. Upload whatever picture or scanned document you want to have on your tab up to your personal website. Make sure you know what folder you upload it to (I always use the images folder). Don’t make the file too large or it will take a long time to load.
2. Add the Static FBML application to your page by going to the application and clicking Add to my Page under the missing picture which is currently a question mark (they should get on that).
3. Go to your Fan Page page and click on Edit Page.
4. The FBML application should be there and click on Edit.
5. The Box Title will be the title of your tab
6. Paste this code into the body and change the URL to the place where your document or picture is stored.
<img border=”0″ alt=”” src=”http://www.yourwebsite.com/folder/image.jpg” width=”520″ height=”800″>
You may have to change the height. This is an example from a scanned flyer. If you have multiple pages, just copy and paste the same code right after the line above with the second page.
That’s the easiest thing you can do. You can get fancy with multiple pictures, YouTube videos and e-mail optins. My Welcome page is a little fancier and is mostly a series of images: www.Facebook.com/GrandmaMaryShow
If you want to get fancier and you don’t know HTML, just hire someone! Don’t make yourself cranky over this. Was this post helpful? Let me know in the comments!
PS. Facebook is discontinuing FBML but they will continue to support it. So anything you create now will still be there when they switch to iFrames. Don’t worry!
UPDATE: Facebook has now discontinued FBML and you can easily use an iFrame application such as Wildfire to create a custom page. Here’s my tutorial on it: How to Add the Wildfire iFrame Application to your Facebook Page
Nice tips on FBML grandma. I also suggest you to find some well designed FBML templates or hire a pro-designers since fan pages are 1st of all landing pages which should attract potential fans or customers.
Definitely a good suggestion Michael! Those landing pages are getting more and more important so you can stand out in the market! Thanks for stopping by!
I am loving this but I have a question, how can you add a second FBML to a FB page? I had no issues adding one but I need to add a second one … not working out so well for me.
I am loving this but I have a question, how can you add a second FBML to a FB page? I had no issues adding one but I need to add a second one … not working out so well for me.
Hi Brandy – thanks for the question – yes that is always tricky! To add another FBML page, go into the first one you created and on the lower left side at the bottom there is an “Add another FBML box” link. They hide these things!
Hi Brandy – thanks for the question – yes that is always tricky! To add another FBML page, go into the first one you created and on the lower left side at the bottom there is an “Add another FBML box” link. They hide these things!
Wow u are super fast on replying! I did finally find that, tricky thing! Happy Friday and enjoy the weekend!
Wow u are super fast on replying! I did finally find that, tricky thing! Happy Friday and enjoy the weekend!
Today I’m feeling zippy! Thanks!
Today I’m feeling zippy! Thanks!
Hey, this was a great video. I designed a template through a website called wix.com…They gave me an embed code, but only thing is when i put the code into the fbml box, only their website link shows. This also happened with a different design not with this website. Any ideas? Also, where is the blog you said that contained the html information?
Hey, this was a great video. I designed a template through a website called wix.com…They gave me an embed code, but only thing is when i put the code into the fbml box, only their website link shows. This also happened with a different design not with this website. Any ideas? Also, where is the blog you said that contained the html information?
Thanks for your questions! I’m not sure what might be happening with your site – not familiar with what type of code you get from Wix. Facebook has some issues with Flash so that may be the culprit.
Tim Ware over at http://www.HyperArts.com has a lot of great FBML code. He’s also got this fantastic FBML Bible just out – I just bought it and it’s great! If you are looking to hire someone to troubleshoot your code, you can find some decent help on o-desk.com or elance.com. Hope that helps!
Thanks for your questions! I’m not sure what might be happening with your site – not familiar with what type of code you get from Wix. Facebook has some issues with Flash so that may be the culprit.
Tim Ware over at http://www.HyperArts.com has a lot of great FBML code. He’s also got this fantastic FBML Bible just out – I just bought it and it’s great! If you are looking to hire someone to troubleshoot your code, you can find some decent help on o-desk.com or elance.com. Hope that helps!
How do you get your facebook page to open to the Welcome page instead of the Wall page?
How do you get your facebook page to open to the Welcome page instead of the Wall page?
Thanks for the question Mary! Go to the Manage Permissions area in the Edit Page area. Then there is a Default Landing Tab drop down menu where you can select the tab. Hope that helps!
Thanks for the question Mary! Go to the Manage Permissions area in the Edit Page area. Then there is a Default Landing Tab drop down menu where you can select the tab. Hope that helps!
Need your help guys!! If you want to Save FBML Click here http://www.facebook.com/SaveFBML
Need your help guys!! If you want to Save FBML Click here http://www.facebook.com/SaveFBML
Facebook will no longer allow the installation of the static FBML application effective 3/11/11. Facebook is also recommending developers transition their services away from FBML. Creating applications is generally more than most people need so I’ve built this application to replace the Static FBML application http://www.facebook.com/revealtab
Facebook will no longer allow the installation of the static FBML application effective 3/11/11. Facebook is also recommending developers transition their services away from FBML. Creating applications is generally more than most people need so I’ve built this application to replace the Static FBML application http://www.facebook.com/revealtab
This is old now…no more Static FBML…replaced by the iFrame method.
Here’s an update article on using the iFrame method and more to customize your business/fan page:http://www.tomsguide.com/us/Facebook-Page-Customization,review-1672.html
no it is not working
I am in the searching of animated image on facebook page please help me out
or paste the article in here
Hello…How can I get welcome page in new facebook page when it open bcoz there are no landing tab drop down