Have we connected yet?

  
Blogging
Pin It

FacebookThere 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).

How to install a Facebook 'like box'

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.’

Select the 'iframe' code and copy that to your clipboard.

 

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.

Paste your iFrames code into your widget

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. 

Reload your website and check to see if you need to make any adjustments.

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.

Melissa

Share This: Share on Facebook8Tweet about this on Twitter5Google+1Share on LinkedIn0Email to someone
Lets Connect

Melissa Barham

Web & Graphics Designer, Virtual Assistant at MelissaBarham.com
Work at home mom, wife and social media junkie. I Provide small businesses with WordPress and Graphics Design along with DIY WordPress Tips & Training.
Lets Connect
About Melissa Barham

Work at home mom, wife and social media junkie. I Provide small businesses with WordPress and Graphics Design along with DIY WordPress Tips & Training.


Comments

  1. Mike Huiwitz says:

    I love that Facebook has an already available code for that.

Speak Your Mind

*

CommentLuv badge
↑ Top of Page