How to Add the Facebook Like Box in a WordPress Text Widget

by Sherryl Perry

Post image for How to Add the Facebook Like Box in a WordPress Text Widget
Share Button

There’s a lot of talk lately about social proof (or social influence). According to Wikipedia, social proof is “a psychological phenomenon where people assume the actions of others reflect the correct behavior for a given situation…”. Many influential bloggers prominently display numbers such as their Alexa rank, their Klout score, the number of followers they have on Twitter and how many Facebook fans they have (and much more).

Think about it. Have you ever “liked” a Facebook page because someone you know recently liked it? Have you ever connected with someone on LinkedIn because someone you respect recommended them? Have you ever debated whether or not to follow someone on a social media site and then based your decision because you recognize mutual connections?

Is the Facebook Social Plugin Social Proof?

I personally do not spend a lot of time on Facebook. I have a page for KeepUpWeb where I publish my posts and share articles. (I also share techie posts and business related tips and ideas on my personal FB page.) I maintain a presence there but my blog is where I have conversations. I prefer to spend my time here and on LinkedIn.

Having said that, I still believe there’s value to maintaining a presence on Facebook. I also believe that there’s value in having the Facebook social plugin in the sidebar of my blog. (That’s the little widget to the right that says “Find us on Facebook” with the smiling faces of people you may recognize.) I don’t have thousands of FB followers but I am sure many of you have liked my FB page because I have that widget there.

I know I’ve liked Facebook pages because I’ve seen the same plugin, recognized people who I respect and wanted to join the party. Now, I know there are people reading this post saying why bother at all. Does a Facebook page convert to clients? I admit that Facebook is not a priority for me but since it takes so little time to add that widget why not? It’s a little piece of social proof isn’t it?  It also is part of my overall social media strategy. People who I connect with online are there and that’s reason enough for me to be there too.

So, here are some simple step-by step instructions to use one of Facebook’s developer plugins to generate the HTML code that you need to add your own Facebook widget for people to like your page:

 5 Steps to Add the FB Social Proof Plugin to Your WP Sidebar:

 #1 – Go to the Facebook page that you want people to “like” and copy the URL (Ctrl+ C on PCs).

#2 – Go to the Facebook Like Box plugin page.

#3 – Paste (Ctrl+ V on PCs) the URL (from step #1) into the box under “Facebook Page URL (?). You can also specify the width and height of the box and tweak things like showing faces, your stream and the header. (As you change your selections, you’ll see the different options in the sample to the right.) When you’re happy with the options that you’ve selected, click on the “Get Code” button.

 Creating the Facebook social plugin for your

 #4 –When the screen pops up with  “Your Like Box plugin code“, click on the “IFRAME” tab. Then click in the box with the code. With all of the code highlighted, right-click on the code and select “copy“.

The Facebook Social Plugin Automatically Generates HTML Code

#5 -  Go into your WordPress Admin panel under Appearance, Widgets and drag a text widget into the sidebar where you want the like box to appear. You can either enter a title or leave it blank. Then, simply paste the code that you copied (in step #4 ) into the box (under the title box). Click on the save button and you should be done.

For more information about using text widgets (including a tip on which plugin will let you control which pages you want the widget to show up on), check out my post: The Powerful WordPress Text Widget.

Over to you: What Marketing Tools Do You Recommend?

What are your thoughts? Do you have widgets in the sidebar of your website that you consider social proof? If not, is that something that you’re thinking of for the future? Do you use other methods of social proof like testimonials, product reviews and awards? What other marketing tools (like plugins and widgets) do you recommend using?

Note: Even though I’m using WordPress in this example, the HTML code that is generated can easily be incorporated in any website regardless of the software that it’s programmed in.

Share Button

{ 33 comments… read them below or add one }

Alex Zemkus
Twitter:
May 13, 2013 at 8:06 pm

Thanks for this post Sherryl. I have added the FB like box to my site. Your instructions were straight forward and could be easily followed by anyone.

Reply

Gurjit Singh
Twitter:
May 2, 2013 at 11:05 am

Hello there,
I have added Like Box to my blog. I wanted to know that from HTML5, XFBML, IFRAME and URL, which method is good for loading like box more faster and minimize the effect of requests for scoring higher in Page Speed.
Thanks and Regards.

Reply

Sherryl Perry
Twitter:
May 2, 2013 at 1:53 pm

Thanks for letting me know that you added the Like Box to your blog. Facebook gives so many options to include the code that it can appear to be more confusing than it actually is.

Honestly, I haven’t researched which method loads the box faster. I know that the iFrame method is very popular and it’s what I use.
Sherryl Perry recently posted..How Many Social Networking Sites Should You Join?My Profile

Reply

Cindi Peery February 23, 2013 at 12:23 am

Thank you so much for this tutorial! You have supplied simple, straight forward instructions for adding the like box to a widget. All I had to do was enter some simple HTML code to center it in my sidebar.Many thanks!Cindi

Reply

Sherryl Perry
Twitter:
February 23, 2013 at 3:58 pm

You’re welcome Cindi. Thanks for letting me know that you found my tutorial helpful. I enjoy taking some of the mystery out of “techie” stuff. :)
Sherryl Perry recently posted..Can Someone Tell What Your Website/Blog Is About In 3 Seconds?My Profile

Reply

mark January 25, 2013 at 4:45 pm

good article. I have my facebook like box in the middle sidebar, but I wanted to moved it to the right sidebar and make it bigger. I defintely will play around with this idea and see if it suites my website. thanks

Reply

Sherryl Perry
Twitter:
January 25, 2013 at 9:28 pm

Thanks for letting me know that you found my article helpful Mark. You shouldn’t have any problems. Several people have successfully implemented this. Good luck!
Sherryl Perry recently posted..SEO Gets Social | How to Use Social to Get More out of SearchMy Profile

Reply

Erich November 29, 2012 at 12:36 am

Hi Sherryl, Thanks for the great tutorial!
I found your site by searching for a way to add those Facebook like boxes as one sees on Hubspot on the bottom of the pages…they have little images with other articles you may like as well. They’re so cool!
Also, on this page http://blog.kissmetrics.com/infographics/ they have a little box that slides up at bottom right that says “Would you like to tweet this?”
Do you have any idea how these two sites do those things? I’d love to do something like that. Not crazy about the dark background on the Twitter box though. :)
Thanks!
-Erich

Reply

Sherryl Perry
Twitter:
December 2, 2012 at 6:45 pm

Hi Erucgm
You’re welcome! I’m glad you found my post helpful. I know that somewhere (on a to-do list), I have a solution for what you’re looking for because I would like to do the same thing. Wouldn’t you know I can’t find it? If/when I do, I’ll try to remember to come back here and reply to you with the solution. (I really should add that. It’s a nice touch!)
Sherryl Perry recently posted..How to Use SEO to Improve Your Website Ranking in GoogleMy Profile

Reply

Caroline
Twitter:
September 10, 2012 at 9:13 am

Hi Sherryl successfully added this widget in my blog with the help of this post, also read your other articles here really got inspired.. Good Job!!

Reply

Sherryl Perry
Twitter:
September 10, 2012 at 11:48 am

Hi Caroline,Thanks for letting me know that you find my blog helpful! In addition to helping you get more followers on Facebook, having that widget on your blog also adds to your “social proof”. When other bloggers see the faces of people they know in that like box, they’re more likely to like your page too. :)

Reply

George
Twitter:
August 28, 2012 at 9:20 pm

Great share. You’ve made it so simple and easy. Adding a facebook like plugin is great as it creates a liveliness to a blog or website. People who comes to your blog can instantly like it to become a part of the Like plugin.

Reply

Sherryl Perry
Twitter:
August 28, 2012 at 10:06 pm

Hi George,
It’s good to see you here. Thanks for letting me know that you liked my post and found it easy to follow. Adding the Facebook like box to my sidebar significantly increased the number of followers that I had. I hope it helps you too.
Sherryl Perry recently posted..How to Grow Your Google+ FollowersMy Profile

Reply

Jeannette Paladino
Twitter:
August 23, 2012 at 1:23 am

Sherryl — I’ve considered adding the facebook social plugin. I’d actually prefer a Google+ box because I think more of my targets are on G+. Do you know if there is a similar plugin for G+? As social proof, I use the Website Grader icon from HubSpot that shows my score of 98.
Jeannette Paladino recently posted..What Makes a CEO a Successful Leader?My Profile

Reply

Sherryl Perry
Twitter:
August 23, 2012 at 12:21 pm

Hi Jeannette,
Offhand, I’m not aware of a Google+ box but now that you’ve mentioned it, I’ll keep an eye out for one. As you can see, I’m only using a simple Google+ follow badge in my sidebar. Are you thinking of something comparable to the FB like box where you can display profile pics?

Thanks for the tip about the Website Grader icon. I’ll have to check it out.
Sherryl Perry recently posted..How to Grow Your Google+ FollowersMy Profile

Reply

Jeannette Paladino
Twitter:
August 23, 2012 at 12:42 pm

Sherryl — yes, I was thinking of a similar box to Facebook. To get a Website Grade you have to fill out certain information about your website http://marketing.grader.com. Then the Website Grader applies its mysterious algorithms to calculate a grade for your site. If it’s in the 90s I think it’s worth putting the icon on your site (you don’t have to). However, the service can make changes to your score, based on your activity, that will automatically change the number in the icon. Mine hovered between 94-97 then one day it went to 98 where it’s been for a long time. Hope it stays there! The grade might not mean anything to some people but I find it’s still a good social proof indicator.
Jeannette Paladino recently posted..What Makes a CEO a Successful Leader?My Profile

Reply

Anton Koekemoer
Twitter:
August 20, 2012 at 3:19 am

Hi Sherryl,

Yes – I do agree. The Text / HTML widget is great – especially if you don’t own your own domain and want to add icons for people to follow through – this is great for increasing exposure and the widget can be used multiple times.

Reply

Sherryl Perry
Twitter:
August 22, 2012 at 10:53 pm

It is amazing how much you can do with them Anton. Combine them with the widget-logic plugin and it’s like magic. :)
Sherryl Perry recently posted..Do You Use Google Webmaster Tools Bing or Both?My Profile

Reply

Rafi
Twitter:
August 20, 2012 at 2:15 am

I Just Added the Facebook Like Box in My WordPress Text Widget

Reply

Sherryl Perry
Twitter:
August 22, 2012 at 10:52 pm

Rafi,
I just checked out your site to see your Facebook like box and that’s very cool how you have it slid over to the right. Did you do that with JavaScript? (I used to use JavaScript quite a bit but it’s been a while now since I’ve dabbled in it.)

While I was on your site, I liked your FB page and followed you on Twitter. It would be good to see what else you’ve done with both JavaScript and CSS. It’s always nice to find ways to make our sites stand out.
Sherryl Perry recently posted..2 Tips on Using Social Media to Get Found OnlineMy Profile

Reply

May August 18, 2012 at 1:08 pm

I dont know but just had a “light bulb”moment while reading your post, do you think it would be a good idea to ask at the end of a post again if they would be happy to say they like your stuff and click the “like button on Facebook, maybe a cheaper option, just a suggestion eh!

Reply

Sherryl Perry
Twitter:
August 18, 2012 at 2:07 pm

Hi May,
I don’t see the harm in asking but I’m not sure. (I don’t believe I have ever asked.) I do know that I really don’t like automatic direct messages from Twitter when I’ve followed someone. (Especially the ones asking me to like their Facebook pages.) Sometimes, I’m so aggravated that I really feel like going to Twitter and unfollowing them. The way I look at it is that I like to get to know someone first. If I find value in your content, I’ll share it and connect with you online. Then again, if you’re new and just getting started, I wouldn’t be offended if I read a suggestion at the end of your post. (Maybe others can chime in here.)
Sherryl Perry recently posted..Commenting On Blogs – What Strategy Works for You?My Profile

Reply

Kathy
Twitter:
August 21, 2012 at 6:40 pm

OMG I’m so with you on the Twitter auto messages! I think asking someone to “like” your page in a single post is quite different from an automated direct message on Twitter.

With the post, I’m on the blog reading. If I enjoy the content, chances are I’ll like their page too. And if I know from the post they are new to blogging I always check their facebook and twitter too.
Kathy recently posted..Nature Isle Tropical Gourmet | Spicy Mango Pepper SauceMy Profile

Reply

Sherryl Perry
Twitter:
August 22, 2012 at 10:46 pm

I’m the same way as you are Kathy. I will gladly like the Facebook page of someone who is new to blogging to help them out but it’s best if they get someone to ask for the like rather than to ask for it themselves.

The Twitter DM messages drive me so nuts that it’s really not a good way to try to contact me at all. I don’t use them as a method of communication. I’m much more apt to just tweet you @WomanMomFriend. That way, you get the mention too! :)

Thanks for dropping by and weighing on on the “social” aspect.
Sherryl Perry recently posted..How to Grow Your Google+ FollowersMy Profile

Reply

A.K.Andrew
Twitter:
August 18, 2012 at 10:11 am

I like your phrase ‘social proof’ Sherryl. I’ve been slow off the mark with an ‘A.K.Andrew’ FB page – have started it, but not put it out there yet (focussed on Pinterest first. ook me a while to realise it could be separate from my personal page. But the widget looks really good. I use a number of plug-ins to help my site , and as for widgets I use SheWrites & Triberr as well as Versatile Blogger, merely as you say for ‘social proof’ . People do want to see you are ‘real’
I, like Susan, also have the various follow me’s at the bottom of my blog, as well as a ‘you might also like’ which throws up 2 or 3 previous posts of mine, with visuals as well as titles as reminders. I think people generally respond to visuals. Though perhaps that’s my own bias.
As always a really helpful blog Sherryl. BTW I back-linked you in my most recent post (it’s in the first para):-)
A.K.Andrew recently posted..10 Rules for Writing: Margaret AtwoodMy Profile

Reply

Sherryl Perry
Twitter:
August 18, 2012 at 2:01 pm

Thanks so much for the link A.K. I really appreciate it. Your blog is looking really good. i don’t recall seeing the Triberr widget before. I have seen the one for SheWrites. (That must be really popular amongst writers.)

You bring up a good point about “visuals”. They can really capture your website visitor’s eye.
Sherryl Perry recently posted..2 Steps to Stalking the Popular Kids and Getting More TrafficMy Profile

Reply

Catarina
Twitter:
August 17, 2012 at 6:03 am

As you know, you helped me add the Facebook social plug-in to my blog. It works much better than the other plug-in I used for my Facebook fan page.

Isn’t it amazing how social proof works online. But that’s the way it is so we have to adapt to it. Like you, I don’t spend much time on Facebook. Have a fan page for my blog and update it on a continous basis. And it works.
Catarina recently posted..Google – crime buster in the future?My Profile

Reply

Sherryl Perry
Twitter:
August 17, 2012 at 10:34 am

Hi Catarina,
I keep a document of random ideas for blog posts and when I answer client questions or help someone out, I often jot it down in that document. I had copied down the instructions that I had sent to you into that doc. So, I have you to thank for the inspiration for this post. :)

Reply

Robert Koenig August 16, 2012 at 7:39 pm

Social proof, huh? It makes a lot of sense. After all, word of mouth is really what gives a business credibility. A referral from a satisfied customer is as good as gold. Looks like a “like” box should be on my blog!

Reply

Sherryl Perry
Twitter:
August 16, 2012 at 10:27 pm

Super! Thanks for letting me know that you’ve been inspired by my post to add the like box Robert. I’m always pleased to hear that someone has benefited from one of my how-to articles.
Sherryl Perry recently posted..Can Your Small Business Compete with the Big-Box Stores?My Profile

Reply

Catarina
Twitter:
August 17, 2012 at 1:05 pm

Glad you got something positive out of giving me a helping hand. Sincerely, I’m sure A LOT of people find it difficult to ad the Facebook box.
Catarina recently posted..Be yourself – instead of – parrotingMy Profile

Reply

Susan Cooper
Twitter:
August 16, 2012 at 12:50 pm

I am very happy to report that I have a like box on my website… WOO! HOO!. The best news is if I ever need to know how to do it again I have your post to refers to. RE Facebook: One of the things I have learned regarding getting someone to consider liking my FB page is to give them a reminder at the end of each post. That has really helped with that part of the equation. :-)

Reply

Sherryl Perry
Twitter:
August 16, 2012 at 1:56 pm

Thanks Susan. That’s great that you have the FB like box in your sidebar. Thanks for the tip on the reminder to like your FB page too.
Sherryl Perry recently posted..Do you Brand Yourself, Your Company, or Your Product on Social Media Sites?My Profile

Reply

Leave a Comment

 

Current day month ye@r *

CommentLuv badge

Previous post:

Next post: