How to Add a Facebook Like Button or Like Box

by Posted on

The Easiest Way to Add a Facebook Button to Your WordPress Site

In this post, I’ll explain the differences in the Facebook Like Button and the Facebook Like Box. I will also explain the step-by-step process of adding this functionality to your website using WordPress as an example.

Button vs Box

 
The Facebook Like Button is used for visitors of your website to ‘like’ a particular post, page, site or any other criteria a website has to offer. This is done by assigning a URL to ‘like’. Do not confuse this with a ‘Share’ button which allows Facebook users to share a post, video etc. with their Facebook friends.


I am currently using the Socialize plugin on the Ask Adam League that is running on WordPress.

The Facebook Like Button has some great advantages. It allows users of the Facebook community to ‘like’ something which in turn shares that something and broadcasts it out to all of their Facebook friends via their News Feed. Also, this something that they like will remain on their profile for other people to see and visit.

The Facebook Like Box on the other hand allows visitors to ‘Like’ a Facebook Fan Page. It also has other functions such as showing the faces of people on Facebook who like the Fan Page and it can also display the latest post on the Fan Page.

Important:

An interesting note here is that you can use the Facebook Like Button as a Facebook Like Box but only a Facebook Like Box can be used as a Facebook Like Box. This is how it works. In the Facebook Like Box Generator you are prompted to add a Facebook Page URL in the respective field pigeonholing the developer into using the Facebook API strictly for users to ‘like’ a Facebook Page. However, in the Facebook Like Button Generator the user is allowed to add any URL they want. This makes it possible for users to ‘like’ the corresponding page that the developer is suggesting. How a Facebook Like Button can be used as a Facebook Like Box is simple; add a Facebook URL to the URL field and how you are on your way to making a Facebook Like Button that when clicked will allow a Facebook user to ‘like’ your Facebook page. For example, the Ask Adam League currently has a Facebook Like Button on the site. When clicking on this Like Button, the visitor will be Liking the Facebook Fan page for the Ask Adam League. They will also be able to see other friends of theirs that like the Ask Adam League Facebook Fan Page.

How to Add a Facebook Like Button to a WordPress Site

Adding either the Facebook Like Box or Button is very similar so instead of writing War and Peace here I’ll show you the steps for the Like Button.
Notes: These steps include using the code from the Facebook Developers website and not a WordPress plugin as I’ve found many of the plugins to be confusing or very spotty with their functions.
These steps will show you how to add a Facebook Like Box to your WordPress sidebar using a text widget; the simplest way I have found to add the Like Button.

Generate the Code:

  1. Go to the Facebook Like Button generator. This is where you will set the parameters for your Facebook Like Button and generate the code for your WordPress widget.
  2. The first step for generating the code is to get the URL for your page. I will choose to use the Ask Adam League Facebook page in this example since I want my site visitors to ‘like’ my Facebook page. Just visit the page and grab the full URL there and paste it into the ‘URL to Like’ field. (I’ve noticed that Firefox 3 on my Mac did not generate the Like Button example. It wasn’t until I updated to Firefox 4 that this happened).
  3. Select the different parameters for your Like Button such as pixel width and color scheme. You can also toggle on or off Faces which just displays the faces of the users who like your page.Click ‘Get Code’ and you’ll be presented with two different types of code; iFrame and XFBML. XFBML works for me (I’ll let the coder community explain the differences).
  4. Copy the XFBML code.

Insert the Code:

  1. Login to your WordPress CMS and go to ‘Widgets’ under the ‘Appearance’ pulldown on the right.
  2. Here you’ll have all of your widgets available that can be installed in your sidebar. If you don’t know what these do just think of them as little applications that do things on your sidebar.
  3. Grab the ‘Text’ widget and drag-and-drop it to anywhere you want the Facebook Like Button to be with all of your other widgets on the sidebar respectively. (if there is currently a text widget on your sidebar that you would like to install the Facebook Like Box code to with some other code there will be no problem at all).
  4. Crack open the Text widget by clicking on the pulldown. Your text widget will open up exposing the field where you will enter the code.
  5. Paste the code that you copied from the code generator.
  6. Click ‘save’.
  7. Bring up the page(s) that has your new Facebook Like Button to check it out.

Yeah yeah. I know we only have 12 people who like us on Facebook. Give us a sec.
Now anyone that visits your site will be able to like your Facebook Fan page. You can follow these same steps with the Facebook Like Box generator to make a Like Box if you wish.

Send me a comment if you guys have any questions. Good luck!

Note: My first time adding the Like Button it took almost 2 hours for it to show up on my page. Whether it took the Facebook API a million years to work or whatever else was going on I do not know.

Published by Donald Sinatra

11,483 Replies to “How to Add a Facebook Like Button or Like Box”

  1. Hi there! I could have sworn I’ve been to this
    blog before but after checking through some of the post I realized
    it’s new to me. Anyhow, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!

    My homepage :: concrete patio

  2. Spot on with this write-up, I honestly believe this website needs a great deal more attention. I’ll probably be
    returning to read through more, thanks for the information!

    Here is my website; dan white

  6. I have been surfing online more than 2 hours today, yet I never found any interesting article
    like yours. It’s pretty worth enough for me. Personally, if
    all webmasters and bloggers made good content as you did,
    the internet will be a lot more useful than ever before.|
    I could not resist commenting. Perfectly written!|
    I’ll right away grasp your rss feed as I can not find
    your email subscription hyperlink or e-newsletter service.
    Do you have any? Please permit me recognise so that
    I may subscribe. Thanks.|
    It is the best time to make some plans for the future and it is time to be happy.

    I have read this post and if I could I want to suggest you
    some interesting things or tips. Maybe you could write next
    articles referring to this article. I wish to read more things about it!|
    It is appropriate time to make a few plans for the long run and it is time to be happy.
    I’ve read this publish and if I could I desire to recommend you few attention-grabbing things or advice.
    Perhaps you can write next articles regarding this article.
    I desire to learn even more issues about it!|
    I have been browsing on-line greater than three hours lately, but I never discovered any
    attention-grabbing article like yours. It’s beautiful value enough for me.
    In my opinion, if all website owners and bloggers made excellent content as you probably
    did, the internet will probably be much more useful than ever before.|
    Ahaa, its pleasant conversation regarding this article at this place at this webpage, I have
    read all that, so at this time me also commenting
    here.|
    I am sure this piece of writing has touched all the internet users, its really really pleasant piece of writing on building up new web site.|
    Wow, this piece of writing is nice, my sister is analyzing these things, thus I am
    going to tell her.|
    Saved as a favorite, I love your site!|
    Way cool! Some extremely valid points! I appreciate you
    writing this write-up plus the rest of the website is also
    very good.|
    Hi, I do think this is a great website. I stumbledupon it 😉 I’m
    going to revisit once again since i have book-marked
    it. Money and freedom is the greatest way to change, may you be rich and continue to guide other
    people.|
    Woah! I’m really enjoying the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s difficult to get
    that “perfect balance” between user friendliness and appearance.
    I must say you have done a superb job with this.
    In addition, the blog loads extremely fast for me
    on Chrome. Outstanding Blog!|
    These are actually wonderful ideas in on the topic
    of blogging. You have touched some good things here. Any way keep up wrinting.|
    I enjoy what you guys are usually up too. Such clever work and reporting!

    Keep up the wonderful works guys I’ve incorporated you guys to blogroll.|
    Hey there! Someone in my Facebook group shared this website with
    us so I came to give it a look. I’m definitely loving the information. I’m book-marking and will be tweeting this
    to my followers! Outstanding blog and outstanding style and design.|
    I really like what you guys tend to be up too. Such clever work and exposure!

    Keep up the terrific works guys I’ve added you guys to our blogroll.|
    Hi would you mind stating which blog platform you’re using?

    I’m planning to start my own blog in the near future but I’m having
    a difficult time choosing between BlogEngine/Wordpress/B2evolution and Drupal.

    The reason I ask is because your design and style seems
    different then most blogs and I’m looking for something completely unique.
    P.S My apologies for getting off-topic but I had to ask!|
    Hi would you mind letting me know which web host you’re using?
    I’ve loaded your blog in 3 different browsers and I must say this blog loads a lot quicker
    then most. Can you suggest a good web hosting provider at a reasonable price?

    Thank you, I appreciate it!|
    I love it whenever people come together and share opinions.
    Great blog, stick with it!|
    Thank you for the auspicious writeup. It in fact was a amusement
    account it. Look advanced to more added agreeable from you!
    By the way, how can we communicate?|
    Hi there just wanted to give you a quick heads up. The words in your content seem to be running off the screen in Ie.
    I’m not sure if this is a formatting issue or something to do with internet browser compatibility but I figured I’d post
    to let you know. The design and style look great though!
    Hope you get the problem resolved soon. Many thanks|
    This is a topic that’s near to my heart… Cheers! Exactly where
    are your contact details though?|
    It’s very simple to find out any topic on web as compared to textbooks, as
    I found this paragraph at this site.|
    Does your site have a contact page? I’m having problems locating it but, I’d like to
    shoot you an email. I’ve got some suggestions for your blog you
    might be interested in hearing. Either way, great blog and
    I look forward to seeing it grow over time.|
    Hola! I’ve been reading your blog for some time now and finally got the bravery to go ahead and give you a shout
    out from Dallas Tx! Just wanted to mention keep
    up the good job!|
    Greetings from Florida! I’m bored to tears at work so I decided to check out
    your site on my iphone during lunch break. I love the information you present here and can’t wait to take a look when I get home.

    I’m amazed at how fast your blog loaded on my cell phone ..

    I’m not even using WIFI, just 3G .. Anyways, awesome blog!|
    Its such as you read my thoughts! You appear to grasp so much approximately this, such as
    you wrote the guide in it or something. I feel that you could do with some % to pressure the message home a little bit, but instead of
    that, this is great blog. An excellent read. I will certainly be back.|
    I visited many blogs however the audio feature for audio songs current at this website is truly superb.|
    Howdy, i read your blog occasionally and i own a similar one and i was
    just wondering if you get a lot of spam comments? If so how do you protect against it, any plugin or anything you can suggest?

    I get so much lately it’s driving me insane so any support
    is very much appreciated.|
    Greetings! Very useful advice within this post! It’s the little
    changes that make the largest changes. Thanks for sharing!|
    I seriously love your website.. Great colors & theme.
    Did you build this website yourself? Please reply back as I’m trying
    to create my own blog and would like to know where you got this from or exactly what the
    theme is named. Thanks!|
    Howdy! This post couldn’t be written much better!
    Going through this post reminds me of my previous roommate!

    He constantly kept preaching about this. I am going to forward this post to him.
    Pretty sure he’s going to have a great read. Thanks for sharing!|
    Wow! This blog looks exactly like my old one! It’s on a totally different topic but it has pretty much the same page layout and design. Great choice of
    colors!|
    There’s certainly a lot to find out about this subject.
    I love all of the points you have made.|
    You have made some good points there. I looked on the net to find out more
    about the issue and found most people will go along with your views on this web
    site.|
    Hi there, I log on to your blog daily. Your writing style is witty, keep up the good work!|
    I simply could not go away your site prior
    to suggesting that I really loved the standard information an individual supply to your visitors?

    Is gonna be back ceaselessly in order to check out new posts|
    I want to to thank you for this great read!! I absolutely loved every little bit of it.
    I’ve got you book marked to check out new stuff you post…|
    Hi, just wanted to tell you, I enjoyed this article. It was practical.

    Keep on posting!|
    Hello, I enjoy reading through your post. I like to write a little comment to support
    you.|
    I always spent my half an hour to read this weblog’s articles daily
    along with a mug of coffee.|
    I always emailed this website post page to all my friends, because if like to read it afterward my links will
    too.|
    My developer is trying to convince me to move to .net
    from PHP. I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using WordPress on a variety of websites for about a
    year and am nervous about switching to another platform.
    I have heard excellent things about blogengine.net.

    Is there a way I can transfer all my wordpress posts into it?
    Any help would be greatly appreciated!|
    Hello there! I could have sworn I’ve been to this website before but after looking at many of the articles I realized it’s new to me.
    Anyhow, I’m certainly pleased I discovered it and I’ll be bookmarking it and checking back often!|
    Great work! This is the kind of information that should be shared across the
    web. Shame on the seek engines for no longer positioning this post higher!
    Come on over and talk over with my web site . Thanks =)|
    Heya i am for the first time here. I came across this board and I find It truly useful & it helped
    me out a lot. I hope to give something back and help others like you aided me.|
    Hello there, I think your website could possibly be having web browser compatibility issues.
    Whenever I look at your site in Safari, it looks fine but when opening in I.E.,
    it has some overlapping issues. I merely wanted to provide you with a
    quick heads up! Apart from that, fantastic website!|
    Someone essentially lend a hand to make significantly articles
    I would state. This is the very first time I frequented your web page and thus far?
    I amazed with the analysis you made to make this particular post
    incredible. Fantastic job!|
    Heya i’m for the primary time here. I came across this board and I find It really helpful & it helped me out
    a lot. I hope to give one thing again and aid others such as you aided me.|
    Howdy! I simply want to offer you a huge thumbs up for the great information you’ve got here on this post.

    I will be returning to your blog for more soon.|
    I all the time used to study article in news papers but now as I am a user of net
    so from now I am using net for articles, thanks to web.|
    Your means of explaining all in this article is actually pleasant, every one be capable of easily understand
    it, Thanks a lot.|
    Hello there, I discovered your web site via Google while searching
    for a similar matter, your site came up, it appears to be
    like great. I’ve bookmarked it in my google bookmarks.

    Hello there, just changed into alert to your blog through Google, and located that it’s truly informative.
    I’m gonna watch out for brussels. I’ll be grateful should you proceed this in future.
    Many people can be benefited out of your writing.
    Cheers!|
    I’m curious to find out what blog platform you happen to be using?

    I’m having some small security issues with my latest website
    and I would like to find something more safe.
    Do you have any suggestions?|
    I’m really impressed with your writing skills and also with the layout on your blog.
    Is this a paid theme or did you modify it yourself?
    Anyway keep up the excellent quality writing, it’s rare to see a great blog like this one today.|
    I’m extremely impressed with your writing talents as well as with the layout on your blog.

    Is this a paid theme or did you customize it yourself?
    Anyway stay up the nice high quality writing, it is uncommon to peer
    a great blog like this one today..|
    Hello, Neat post. There is an issue together with your web site in web explorer, would test this?
    IE still is the marketplace chief and a large section of people will pass over your wonderful writing because of this problem.|
    I am not sure where you are getting your info, but good topic.

    I needs to spend some time learning much more or understanding more.
    Thanks for great info I was looking for this info for my mission.|
    Hello, i think that i saw you visited my weblog so i came to “return the favor”.I’m attempting to find things to improve my site!I suppose its ok to use {some of|a few of\

  11. Howdy! Someone in my Myspace group shared this site with us so I came
    to check it out. I’m definitely enjoying the information. I’m book-marking and
    will be tweeting this to my followers! Great blog and outstanding
    design and style.

    Feel free to visit my homepage – Nonton Film Streaming

  12. What’s Happening i am new to this, I stumbled upon this I’ve found It positively useful and it
    has aided me out loads. I am hoping to give a contribution & assist other customers like its helped me.

    Great job.

    Also visit my weblog – Screen Repair

  14. I was wondering if you ever thought of changing the page layout of your website?
    Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect
    with it better. Youve got an awful lot of text for only having 1 or 2 pictures.
    Maybe you could space it out better?

    Here is my webpage search marketing

  15. Hello! I know this is kinda off topic but I was wondering which blog platform are you using for this
    website? I’m getting tired of WordPress because I’ve had issues
    with hackers and I’m looking at options for another platform.
    I would be awesome if you could point me in the direction of
    a good platform.

  16. The journey to Buenos Aires from Rio de Janeiro,
    as an example, takes 44 hours and also covers some 2,900
    kilometres (1,800 miles).

    Also visit my blog post; ipva 2017 rj (Marcy)

  18. This design is wicked! You obviously know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Wonderful job.
    I really loved what you had to say, and more than that, how
    you presented it. Too cool!

    Also visit my blog – internal control antibody

  20. Having read this I thought it was really enlightening.
    I appreciate you finding the time and effort to put this article together.
    I once again find myself spending a significant amount of time both reading and leaving comments.
    But so what, it was still worth it!

    My website :: photography drone

  23. An impressive share! I have just forwarded this onto a colleague who has
    been doing a little research on this. And he in fact bought me dinner because I stumbled
    upon it for him… lol. So allow me to reword this….
    Thanks for the meal!! But yeah, thanks for spending time to talk about this matter here on your blog.

    My homepage :: iPad Repair

  24. He is the most effective Worker’s Compensation as well as Accident
    lawyer in the Chicago as well as Suburban area in Illinois!” -N.G.

    Stop by my web page :: orthopedic spinal surgery, Anh,

  25. Hello would you mind letting me knpw which hosting company you’re using?
    I’ve loaded your blog in 3 different browsers and I
    must say this blog loads a lot faster then most. Can you recommend a good web hosting provider
    at a fair price? Cheers, I appreciate it!

    Feel free to surf to my website: herb trfeatment for arthritis (Steven)

  28. After looking into a handful of the articles on your web site, I really like your technique of blogging.

    I added it to my bookmark website list and will be
    checking back soon. Please visit my web site as well and tell me how
    you feel.

    Have a look at my web page – diners

  29. Consider that LEDs do not generate the UV spectrum needed to charge up the glow powder (unless you get
    UV LEDs), but most incandescent bulbs do. I hope I supplied some insight.

    My page :: free beginner woodworking plans [Jim]

  31. I don’t know if it’s just me or if everyone else experiencing problems with your blog.

    It appears as if some of the text on your content are running off the screen. Can someone
    else please provide feedback and let me know if this is happening to them as well?
    This may be a problem with my browser because I’ve had this happen previously.
    Cheers

    Stop by my web-site :: Berita Bola Hari Ini

  34. I am really loving the theme/design of your site. Do you
    ever run into any browser compatibility issues?
    A handful of my blog readers have complained about my website not
    working correctly in Explorer but looks great in Safari.
    Do you have any suggestions to help fix this problem?

  35. Hey! I know this is kind of off topic but I was wondering which blog platform are
    you using for this site? I’m getting sick and tired of WordPress
    because I’ve had issues with hackers and I’m looking at alternatives
    for another platform. I would be fantastic if you could point me in the direction of a good platform.

    Feel free to surf to my weblog; technical support services

  36. I don’t even know the way I finished up right here, however I believed this put up was once
    great. I don’t understand who you might be however certainly
    you are going to a famous blogger if you aren’t already.

    Cheers!

    Also visit my web site – Create an App

  39. Simply want to say your article is as amazing. The clarity
    in your post is just excellent and i can assume you are an expert on this subject.
    Fine with your permission let me to grab your feed to keep up to date with forthcoming post.

    Thanks a million and please continue the enjoyable work.

    Feel free to surf to my web site … wedding dj pittsburgh

  45. Howdy! Do you uÑ•e Twitter? I’d like to fоllow you if that woÕ½ld bbe
    ok. I’m Õ½ndoubtedly enjoуing ʏour blog annd look
    forward to new posts.

    Here is myy blog:

  47. Hi! This is kind of off topic but I need some help from an established blog.

    Is it hard to set up your own blog? I’m not very techincal but I can figure things out pretty
    quick. I’m thinking about creating my own but I’m not sure
    where to start. Do you have any tips or suggestions?

    Appreciate it

    Feel free to surf to my blog post – Gerardo Pantin Shortt

  48. Admiring the time and effort you put into your
    website and in depth information you present. It’s great to come across a blog every once in a while that isn’t the same unwanted rehashed information. Great read!
    I’ve saved your site and I’m adding your RSS feeds to my Google
    account.

    Also visit my webpage :: Profile Pic

  50. I really like your blog.. very nice colors & theme. Did you make
    this website yourself or did you hire someone to do it for you?
    Plz reply as I’m looking to construct my own blog and would like to know
    where u got this from. appreciate it

    my web blog Mac Sales

Leave a Reply