If you have a Facebook fan page for your website or blog, you might want to consider adding a Like Box to your website. The Like Box is a widget that allows fan page admins to embed a widget featuring their fan page and Facebook activity right on their website.
One reason this Like Box is so valuable is because visitors to your website can become a fan of your Facebook page without ever having to leave your site. This will allow you to communicate with these visitors after they leave your site via status updates and posts that will appear in their Facebook newsfeeds. And since most Facebook users check their newsfeed on a daily or hourly basis, this is extremely valuable and FREE advertising. Installing the Like Box on your website will help you get more likes, more quickly.
1. Navigate to the like box settings
Go to your Facebook page. In the admin panel at the top of the page, go to Edit Page > Update Info.
In the sidebar, click Resources. Then select Use social plugins.
From the list of social plugins, select Like Box.
2. Customize your Like Box
First, enter the URL of your Facebook page in the Facebook Page URL field.
Then you can choose what you want to include in your like box:
- Show Faces – this will display the faces of existing fans of your page. If someone views this like box on your site and one of their friends has also liked your Facebook page, she will see her friend as one of the faces shown in the box.
- Stream – this will display a stream of your most recent Facebook page updates.
- Header – this will display a header that says “Find us on Facebook.” If there is no “us,” only a “me,” there is no way to override this copy at this time.
Once you’re finished making your customizations, click Get Code.
3. Install the Like Box on your site
You have a few different types of code snippets to choose from here. I personally think that the iframe version is the easiest — it also lets you modify the width and height right in the code in case you need to make any last-minute customizations, without having the jump back-and-forth to the Facebook like box customizer. But it’s up to you! If you have a WordPress blog, navigate to your widgets panel. Install the “Text” widget (arbitrary text or HTML), and copy in your fan box HTML code.
If your Like Box doesn’t fit into your sidebar by default, you’ll have to tweak the code a bit. If you look at my Like Box to the right, I’ve customized it a bit by editing the following code in the “style” attribute:
- background color: #ffffff; – by default the background is transparent, but I wanted it to have a white background
- width: 288px; – by default there’s a little extra space to the right, so I wanted to cut that down a bit
- height: 265px; – when adding a white background there’s an extra white bar that gets added below the box itself — this height cuts that off