Hey there! This tutorial will show you how to add the Facebook Like Box to WordPress in three simple steps.
As I'm rebuilding the WP Mastery website in the background, I've worked on integrating the Facebook Like Box with WordPress.
The new site will have the Facebook Like Box in the sidebar so that I can grow my Facebook audience from my WordPress site.
It's something that I've been missing here on the current site design, so I definitely have to change that for the new site.
And it's actually pretty simple to add the Facebook Like Box to WordPress.
First steps to add the Facebook Like Box to WordPress
- Install a plugin called "Header and Footer".
- Grab your individual Like Box code from Facebook.
On that Facebook page, you need to enter the link to your Facebook fan page, the tabs you want to show, and the height/width the Like Box should be displayed with.
After entering that information Facebook will give you some codes:
Step by step integration of the Facebook Like Box in WordPress
Now that you've prepared yourself for adding the Facebook Like Box to WordPress, it's time to actually do it.
First off, you'll need to go to the Header and Footer plugin. There you've got to add a code snippet that Facebook gave you:
Make sure to add that code snippet in the "After the <BODY> tag" section. This integrates the main Facebook library with your WordPress site.
The last step in adding a Facebook Like Box to WordPress is to actually add the HTML code in the place where you want the Like Box to appear.
For me, that's a widget which I'm adding to the WordPress sidebar:
After saving this widget, the Facebook Like Box should show up in your sidebar.