Using FBML to create a custom tab on a Facebook Fan Page

10. Aug, 2009 Categories: Facebook by 35 Comments


This is a quick introduction (very basic) to using the Facebook FBML application to add a custom tab or custom landing page to your Facebook Fan Page. Short and to the point – would love to know if I missed anything or if you would like to see anything more specific covered. Leave a comment!

Tags: , , ,

35 Comments

Leave a comment
  1. Jake 11. Aug, 2009 at 10:46 am #

    I wondered how people were able to customize a fan page. I’ll be trying this myself, thank you for the tip.

  2. Francisco 22. Aug, 2009 at 8:39 pm #

    Great tips! I added an BFML tab per your video and inserted the HTML code for the Tripadvisor guest review widget. When I viewed it, however, the image did not show. Instead, all I got was a sentence stating how many reviews we have. Will this not work for this purpose?

  3. Tim 23. Aug, 2009 at 6:35 am #

    Hi Francisco – I just tried that myself and you are correct, it does not work. That’s because it is a script and you cannot execute the script inside the FBML tab. There could be a workaround, but it would probably not be worth the trouble. Perhaps just a graphic with a link to the reviews would be the way to go here.

  4. Ni Luh Sri Suardani 22. Sep, 2009 at 9:18 pm #

    I want to know how to create a custom fan page on my facebook page. Thanks

  5. Jay 17. Nov, 2009 at 12:21 am #

    This video was beyond helpful and really appreciate you taking the time to create it. I just used your video to figure out how to add 3 custom areas to our Facebook page. If you have any advice as this was my 1st time doing a custom tab let me know after checking it out at http://www.facebook.com/shoptab

    I was wondering if you (or others that read this blog) have a list of Fan Pages I should check out that may generate some creative ideas? If so, please let me know.

  6. Beth Lapides 08. Dec, 2009 at 11:32 pm #

    Thanks Tim.
    I love Beds and I love breakfast but not always together as a unit;)
    Thanks for this video. Well explained. Come visit me at one of my pages.

    http://facebook.com/bethlapides

    http://www.facebook.com/pages/100-Happy-88-of-the-Time/189631372263

    http://facebook.com/pages/manage/#/pages/My-Other-Car-Is-A-Yoga-Mat/138473453521

    http://www.facebook.com/pages/manage/?act=36951822#/pages/Un-Cabaret-Laboratories/66138942720

  7. Grace Core 07. Jan, 2010 at 1:06 pm #

    Get info for beginners to set up a custom page! Thanks for the video

  8. Svarna Singh 11. Jan, 2010 at 2:19 am #

    Hi. This is a brilliant video, thank you so much for sharing. I’m trying to create a ‘reviews’ page on my facebook fan page so that people can leave a review. I managed to to create the tab, but got stuck with the html bit…Could you help? Thanks so much!

  9. patrick maddigan 13. Jan, 2010 at 2:49 pm #

    This is where it gets tricky. I’m savvy enough to follow/figure out this stuff, but I don’t know programming well enough, HTML or FBML to do anything with the tabs. Have any tips?

  10. Tim 13. Jan, 2010 at 3:09 pm #

    Hi Patrick – check out some free HTML WYSIWYG editor like http://www.coffeecup.com/free-editor/ which will make the actual code on the tab easier to formulate. Just use everything that it creates between the and tags

  11. Tim 13. Jan, 2010 at 3:12 pm #

    @Svarna – Those are some good looking cakes! You should start with the “reviews” app from facebook – its free and will probably accomplish this task for you.

  12. Bill Lara 14. Jan, 2010 at 1:35 pm #

    Excellent and easy to understand. Hope you do not mind but I will be getting the word out on this video. There is not really anything else like it out there.

  13. Svarna Singh 18. Jan, 2010 at 8:11 am #

    Thanks Tim, after some fumbling around, managed to find the ‘Reviews’ app from Facebook! Thank you!

  14. Agahmemnon 27. Jan, 2010 at 3:18 am #

    How to change my custom tab in to welcome tab?

  15. john james 29. Jan, 2010 at 11:13 am #

    How come you glossed over the HTML? I would like a fan page and was following you, appreicating you nicely until BAM you simply said “oh and enter the code here” and blah blah blah.

    I was shocked. I do not know code and do not plan on learning it. I am a decorator for God’s sake.

    can you help? Is there a site that has the code to add a REVIEWS tab somewhere on line?

    thanks

  16. h 12. Feb, 2010 at 8:19 pm #

    tim, i enjoyed your tutorial very much. My favorite part was when you said you were in Vermont. We’re a small group, but we have big reach.

  17. Chris 18. May, 2010 at 8:57 am #

    This was awesome and exactly what I needed. Now exploring FBML. Thank you!

  18. stacey 20. Jul, 2010 at 12:41 am #

    Wonderful & easy – thank you!

  19. Ndat 13. Aug, 2010 at 10:13 pm #

    ??

  20. Ndat 13. Aug, 2010 at 10:14 pm #

    Sorry i’m newbie at facebook FBML, can i get the totorial ?

    sorry for my bad eglish

  21. Kim Slaughter 16. Aug, 2010 at 1:27 pm #

    I would like to know if you are not able to write HTML code what is the best software for creating FBML any suggestions

  22. H.G Choi 25. Sep, 2010 at 5:27 pm #

    I sincerely appreciate your work. It worked!!! I never even learn about HTML, but playing with your examples and trials was enough for me to add custom tab!!!

    I got one question:
    All the letters are black, though header was coded as orange. Any suggestions?

  23. Sista 07. Oct, 2010 at 4:22 am #

    please look fbml for http://www.facebook.com/Two.Triple.O

  24. blinkStudio 26. Oct, 2010 at 11:44 pm #

    Look my facebook page http://www.facebook.com/Two.Triple.O?v=app_7146470109

  25. carol 13. Jan, 2011 at 9:15 pm #

    Hi Tim…I’m still having a real hard time using the FBML to customize my page. I cannot seem to get it ‘out of the box’ and how do I add a picture?

    Thanks, carol

  26. Pensacola Bankruptcy Attorney 15. Jan, 2011 at 1:32 am #

    Very exciting!! Nice info… Thanks

  27. James Vreeken 28. Jan, 2011 at 2:37 pm #

    Thanks for this informative video

  28. Rajesh Rao 05. Feb, 2011 at 7:29 am #

    Thanks Tim its help me lots. Thanks alots

  29. Orpla 13. Feb, 2011 at 9:12 am #

    The FBML Editor 1.0 is now available! Free demo download!

    http://www.facebook.com/pages/FBML-Editor/197835840233509

  30. Julian 25. Feb, 2011 at 11:06 am #

    Hello,
    great post!

    I think FBML is indeed very useful, but it´s very complicated as well.

    Therefore I want to share with you our free tool on http://mashlab.com – mashlab makes it possible for you to draw new elements simply on the work surface using drag & drop. You need no knowledge of complex programming languages such as FBML or HTML.

    Hope I could help you with that post! Best, Julian

  31. Katie 05. Apr, 2011 at 1:28 pm #

    Facebook doesn’t have tabs anymore… now what?

  32. Jenni Zigman 20. Apr, 2011 at 6:37 pm #

    Hey! is there a way to embed the fanpage review tab into a website? Thanks!

  33. Azeem 22. Sep, 2011 at 9:24 am #

    Hi Friends,

    I have just created my face book fan page for “web marketing advisor” now i am going to learn for optimization thing to do better for this page. In this article i have analyzed custom tab also i hope it will give most important to our fan page……..:)

    Also is there any one wanted to know about related to web marketing they can directly like my fan page at “http://www.facebook.com/pages/Web-Marketing-Advisor/102471303195484″.

  34. Gary Robinson 15. Jan, 2012 at 8:43 pm #

    Hi All

    I am new to this FBML but like it very much . I have created 1 new page

    I cant find were to add new tabs for extra pages ?

    Have FB done away with them now

    Check my page out it : http://www.facebook.com/ukgamingpcs

    Thanks for all your help

    Gary

  35. Colleen Degraw 26. Jan, 2012 at 9:02 am #

    Major thankies for the blog. Awesome.

Leave a Reply