Blogger Widgets Science Education and Technology: How to Add Facebook Fan Page to Website

Wednesday, 15 January 2014

How to Add Facebook Fan Page to Website

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 widget How to Add Facebook Fan Page to WebsiteOnce 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 How to Add Facebook Fan Page to Website
This is how this widget looks on my blog sidebar:
ShoutMeLoud Fb Page Widget How to Add Facebook Fan Page to Website
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?

No comments:

Post a Comment