Customize Your Facebook Fan Page: Tips, Tricks, Applications

 Posted in Web Design 591 days ago Written by: Nikunj Tamboli
  • Buffer
  •  110
  • Buffer

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.

Customize Your Facebook Fan Page: Tips, Tricks, Applications

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.

 Did you enjoy this article and found it useful?

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
Free Website
 

 110 Brilliant Comments - Join Discussion Now!

  • Katrina

    Posted 14 days ago
    110

    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.

    Reply
  • idebagus

    Posted 20 days ago
    108

    thanks for ur information..

    i like ur site….

    Reply
  • sarah b

    Posted 22 days ago
    107

    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?

    Reply
  • Tutu

    Posted 40 days ago
    106

    Nice article, kepp posting
    I must activate this in my blog http://www.odishajobs.in and http://www.newodisha.blogspot.com

    Reply
  • UsashyUtefe

    Posted 56 days ago
    105

    Canada Goose essentially showcased a robust downwads hat when Canada, Parka Applications which had inferior to years to type shop growing energy. Canada Goose straightaway from Canada without a doubt a world-famous biggest clasp

    Reply
  • Seattle Homes

    Posted 57 days ago
    104

    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.

    Reply
  • IFSC Code

    Posted 63 days ago
    102

    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.

    Reply
    • bobbiejo

      Posted 62 days ago
      103

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

      Reply
  • Tian Maundrell

    Posted 65 days ago
    101

    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 ..

    Reply
  • Tian Maundrell

    Posted 65 days ago
    100

    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 ! :(

    Reply
  • Clay

    Posted 66 days ago
    99

    excellent stuff and well writen! Thumb up to you bro!

    Reply
  • Monika

    Posted 76 days ago
    98

    The best way to double your fan conversion is to set up a facebook “reveal” fan page…here’s a video on how to do it in 3mins with no hosting and no designer.
    http://www.responsemagic.com/facebook.php

    Reply
  • Get Social Traffic

    Posted 77 days ago
    97

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

    Reply
  • Online Insurance Corner

    Posted 78 days ago
    96

    thanks for the information that is helpful

    Reply
  • Reviews Expert

    Posted 79 days ago
    95

    Thank you I liked your great work. This post is very important to me create my site well.

    Reply
  • Razibul Hassan

    Posted 80 days ago
    94

    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…

    Reply
  • mastering basic seo

    Posted 107 days ago
    93

    Step by step learning process is effective for new learners like me. I should say it is really very good article indeed.

    Reply
  • Andrew

    Posted 108 days ago
    92

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

    Reply
  • Connie Chastain

    Posted 109 days ago
    91

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

    Reply
  • Gudmundur

    Posted 113 days ago
    90

    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

    https://www.facebook.com/apps/application.php?id=166054446814641

    Reply
  • Dr. Jawwad Saif

    Posted 124 days ago
    89

    Great information. I would promote my blog page
    http://jawwadsaif.blogspot.com
    on facebook using these tips. Thanks for sharing.

    Reply
  • Techmaker

    Posted 125 days ago
    88

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

    Reply
1 2 3 4

 Add Your Own Brilliant Comment:

Tags allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

US