There are a few different ways that you can add a “Like Box” or Facebook widget to your website. Some easier than others, some just look better than others. Today I’m going to walk you through adding your “Like Box” to any widget area on your WordPress website.
We’re going to keep it simple by utilizing Facebook’s Developer tools rather than installing a plugin.
1). Visit https://developers.facebook.com/docs/plugins/like-box-for-pages/ and enter the URL for your Facebook page then select the style options. The nice thing about this is you get a preview as you ‘adjust’ your “Like Box.” (You may click on any image to enlarge it to full size).
2). Now click on ‘Get Code’ to generate your code. A window will pop up with several code options, be sure to select the ‘iframes’ tab. Copy the code and head back to your website. Don’t close this window out, you’ll want to leave it open in case you need to come back and make adjustments to your width or height of your ‘Like Box.’
3). Access your ‘Widgets’ menu under your ‘Appearance’ settings. You’ going to want to drag a ‘text’ widget into your sidebar or footer area, this is where you will paste your code that we just copied down.
4). Reload your website and make sure you don’t need to make any size adjustments. If you do need to make adjustments just go back to the developer’s tools window which you should have left open.
It’s really that simple and shouldn’t take you more than about 5-10 minutes. By using the code rather than a plugin you’re keeping it as simple as possible. Your website wont have to load any extra bulk and you wont have to worry about having another plugin to run updates on.
Do you prefer to use plugins or a simple line of code when you have option? Let’me know in the comments below. If you’d prefer to use a plugin I’d recommend this one.