Article collections - How to

This article explain about how to Promote your facebook Page on Your Website. This option suggests that you add a Like Box to your website to help promote your page. It’s no surprise Facebook recommends this as one of the first things you should do, since adding a Like Box to your website will hugely increase the amount of traffic your Facebook Page gets.

You may have seen a Like Box before.

The Like Box is useful in a number of ways. It’s a great way to let your audience, customers and clients know that you have a Facebook page by promoting it on your website. They can Like your Page without having to visit Facebook. If anyone in their friendship network also likes the page, their friends will often show up among the sample thumbnails of people who Like the page.

While helping to manage the Facebook Pages for the Tuts+ Network, we noticed a huge increase in Likes after adding the Like Box to the sidebar of one of our websites, Nettuts+. The arrow points to the day we added the Like Box.

I strongly recommend that you add a Like Box to your website. Now that I’ve created a Facebook Page, I’ll add a Like Box to the sidebar of my blog. You can follow along and add Like Box to your own website (or get someone more technical to do it for you!).

After selecting “Add the Like Box” you’ll be whisked away to a page in Facebook’s area for Developers. Facebook have created a helpful widget you can use to build a custom Like Box for your page, no coding required.

Start by copying and pasting your Facebook URL into the Like Box builder. Right now, your URL is probably long and complicated. The good news is that once you get 25 fans you’ll be able to select a so-called Vanity URL for your Page.

Next, select a pixel width for the Like Box. If you’re adding the Like Box to your sidebar, this pixel width should be thinner than your sidebar. If you’re not sure how wide your sidebar is, you can find a good width through some trial and error.

Next, you can choose a light or dark color scheme for the Like Box.

The next three options are the most interesting. They’ll determine how much stuff is packed into your Like Box. For the simplest possible version, leave “Show Faces,” “Stream” and “Header” unchecked.

Select “Show Faces” to put a selection of your fans’ profile pics in your Like Box. The Like Box can show profile thumbnails of up to 15 fans if left at the default 290-pixel width.

Select “Stream” to add your latest Wall posts to the Like Box.

Lastly, you can enable “Header” to show a “Find us on Facebook” header. I’m going to use a Like Box with only “Faces” enabled for my own blog.

Once you’re happy with your Like Box, hit the “Get Code” button. You’ll be met with two different code formats, iFrame and XFBML. iFrame format is easiest to setup and retains the core functionality of the Like Box (being able to remotely Like) a Page. XFBML is an acronym for Extended Facebook Markup Language and is an ideal choice for web developers, as it allows further customization with the JavaScript SDK.

To keep things simple, I’m going to walk you through adding iFrames code to your website. Select the iFrames code from the pop-up box and copy it, then hit “Okay.”

The next step is to add the code to your website where you want the Like Box to appear. If you run a standard HTML site, open up the HTML file for the page you want to add the Like Box to and copy and paste the code where you want it to appear. I’m using WordPress for my blog, so I can access my theme’s code by going to “Appearance” > “Themes.” If you’re not 100% comfortable with code, make sure to save a copy of your theme file before you modify it, or find someone to help you.

With a bit of tweaking the box sits nicely in my sidebar. The more traffic you can send to your website, the more people will see your Like Box and know that you have Facebook Page. The presence of a Like Box will help you to add new fans automatically over time.