Customize Your Facebook Fan Page: Tips, Tricks, Applications

Customization will always make you stand out from the rest of the world, the same rule applies on Facebook as there are more than 400 million active users.By now you may be well aware of Facebook fan page which is used for promoting business online on Facebook. But just creating a simple fan page won’t help you get the fan following you want. With this article I will be sharing with you some of the most basic tips that you can implement right away & customize your fan page within few minutes, using some applications and codes.

Static FBML

An application which should be implemented by most of the fan-page owners. Static FBML is really simple to implement and can be used to do various modifications on Facebook Fan Page. FBML supports pure HTML & CSS.

We will use Static FBML to create customized Fan page for Facebook.

Adding FBML To Fan Page

  1. Login to your Facebook account & Search for Static FBML
  2. Then click on the tab Add to My Page & Select the page.

Now we will add some code that will transform your fan page completely.

Creating Landing/Welcome Page

Landing or Welcome Page is the first page you see when you visit a new fan page encouraging user to click on the Like button. Creating a Landing page really simple & I will share the step by step guide on how you can do it easily.

In previous step you have already installed the Static FBML application now you need to create a welcome page image that will encourage users to click on the like button. You can do it easily in Photoshop or any similar applications.

When creating the image “Do remember that image’s width should be of  520px” the height does not matter but it would be good if you keep it of appropriate length.

1.Create an image with width 520px & appropriate height in Photoshop or similar application.
2.Create a folder name FB at your server & upload the image in that folder.
3.Now Navigate to your fan page & click on Edit Page tab below the Fan Page’s Profile Image.

Customising Facebook Fan Page 4.Locate your FBML application & click on Edit.

Customising Facebook Fan Page

5.Now you will see a similar window like the image below.

Customising Facebook Fan Page

6.Now add an appropriate title like Welcome or your blog name anything you prefer.

In FBML part just add the following code.

<img src =”http://yourwebsite.com/FB/imagename.jpg”>

If you want to add link to the image just add the following code

<a href=”http://yourwebsite.com”> src =”http://yourwebsite.com/FB/imagename.jpg”></a>

You can also use text after the image with some HTML tags like h1, h2,, etc as done in 1st Web designer Facebook fan page.

7.Once you are done click on save changes & now navigate to your Fan Page you will see a new tab with the title you have written, by clicking on that tab you will see your image in that page.

Customising Facebook Fan Page8.Now to set your new page as default landing page you need to click on the edit page tab as we have done in step 3 & locate wall settings then set your default landing page to new page.

Customising Facebook Fan Page

You are all done with creating a new & improved version of your fan page. We will add some more code to fan page to make it more personalized so keep reading further.

Adding Subscriber Form to Fan Page

If you use feedburner to manage your feeds you can easily add subscriber form to your fan page by getting the code under the Subscription management in your feedburner account.

Customising Facebook Fan Page

Now navigate to your FBML application and then click on edit & then click on add another FBML box.

Customising Facebook Fan Page

After adding the FBML box, enter title subscribe & paste the code from the feedburner into that box & now you are all done.

If you want that box to be appearing in the sidebar or the wall just click on the tab & select move to wall tab & then it will be appearing on your fan page’s wall. Similarly you can add contact form to the fan page as well.

Other Useful Articles About FBML

How to Add Google Analytics to Your Facebook Fan Page

7 FBML examples to rock your Facebook fan page

How to Put a Contact Form in a Facebook Fan Page

Applications for Customizing FaceBook Fan Page

If you are not comfortable using FBML, then still you can customize your fan page using various applications. This application  makes easier to share photos, Videos, Files, Twitter updates & lots of other stuff  depending on your needs. There are large number of applications that will help you with your fan page. Below are  some of the effective applications that will help you get your work done easily.

Clobby – Group Chat

Clobby Group Chat - Fan Page Application

This is really useful application if you want to integrate live chat room to your fan-page. It is free application & allows users to create chat rooms & invite other friends to chat. It is great way to encourage users of the page to communicate with each other & increase the level of interactivity of the page.

ShopTab

ShopTab - Facebook Fan Page Application

If you sell products online then ShopTab is perfect application for you to showcase & sell you products through fan-page. ShopTab is premium application so you need to pay monthly charges.

Involver

Involver Facebook Fan Page Application

Involver  provides professional application for your Facbook Fanpage which you can install with a single click. The involver has large application gallery which has RSS Feed, Twitter, YouTube Channel, Photo Gallery & many more applications. With the free account you can install only two applications.

Tigerlily

Tigerlily CMS - Facebook Fan Page Application

Tigerlily application is easy to implement & its has content management systems of its own which is easily controlled from fan-page. In Tigerlily CMS free version you can easily add different modules like text editor, video, image, twitter, RSS Feed, MP3 player, flickr & podcast.

Poll Daddy

Poll Daddy Polls Facebook Fan Page Application

With Poll Daddy application you can create polls which you can share it on your fan page to get feedbacks from the users & increase their participation on the fan page.

Hope you found the post useful & informative, If you have other useful applications or FBML tricks to share then feel free to mention them in comments.

Nikunj Tamboli

Nikunj is a computer engineer by profession, mobile photographer by heart & quick learner of new things related to software & technology. Loves web designing & development. Visit His Blog Weby Life | Follow Him On Twitter

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. William A. Francisco says

    Pretty nice collection, do you have any suggestion on how to automatically the like page in Facebook? Like will only be the option on the share page not the like in the content page

  2. Abdul Rauf says

    I have learnt a lot from this post. Thank you so very much for posting this onto here. Great blog! I must appreciate.

  3. Sarinkumar says

    this is very useful for me to make my facebook fan page much attractive. Thank you very much.

  4. Katrina says

    In static FBML, Can you add a second tab? I created one effortless (my welcome/landing page) Id like to add a tab for my blog & I cant figure out how to add a second.

  5. sarah b says

    Is Static FBML even available any more? when I go to the page you linked there is nothing. Just a regular but empty facebook page. Has facebook disabled this app or am I totally missing something?

    • Gary says

      It IS still available, they just kind of MOVED (read:hid) it. If you search for it, you can find it somehow. Some place called “Hike”, I think, makes it or similar (this is the first time I’ve tried it so I don’t know what it WAS like). Also, you’re not really making “tabs” across the top, with the one I use anyway. It just adds them as menu items on the left. What I’d like to find out is if there is anyway to either get rid of or “hide” the bars on the left and right, I’d prefer to be able to use MOST of the page anyway!

  6. Marisa says

    Really great information that I needed considering I’m just starting with my facebook fan page. I really liked the Involver b/c it integrates so many functions.

  7. Clad says

    Excellent post. Step by step guide really helps me a lot. Am really don’t know how to move my step into facebook but this post gives me a tremendous boost. Thanks a lot.

    • bobbiejo says

      agree. Great job. Now if you could tell me how to add color to my FB? that everyone can see, not just me? =)

  8. Tian Maundrell says

    oh .. i have already get the FBML app .. my problem now is that what is a feedburner ? im stuck here :(
    how to get the code under the Subscription management in my feedburner account. i have no feedburner :((
    help please .. just a new guy here .. thanks ..

  9. Tian Maundrell says

    hey .. i cant find the my FBML application .. im done adding that to my page .. where can i locate that app so that i wouls be able to edit FBML .. thanks ! :(

  10. Todd says

    Very interesting post. Never thought customizing facebook page can be this easy. Thanks for sharing.

  11. Razibul Hassan says

    Brilliant post. This clearly describes how to do customize my fan page. The information provided here can help anyone with very basic knowledge creating a really good and functional fanbook page…

  12. says

    Thank you for this helpful information on how to go about with ethically building professional facebook fan pages. God bless you. Website bookmarked.

  13. Connie Chastain says

    Everything has worked up to “Edit Wall Settings.” That appears nowhere on my Edit Page selections. Any suggestions?

  14. Gudmundur says

    Facebook will Turn Off all FBML on June 01, 2012. Transition to iFrames Now! Last year, Facebook announced its plan to deprecate FBML as a Facebook page administration platform over time. This March, it followed up this statement with the announcement of a full transition to iFrames, phasing out FBML. Since March, page admins have not been able to create any new FBML apps, but apps which were already in existence remained functional until the deprecation was scheduled to begin. Facebook announced at f8 the official deprecation date of all FBML endpoints: June 1, 2012. This is the date when any remaining FBML modules inside of Facebook will cease to function. As the time has come to fully transition to iFrames and depart from the FBML standard completely, PandaCMS is a FREE iFrame software and can do the same as the old FBML

  15. Trent says

    This is not working any more?? I tried a lot. But couldn’t apply this to my blog.

  16. Michael Cole says

    Highly educational bless you, I believe your trusty followers could very well want significantly more reviews similar to this carry on the great content.

  17. Jonah Parsons says

    Thank you for that smart critique. Me & my neighbour were preparing to do some research about that. We obtained a great book on that matter from our local library and most books exactly exactly where not as influensive as your info. I am extremely glad to see such information which I was searching for a lengthy time.

  18. says

    May this post is verry old,
    why i can’t find a newer. Much changed 2011 in Facebook and new possibilitys come up!

    I would like to read something new about rich text static apps for fanpages.

  19. Joseph says

    Nice post. I learn something more challenging on different blogs everyday. It will always be stimulating to read content from other writers and practice a little something from their store. I?d prefer to use some with the content on my blog whether you don?t mind. Natually I?ll give you a link on your web blog.

  20. Shon says

    This article is a great one. If you haven’t read it, then you are missing. The ideas he explained are really great. A lot of insights guys.

  21. Jobella Villamor says

    thanks for the tips, tricks and application for Customizing Facebook Fan Page, it helps me finish my project. Post is explained thoroughly. thanks! :)

  22. Charanjeet Sohal says

    Even I was looking for such useful info on the net. I think my search for that ends here.

  23. Kent says

    I used a non FB app -> FBML Tab Maker and it easily allows creation of new tabs. I done mine in 10 mins.
    Tabs at top seem to have disappeared in FB? But it does add another Page. I call it Tab. Same thing.

  24. jarold says

    i cant access it .
    esp. this step
    4.Locate your FBML application & click on Edit

  25. Jho says

    Why is it that whenever I click “Go to App”, it gets me to a blank page or a Google Search Engine? I need to use this right now! Could someone help?

    • says

      Hi Jho,

      If you trying to access static fbml application, then you should know that it has been discounted and you need to use new iframe application.

      • greg says

        Hey i would like to add this on my landing page, but as Static FBML no longer works how can i put it on my page? with new iframe app? how?

        Thx

  26. Ken says

    hey, thanks to 1stwebdesigner for sharing the post. nice and helpful. i decided to do my own iframe application and now i have to find a decent place to host it at. share your experience if you have by chance.

    • Joshua says

      Personally I use hostfb.com to host my Facebook Fan Page. They proved their professionalism and reliability in terms of technical support and hosting. At that, they offer nice choice of facebook iframe apps.

  27. Kevin Gealey says

    thanks for sharing. good tips and apps. for me as a programmer it’s better to use iframe applications. that’s where I can demonstrate my skills. another thing is that i have to find a hosting for my facebook fan page application. not sure where to get a decent place to host. let me know, guys, if you have an idea. thx again to 1stwebdesigner for nice post (as usual, ha ha)

  28. Faady says

    I need small help I created a application page on facebook there is a button on top it says “Go to App” I just want to link that button to my website pls help me thanks

  29. says

    Great post – with the development of facebook, so many more applications are available to grow one’s business presence. Static HTML is a great replacement for the static fbml pages.

  30. cassy says

    thanks it helped. but the static fmbl thingy , i have the photo already , but when i use it , it becomes so small

  31. says

    I downloaded the FBML and when the tab appears and I click the edit page, it always take me to the info. Any suggestions?

  32. Jyht319 says

    i have tried using this application and other html boxes and none of these applications actually work on my page at all.i dont even see a save button on the second step…grrrrrr

  33. Dan Ingersoll says

    How do you add boxes to the sidebar of your fan page? I understand there used to be a “boxes” tab where you could do that, but now there isn’t.

    When I go into the “Applications” on say “Video” and click “Edit Settings” it shows a box there, but it doesn’t show up on in the sidebar. How do you get applications into the sidebar and how do you organize them? Thanks,

  34. smagnesen says

    My image is not showing up… I’ve tried using my mobile me server and also dropbox.com and neither public links work. I have put the link into a browser and the image shows up but when I put it in the FBML box with the link it doesn’t work. :( Help?

    • says

      Hello,

      I am facing the same problem. The image link is working when I test it, but when I put it as an HTML code in the box and save, its not turning up! Please help somebody!

  35. Dave says

    Thanks for the great tips. I have been focusing on a twitter presence and have neglected the facebook fan page because I really did not think there was much that I could do with it.

  36. says

    Please elaborate about the step of creating a folder of FB and upload your image. M not able to add my image and use that image.

  37. C Rahk says

    I uploaded a photo to Photobucket that is 520 pixels by 1484 Pixels, added the FBML tab, added the code below and nothing happens. No error messages just a blank frame:

    (lessthan symbol)img src =”http://i744.photobucket.com/albums/xx83/c_rahk/photo.jpg”>

    Any suggestions? This will be great if I can get it to work. Thanks.

  38. Dave Johnson says

    Awesome article with some great tips. If you aren’t using these tips to build a more interactive fan page, you’re nuts. Contrary to what some people believe, social media, especially Facebook, is not a marketing fad. It is here to stay and if you don’t jump on the bandwagon soon, you will miss this awesome opportunity.

  39. Rachel says

    I have a quick question for you, I have a welcome page on my facebook fanpage and I’m wanting to promote our business with video content. Is there any way we can add video to our welcome page instead of a picture?

  40. Joey says

    Hi. Thanks for the article. I am using it right now on my facebook fan page. How do i make the picture wide enough to cover both or atleast the left sidebar? I want the sidebar to b hidden when I click on the fbml tab

  41. says

    This is such a GREAT article—thank you!!! Question for you—I have seen people post on a fan page from their own fan page. Every time I post, it shows up as my personal page. I would really like to post on certain fan pages as my business, not personal fb—do you know how to make this happen?

  42. says

    I want to add twitter app to my facebook fan page but I want to rename the tab under which it shows……is it possible and if yes, how?

    Thanks

  43. chris says

    Is there anywhere novices like me can learn how to do the first tip – I tried importing an image but all that shows up on the page is the code. More specifics would also be nice – the code you give just says yourwebsite – does that mean
    http://www.yourwebsite OR
    yourwebsite/admin/media etc OR
    JUST YOURWEBSITE

    your readership doesn’t all have the same skill

  44. Cara says

    Thank you for all the tips. I do have a question about Daddy Poll.. is it possible to design a custom poll box?? If not, what do you suggest is the best way to go about designing a custom poll box that can be placed in a fan page??

  45. Ryan says

    the best facebook app to convert your facebook fanpage is shoptab. however it is a bit too heavy. it’s better to use something more simple and understandable for visitor. Use some good pictures and and attractive words with button “Shop Now” or something like this. IMO.

  46. Dan says

    Cool, I didn’t realize how customizable Facebook pages were. Thanks for showing!

  47. says

    Thanks heaps!!!
    Very useful article!

    I just happened to be looking into FBML when i came across this article in my regular blogs.

    I have been trying to customise both my personal fan page and the one for work, so thanks heaps for this article!

    I have tweeted and facebooked this link.
    thanks again!

  48. boom says

    Default Landing Tab is not working.
    I set the default landing tab to new page but the Wall page is still the default landing tab.

    • says

      @boom

      If the Fan Page you have created is new & does not have enough people giving a like to it then its possible that you cannot set your default landing page.

    • says

      @boom It’s possible that the default tab is just not working for you, because you are the admin. But it might be working for someone else who lands there for the first time. I am pretty sure that is what is going on.

      and @Nikunj, thanks for the great info!

  49. MIchael says

    Great concept for an article, and great info and follow through with both the mini-tutorial and the recommended apps.
    Thanks for your time doing this.

    Quick question to you, or any other reader, and it is with regard to donations.
    Is there a recommended method for offering fans the ability to donate?
    Links to pages with payPal buttons is of course an option, but it would be nice if there was something in-line or something so users could remain on the fanpage.

    Thanks in advance! And thanks again for your article.

    • says

      Hi Michael,

      Adding a link to paypal button is simplest way.But as Facebook uses FBML payment without leaving fan-page would be difficult thing to achieve & would require complex coding.

      Even I could not find any application capable of doing it.