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. You’re so interesting! I don’t suppose I’ve read through anything like that before.
    So good to find another person with a few genuine thoughts on this topic.
    Really.. thank you for starting this up. This site is something that is required on the web, someone with some originality!

  5. Wow, wonderful blog layout! How long have you been blogging for?

    you made blogging look easy. The overall look of your web site is wonderful,
    as well as the content!

  12. You actually make it appear really easy along with your presentation but I to find this topic to be
    really something that I believe I would never understand.

    It kind of feels too complicated and extremely large for me.
    I’m taking a look ahead in your next publish, I’ll
    attempt to get the hold of it!

  14. I have been exploring for a little bit for any
    high-quality articles or weblog posts in this sort of area .
    Exploring in Yahoo I ultimately stumbled
    upon this site. Reading this info So i am glad to express that I’ve a very just
    right uncanny feeling I discovered just what I needed.
    I most undoubtedly will make certain to don?t disregard this web site and give
    it a look regularly.

    Here is my blog post … Pakistani Escort in Dubai

  16. But, if you’re in New York City, it is definitely difficult for a
    lot of to acquire a bag for $1,000. The key is to emphasise the truly great things you have got,
    like a flat stomach, and conceal your weak spots, much like the flabby thighs.

    Other shoppers will enter your store when they see others happen to be shopping there.

    Here is my weblog; cheap prada bags

  17. You actually make it appear so easy with your presentation however I in finding this topic to be actually something that I think I might
    by no means understand. It sort of feels too complicated and very
    wide for me. I’m having a look ahead to your next submit,
    I’ll try to get the dangle of it!

  18. Concesso, meraviglioso informazioni
    [url=http://h2413472.stratoserver.net/Webseiten%20ALT/pc/viewtopic.php?f=4&t=640085]smithsPa[/url]

  20. Also, you should write down the capital you need to
    start the business, the method you’ll use to advertise your business as well as where you’ll
    keep your goods in case you’ll bee selling physical goods.
    Isn’t this a real way tto make money online free and fast.

    Walk and Turn: Another FST commonly administered is the “walk and turn” test.

  24. 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 responses?
    If so how do you stop it, any plugin or anything you can suggest?
    I get so much lately it’s driving me mad so any help is very much
    appreciated.

  25. Right now it sounds like BlogEngine is the top blogging platform
    availablle right now. (from what I’ve read) Is that what you’re using on your
    blog?

    Here is my web blog :: John Lennon (Carlton)

  26. I got this site from my friend who told me about this web page and at the moment this time I am
    visiting this website and reading very informative articles at this
    time.

  32. This practices a statement by GREAT BRITAIN Publisher 505 Games, announcing
    the fact that the game they are right now developing for PSP Vita, that’s Supremacy
    MMA, will end up being arriving in Fall 2011. If shoring originate a supporter
    of Metal Gear Solid, bringing will love MGS4. Think about WHOM your subscribers are, what’s their interests,
    hobbies, married, single, divorced, grandparents,
    newly weds and now you’re getting the message loud and clear.

    Here is my website :: mortal kombat x hack (Frieda)

  33. And finally: DC places 23rd among WalletHub’s current 2017 Finest & Worst
    Cities for Jobs rankings (20th in what they
    describe as job market rank).

  34. Hello I am so happy I found your webpage, I really found
    you by mistake, while I was looking on Digg for something else, Anyhow
    I am here now and would just like to say cheers for a incredible
    post and a all round exciting blog (I also love the
    theme/design), I don’t have time to read through it
    all at the minute but I have book-marked it and also added your RSS feeds, so when I have time I will be back
    to read more, Please do keep up the excellent work.

    Try a few links on http://FastFails.com and see if you don’t laugh.
    Its quick and no need to join or sign up for anything. Just funny fail videos and epic viral funny
    compilation videos. Epic Fail, Funny Fail, Instant Karma, Girl Fail Video.Pet Fail Video, Child Fail Video

  36. We’re a group of volunteers and starting a new scheme in our community.
    Your web site offered us with valuable info
    to work on. You’ve done a formidable job and our entire community will be grateful to you.

  37. What is totally different in regards to the trainers that Newton develops
    is that they guide the person wearing them to run in correct form.

  39. Rounding out the cast are Frances ‘Connor (TV’s The
    Missing”) as the single mom, with Madison Wolfe (TV’s
    Zoo”) and newcomers Lauren Esposito, Patrick McAuley,
    and Benjamin Haigh as her children; Maria Doyle Kennedy (TV’s Orphan Black”);
    Simon Delaney (TV’s Roy”); Franka Potente (TV’s The Bridge”); and Simon McBurney (Mission Impossible:
    Rogue Nation).

    my homepage :: the conjuring 2 movie

  40. Hello there, I found your site by means of Google even as looking for a comparable matter, your web site got
    here up, it appears to be like great. I have bookmarked it in my google bookmarks.

    Hi there, simply changed into alert to your blog through Google, and located that it’s really informative.
    I am gonna watch out for brussels. I will be grateful in case you proceed this in future.

    A lot of folks shall be benefited out of your writing. Cheers!

  42. Most of us mustn’t spend money just for buying this high-quality components of recreation and now we
    have designed this new Clash Royale mods that would bypass in-utility purchase method and
    should probably give you limitless Gems and Gold fully completely
    free!

  43. Do you have a spam problem on this blog; I also am
    a blogger, and I was wanting to know your situation; many of
    us have created some nice practices and we are looking to exchange strategies
    with others, why not shoot me an email if interested.

  44. Hey I am so grateful I found your website, I really found you by accident, while I
    was researching on Google for something else, Anyhow
    I am here now and would just like to say many thanks for a marvelous post and a all round
    exciting blog (I also love the theme/design), I don¡¯t have time
    to go through it all at the moment but I have saved it and
    also added in your RSS feeds, so when I have time I will be back to read more,
    Please do keep up the superb work.cheap hockey jerseys

  46. You are so cool! I do not believe I’ve truly read a single thing
    like that before. So great to discover another person with some unique thoughts on this
    subject. Seriously.. thanks for starting this
    up. This site is something that is required on the internet,
    someone with a bit of originality!

  47. I don’t even know how I ehded up here, but I tthought this post was great.
    I don’t know who you are but certzinly you are going to a famous blogger
    if you aren’t already 😉 Cheers!

    Here is my homepage … George harrison (Nam)

  48. Clash Royale is likely one of the hardest game to play
    at this time as a result of it makes use of a
    brand new game mode, which is on-line, in the event you want a large internet connection to make
    sure that this tool works superb.

Leave a Reply