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. We stumbled over here coming from a different page and thought I might
    check things out. I like what I see so now i am following you.
    Look forward to looking at your web page for a second time.

  2. Having read this I thought it was extremely informative. I appreciate you
    taking the time and effort to put this information together.

    I once again find myself spending a lot of time both reading and leaving comments.
    But so what, it was still worth it!

  3. Hi! This is kind of off topic but I need some guidance from an established blog.
    Is it very difficult to set up your own blog? I’m not very techincal
    but I can figure things out pretty fast. I’m thinking about creating my
    own but I’m not sure where to start. Do you have any tips or suggestions?

    Cheers

  4. I’m impressed, I have to admit. Rarely do I come across a blog that’s equally educative and amusing,
    and without a doubt, you’ve hit the nail on the head.
    The issue is something that too few people are speaking
    intelligently about. I’m very happy I stumbled across this double opt in email lists my
    hunt for something regarding this.

  6. I am not sure where you are getting your info, but good topic.
    I needs to spend some time learning more or understanding more.
    Thanks for wonderful info I was looking for this information for my mission.

  9. I just could not leave your website before suggesting that I actually loved the standard information an individual supply to your guests?
    Is gonna be back continuously to investigate cross-check new posts

  15. Hey there! I’ve been following your website for a long time now and finally
    got the courage to go ahead and give you a shout out from Huffman Tx!
    Just wanted to mention keep up the good work!

    Feel free to surf to my blog webpage (Alberto)

  19. Hello there, just became aware of your blog through Google, and found that it’s truly informative.

    I’m gonna watch out for brussels. I will appreciate if you continue this in future.
    Numerous people will be benefited from your writing.
    Cheers!

    Look into my web site look at here now

  20. My Ƅrother recommended I might likе this website. ᕼe was entirely right.

    Tһіs post truly mɑde my day. You can not imagine simply how much time I had spent
    for this information! Thanks!

  24. Hey! This is kind of off topic but I need some advice 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 fast. I’m thinking about
    making my own but I’m not sure where to start. Do you have any tips or suggestions?

    With thanks

  30. I’m not that much of a internet reader to be honest
    but your blogs really nice, keep it up! I’ll go ahead and bookmark
    your site to come back later on. All the best

    Stop by my homepage; FCPX Effects

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

  36. What’s up it’s me, I am also visiting this website daily, this web site is
    genuinely nice and the people are genuinely sharing nice thoughts.

  41. The quip My Other Bag is a Louis Vuitton,” printed on a workhorse canvas bag, derives its humor
    from a constellation of functions — which includes the features of the canvas bag itself,
    society’s bigger obsession with status symbols, and the meticulously promoted image of
    expensive taste (or showy status) that Louis Vuitton handbags have, to numerous, come to symbolize.

  45. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
    You obviously know what youre talking about,
    why waste your intelligence on just posting videos to your site when you could be
    giving us something enlightening to read?

    Here is my web-site :: Brunswick guitar teachers

  46. Do you mind if I quote a few of your posts as long as I provide credit and sources back to your webpage?
    My website is in the exact same area of interest as yours and
    my visitors would truly benefit from some of the information you
    present here. Please let me know if this ok with you.

    Thanks a lot!

    Also visit my page … 50/50innertainment

  48. I’ve been surfing online more than 4 hours today, yet I never found any interesting
    article like yours. It’s pretty worth enough for me.

    In my view, if all site owners and bloggers made
    good content as you did, the web will be much more useful than ever before.|
    I could not resist commenting. Well written!|
    I will immediately clutch your rss as I can’t find your e-mail subscription link or e-newsletter service.
    Do you’ve any? Please let me know in order that I may subscribe.

    Thanks.|
    It’s the best time to make some plans for the future and it’s time to
    be happy. I have read this post and if I could I desire
    to suggest you few interesting things or tips. Perhaps you could write next
    articles referring to this article. I want to read even more
    things about it!|
    It is the best time to make some plans for the long run and it’s time
    to be happy. I’ve read this put up and if I could
    I wish to suggest you some attention-grabbing issues or suggestions.
    Perhaps you could write subsequent articles regarding this article.
    I want to learn even more issues about it!|
    I have been surfing online greater than three hours nowadays, but I by no
    means found any attention-grabbing article like yours.
    It’s beautiful value sufficient for me. In my view, if
    all web owners and bloggers made just right content as
    you probably did, the web will probably be a lot more useful than ever before.|
    Ahaa, its good dialogue on the topic of this post here
    at this web site, I have read all that, so now me also commenting here.|
    I am sure this article has touched all the internet
    viewers, its really really good article on building up new webpage.|
    Wow, this paragraph is nice, my sister is analyzing these kinds of things, so
    I am going to let know her.|
    bookmarked!!, I like your web site!|
    Way cool! Some very valid points! I appreciate you penning
    this article and the rest of the site is also very good.|
    Hi, I do believe this is an excellent website. I stumbledupon it 😉 I am going to return yet again since i have book marked it.
    Money and freedom is the best way to change, may you be rich
    and continue to help other people.|
    Woah! I’m really digging the template/theme of this website.
    It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between user friendliness and visual appeal.
    I must say you have done a amazing job with this.
    Also, the blog loads extremely fast for me on Opera. Excellent Blog!|
    These are actually wonderful ideas in concerning blogging. You have touched some pleasant factors here.

    Any way keep up wrinting.|
    I enjoy what you guys tend to be up too.

    This kind of clever work and reporting! Keep up the great
    works guys I’ve you guys to my own blogroll.|
    Hi there! Someone in my Myspace group shared this website with us so I came to check it out.
    I’m definitely enjoying the information. I’m bookmarking and will be tweeting this to my followers!
    Fantastic blog and terrific style and design.|
    I love what you guys tend to be up too. Such clever work and reporting!

    Keep up the very good works guys I’ve included you guys to blogroll.|
    Hey there 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 hard 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 unique.
    P.S Apologies for being off-topic but I had to ask!|
    Hi there 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 fair price? Kudos, I appreciate it!|
    I love it when folks come together and share thoughts. Great
    blog, stick with it!|
    Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! By the way, how could we communicate?|
    Hey just wanted to give you a quick heads up. The words in your article seem to be running off the screen in Firefox.
    I’m not sure if this is a formatting issue or something to do
    with browser compatibility but I figured I’d post to
    let you know. The design and style look great though! Hope you get the problem
    solved soon. Cheers|
    This is a topic which is close to my heart… Cheers!
    Exactly where are your contact details though?|
    It’s very simple to find out any matter on web as compared
    to textbooks, as I found this article at this web site.|
    Does your blog have a contact page? I’m having a
    tough time locating it but, I’d like to send
    you an email. I’ve got some creative ideas for your blog you might
    be interested in hearing. Either way, great site and I look forward to seeing it improve over time.|
    Hello! I’ve been following your web site for a while
    now and finally got the bravery to go ahead and give you a shout out from Humble Texas!
    Just wanted to mention keep up the great job!|
    Greetings from Ohio! I’m bored to tears at work so I
    decided to check out your website on my iphone during lunch break.
    I enjoy the information you present here and can’t wait to take a look when I get
    home. I’m amazed at how quick your blog loaded on my mobile
    .. I’m not even using WIFI, just 3G .. Anyways,
    very good blog!|
    Its like you learn my mind! You appear to grasp so much about this, such as you wrote the e-book in it or something.
    I believe that you just can do with a few p.c. to force the message home a little bit, however other than that, that is
    great blog. A great read. I’ll definitely be back.|
    I visited various websites except the audio feature for audio
    songs present at this site is in fact superb.|
    Hello, i read your blog from time to time and i own a
    similar one and i was just curious if you get
    a lot of spam comments? If so how do you protect against it,
    any plugin or anything you can recommend?

    I get so much lately it’s driving me mad so any assistance is very much appreciated.|
    Greetings! Very helpful advice in this particular
    post! It’s the little changes that will make the most significant changes.

    Thanks a lot for sharing!|
    I seriously love your site.. Very nice colors & theme.
    Did you build this web site yourself? Please reply back as I’m
    planning to create my own personal blog and would like to know where you got
    this from or what the theme is called. Thank
    you!|
    Hi there! This article could not be written much better! Reading through this post reminds
    me of my previous roommate! He always kept talking about this.

    I’ll send this article to him. Pretty sure he’s going to have a very good read.
    Thanks for sharing!|
    Wow! This blog looks just like my old one! It’s on a entirely different
    subject but it has pretty much the same layout and
    design. Outstanding choice of colors!|
    There is definately a great deal to learn about this subject.
    I really like all of the points you have made.|
    You’ve made some good points there. I looked on the internet for additional information about
    the issue and found most people will go along with your
    views on this website.|
    Hi there, I check your blog on a regular basis. Your story-telling style is witty,
    keep it up!|
    I just couldn’t go away your site before suggesting that I extremely enjoyed the usual info a person supply in your guests?
    Is going to be back often to check out new posts|
    I want to to thank you for this fantastic read!! I definitely loved every little bit of it.
    I have got you book-marked to check out new things you post…|
    Hello, just wanted to tell you, I liked this blog post. It was helpful.
    Keep on posting!|
    Hello, I enjoy reading through your article post. I wanted to write a little comment to support you.|
    I always spent my half an hour to read this webpage’s posts
    all the time along with a mug of coffee.|
    I always emailed this webpage post page to all my contacts, as if like to read it then my
    links will too.|
    My developer is trying to persuade 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 several websites for about a year and am nervous about switching to another
    platform. I have heard good things about blogengine.net.

    Is there a way I can transfer all my wordpress posts into
    it? Any help would be greatly appreciated!|
    Good day! I could have sworn I’ve visited this blog before but after going through many of the
    articles I realized it’s new to me. Nonetheless, I’m definitely happy
    I found it and I’ll be book-marking it and checking back often!|
    Wonderful work! That is the type of info that are
    meant to be shared across the web. Shame on Google for
    not positioning this put up upper! Come on over and discuss with my site .
    Thank you =)|
    Heya i’m for the first time here. I found this board and I find
    It truly useful & it helped me out a lot. I hope to give something back and aid others like
    you aided me.|
    Hi, I do think your website could be having browser compatibility
    problems. Whenever I look at your site in Safari, it looks fine however, when opening in I.E., it’s got some overlapping issues.
    I merely wanted to provide you with a quick heads up! Besides that, fantastic blog!|
    Somebody necessarily help to make seriously posts I might state.
    This is the first time I frequented your website
    page and thus far? I amazed with the analysis you made to create this particular post amazing.
    Fantastic process!|
    Heya i’m for the first time here. I came across this
    board and I find It really useful & it helped me out much.
    I am hoping to provide something again and aid others such as you helped me.|
    Good day! I simply wish to offer you a huge thumbs up for
    your great info you have got right here on this post.
    I will be returning to your web site for more soon.|
    I always used to read article in news papers but now as I am
    a user of net thus from now I am using net for posts,
    thanks to web.|
    Your mode of explaining everything in this article is really
    nice, every one can effortlessly know it, Thanks a lot.|
    Hi there, I found your web site by way of Google at the same
    time as looking for a similar matter, your site came up,
    it seems to be great. I have bookmarked it in my google bookmarks.

    Hi there, just was aware of your weblog thru Google, and
    found that it’s truly informative. I am going to watch out for brussels.

    I will be grateful if you happen to proceed this in future.
    Lots of other people will be benefited from your writing.
    Cheers!|
    I’m curious to find out what blog platform you are utilizing?
    I’m having some minor security issues with my latest blog and I would
    like to find something more safeguarded. Do you have any recommendations?|
    I’m really impressed with your writing skills as well as with the
    layout on your weblog. Is this a paid theme or did you customize it yourself?

    Either way keep up the excellent quality writing, it’s rare to see a nice blog like this one today.|
    I am really inspired together with your writing skills as smartly as
    with the layout on your weblog. Is that this a paid theme or did you customize it yourself?
    Either way keep up the nice high quality writing, it’s rare to see a great weblog like this one nowadays..|
    Hi, Neat post. There’s an issue together with your site in web explorer, might
    check this? IE nonetheless is the market chief and a big component of people will leave out your excellent writing due to this problem.|
    I am not sure where you are getting your info, but great topic.

    I needs to spend some time learning much more or understanding more.
    Thanks for excellent information I was looking for this information for my mission.|
    Hi, i think that i saw you visited my web site so i came to “return the
    favor”.I am trying to find things to enhance my website!I suppose its ok
    to use {some of|a few\

  49. It’s the best time to make some plans for the longer term and
    it’s time to be happy. I’ve read this submit and
    if I may just I want to recommend you few interesting
    issues or tips. Perhaps you can write subsequent articles
    regarding this article. I want to read more issues about it!

    Here is my site melbourne concrete grinder

Leave a Reply