Adding a Facebook Like Box widget on your website, usually in your blog’s sidebar, can get you more Likes.
That’s because if a user enjoys your articles, it’s more likely that he will click the Like button on your sidebar, rather than searching for your Facebook social icon, going on Facebook, giving you a Like, and then coming back on your site.
Users like things which don’t require to much time do do. We are in the age of speed after all, no? So, a Like Box will really come in handy!
In this guide I’ll show you how to add a Facebook Like Box widget in WordPress, without using a plugin or going through your theme’s code. We’ll do some manual labor by creating our desired Like Box, and then adding the code in the Widgets area of WordPress.
Don’t worry, it’s way easier than it sounds!
Customizing the Facebook Like Box
The first thing you need to do is to go to Facebook’s Page plugin and create/customize your Like Box. Here’s how it looks like:
- In the Facebook Page URL, insert your own Page URL;
- Add whatever tabs you want the plugin to “grab” from your page;
- Choose the width and height depending on your layout;
- Choose if you want to show the profile images of the recent people that liked your page;
- Choose if you want a big header or a small one;
- Choose if you want to hide the cover photo or not. A header container will still remain;
- After you finished, click Get Code.
You’ll notice that every change you make will be previewed, which is awesome because you can see how your Like Box will look like before you add it on your site.
Adding the Like Box code in a Text widget
After you press Get Code, this will appear:
Step 2. Go to your Dashboard -> Appearance -> Widgets. There you need to drag a Text widget in to your Sidebar or Footer.
Step 3. After you dragged one, write a Title (e.g. Like Us!) and then paste the first part of the code.
Step 4. Go and copy the second part of the code, and paste it under the first part.
Step 5. Save it and check out your brand new Facebook Like Box widget!
Here’s a video guide that we did for you as well:
Hope you found this post helpful! If so, don’t forget to share!
If you have any questions or feedback, please leave a comment.