A Facebook “Like Box” on your website is a great way to increase the number of people who “like” your Facebook Page (these instructions are for sharing your “Page,” not your personal “Profile” account) by allowing them do so right from your WordPress website. In this post, we have shown two options to get the “like” box on your site. One is a simple Facebook “like” box and the other a tabbed container for Facebook “likes,” Twitter feed and RSS combined.
Here are the steps for adding just a Like Box to your website. I am assuming that you already have a Facebook Page set up for your business or event. If you don’t have a WordPress site, the concept will be the same, but the directions to adding it to your site will different.
- Log in to your Facebook Page. Note: If you have over 25 “likes,” you can go to your page settings and apply for a personal page URL. Mine is: http://www.facebook.com/newtrickswebdesign.
- Once on your Facebook Page, click the link to “Edit Page” in the upper right hand corner.
- Click “Marketing,” which is one of the choices on the left side of the page. (Or you can go directly to this page).
- Click on “Add a Like Box to Your Website.”
- Add your Facebook page URL to the Facebook Page URL box (for example, http://www.facebook.com/NewTricksWebDesign).
You can then decide how you’d like your “like box” to look.
You have to determine how wide to make the box. You can use the Firefox add-on, Firebug, to determine the width of your sidebar. Then you have the choice of a dark or light layout. You also have the option to show some of the people who like your page. I like that option, since it gives a festive “join the party” vibe to the box. Next choose whether to show the stream of your latest posts (see the middle section in the image above). If the Like Box is going onto your own website, then that is unnecessary, given it will be on your site where those articles are already. Finally, do you want the Like Box header to be there or not? If your website has styled headers in the sidebar and you put code for the box into a widget and title the widget, Like us on Facebook, then to have that on your like box too is redundant.
- As you make the selections, the preview will change, as will the embed code.
- Click on “Get Code” and copy it.
- If you are using WordPress, go to Appearance –> Widgets.
- Add a text widget to the sidebar of your website (Widgets –>Add Text widget).
- Paste the XFBML code into this text box widget.
- Add a title the text box (for example, “Find Us on Facebook”).
- Assign the position of the “Like” box.
- Go to view your page and there it will be!
TentBlogger’s Social Widget Plugin
The Tentblogger Social Widget Plugin is handy if you need to conserve sidebar real estate, while wanting to display multiple social media feeds on your site in one space. TentBlogger’s plugin uses a tabbed container, which shows a different view for each social media site when the tabs are selected.
Here are the steps for installing TentBlogger’s Social Widget:
- Click on “Plugins” –> “Add New”
- Enter “tentblogger” in the plugins search box.
- “TentBlogger Social Widget – Twitter, Facebook, and RSS” should come up first in the search and this is the plugin that you want to install.
- Click “Install Now.”
- Activate the plugin.
- Go to “Widgets” and add “TentBlogger Social Widget” to your sidebar.
- Enter your Twitter name, your Facebook “Like Box” badge code (follow instructions in part one of this post to get the code), and the feed URL (usually the (“actual url/feed”) of the blog posts you’d like to see and adjust the other options, such as show and avatar, to what you prefer.
- Save your changes and adjust the position of the box to where in your sidebar you would like it to appear.
There are many other social media widgets, but these are ones that I have used and like. Are there any other social media widgets that you have used/like and would recommend?