• Join ShoutMeLoud on Google+
  • X
    Sign-up for FREE weekly Newsletter.

    How to Add Facebook Fan Page to Website

    by Harsh Agrawal

    By now, we have learned how to create Facebook page for Business and now, it’s time to increase fans on your Fb pages. One of the tip, which I have given in my last post is Add Facebook fan page to your Website. Saying that, I mean Facebook offers a widget which you can embed in your blog, and use can hit like button to join your Facebook fan page. This sound super easy and this is one of the easiest way to start seeing increase in number.

    Why you should add Facebook fan page to Website:

    Many people thing that Facebook is other domain and why should we pass on traffic to that. Here are something, which will understand you how adding Facebook fan page to website is going to help. Facebook has a huge subscriber base, when a user like your Facebook page, he will be able to see all your updates on his wall. Specially for blogs, you can use app like RSS graffiti to auto-publish new content on your Fan page.

    Now its time is to make your Facebook Pan page popular and getting more fans on your fan page. You can also buy likes on Facebook and also but Fans, but such likes and Fans won’t be real fan and will not add much value. Your target should be convert regular & loyal readers into your Fb page fans. There are many ways to increase your fan on your blog and we have shared some of them earlier but one of the most effective way is by adding Facebook fan widget on your blog. This will help your readers to quickly like your fan page on Facebook without leaving your blog.

    Guide to add Facebook Fan page Like box:

    Very first step is to go to Facebook social plugins page and select Facebook like box for pages. Here is a direct link to that page. Apart from Like box, I would suggest also have a look into other Facebook social plugins which might be useful to make your Website more social.

    So once, you are on Facebook like box page, change the URL with your Fan page URL. For reference, in this video tutorial, I have used Page URL as http://Facebook.com/ShoutMeLoud. Similarly, you can add your fan page. In case if you have not set up Custom URL for your fan page, do it right away.

    Once you have added your URL, the preview tab will automtically start showing widget for your blog. You can make changes from settings, like specify a custom size for Facebook fan page widget. I usually, remove stream and header part as they add more into loading time. If you don’t want to show Facebook fan photo, you can hide that too from settings. Though, Facebook fan photo into your Facebook fan box, will add more personal touch  for new readers, as Facebook shows your friends photo when you browse a site using Facebook like box.

    So here, is a quick screenshot of my settings:

    Facebook Fan page widgetOnce you have made all the settings, click on get code and you will get three code options to add the widget on your blog. Go to iFrame code and copy the code given. Now go to your WordPress or BlogSpot blog widget section and add a text widget and paste the code. If you have copied and pasted the code properly, in no time you will see your Fb fan page widget live on your blog.

    iFrame code Fb fan Page 600x288
    This is how this widget looks on my blog sidebar:
    ShoutMeLoud Fb Page Widget
    Personally, I have realize Fan page widget works the best to grow your followers on Facebook and more important this way, you will get more loyal readers as people who would be subscribing to your page are those who liked your content. But, there is a down side of this widget and that is load time. I have seen a drift of atleast 0.8 sec after adding and removing this widget. Though I guess, you won’t mind comparimsing on the speed for getting more fans, as social media plays an important role in better ranking.

    Here is  a video tutorial, which will help you understand the complete process of creating Fan box and adding it onto your Website in easy 1-2-3 step:

    Do let us know if you have faced any problem while trying to add Facebook Fan page into your Website? 

    Do share your experience with Facebook fan page box and do you also feel this widget adds too much into loading time?

    f1726251794ebb9f35c57ab62dfb4d1cdelicious

    Article by Harsh Agrawal

    Harsh has written 945 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    { 16 comments… read them below or add one }

    Chethan

    You Have More Than 360 Fans for Shoutmeloud.com!
    That is amazing Number!
    Congrats Harsh!
    .-= Chethan ´s last blog ..Diet SMS in Tata Docomo- Is It Worth Using? =-.

    Reply

    Shabnam Sultan

    Nice post……. you have made it easy to understand through pics.

    Reply

    Surender Sharma

    Facebook Fan widget adds some more value in the blog.
    Really wonderful system to make the fans of your blog.
    .-= Surender Sharma ´s last blog ..How to Disable Copying of Content and Images of Your Blog =-.

    Reply

    CA Karan Batra

    The only problem with a facebook fan page is that we cannot reserve the name of the fan page… The option to reserve was opened a few months back but now its closed
    any idea when it would be opened again??

    Reply

    mostlyBlog

    hey great post, you made this post easy to understand
    .-= mostlyBlog ´s last blog ..The List Of Compatible Antivirus Programs For Windows 7 =-.

    Reply

    James M. Dean

    I followed the tutorial until:
    “Copy the code and add it to your Widget in wordpress or in Blogspot.”
    What widget?
    I know in Blooger you can easily add code but how do you do that in Thesis / Wordpress. Exact steps, please, I’m intellectually challenged.
    .-= James M. Dean ´s last blog ..Mangosteen Juice Helping With A Testicular Lump, Testimonial # 1 =-.

    Reply

    Md. Mahabubur Rahman Masum

    awesome post. thanks

    Reply

    Aastha

    there is no “add fanbox to your website” option below my display pic on my facebook fan page :( do u know y is that so?

    Reply

    Aastha

    oh.. i got it from facebook widgets, thanx anyways

    Reply

    Anup@Hack Tutors

    Hey! Thanks for this post man!

    Reply

    Mark

    Did it and doesn’t work. Are you sure the code provided by the wizard is enough?

    Reply

    Harsh Agrawal

    Hey Mark
    Could you please cross-check. Coz the Code provided by widget is good enough to add Facebook Fan Page widget.

    Reply

    dattai

    Thanks a lot
    I have added my FB fan box.Visit and become my FB Fan

    Thanks

    Reply

    Rakesh Narang

    Dude nothing here, i cannot find these options on my page.

    Reply

    david

    I’ve been researching the Fan Box plugin and it appears that facebook has removed this option from their site. What’s strange is that there are no news articles explaining the removal…

    What they are using now is something called “badges” which you can find here: http://www.facebook.com/badges/

    The one that comes closest to the Fan Box is the “pages badge”. Its smaller and not as slick looking but I guess it does the same thing.

    Reply

    Cameron

    Finally found it!

    This is now called ‘Like Box’

    http://developers.facebook.com/docs/reference/plugins/like-box

    Reply

    Leave a Comment

    Previous post:

    Next post:

    `