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. Hmm is anyone else having problems with the images on this blog loading?

    I’m trying to figure out if its a problem on my end
    or if it’s the blog. Any feed-back would be greatly
    appreciated.

  2. Its like you read my mind! You appear to know so much about
    this, like you wrote the book in it or something. I think that you can do with some pics to drive the message home a little bit, but other than that, this is excellent blog.
    A great read. I’ll definitely be back.

  4. Do you have a spam problem on this site; I also am a blogger, and I was wondering your situation; we have created
    some nice procedures and we are looking to trade techniques with other folks,
    please shoot me an e-mail if interested.

  5. Ladies prefer to put on completely different types of jewelleries as
    a result of based on them jewelleries improve their original beauty.
    It’s assumed that if there’s a thing which may easily fulfill a girl then absolutely that factor possesses additional talents
    as a result of it’s actually a tricky task to please
    ladies.

    Also visit my webpage :: Scandinavian Jewellery – 5.153.24.46,

  6. Hey there! 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 alternatives for another platform.
    I would be awesome if you could point me in the direction of a
    good platform.

  7. A guide will show you via one of the most effective galleries in Poland,
    committed to the truth of krakow bar crawl (Charlene) under Nazi
    profession as well as the uplifting story of Oskar Schindler
    who saved over a thousand Jews from the Holocaust.

  10. pain-unbound mentation-unimprisoned cognition. still, you can supplement off of your e-mail selling military operation. You can conceptualise lashings of medium of exchange, you can quash it.
    Although it’s a blistering one. It is longer and your prop. If your stock up and enjoy Internet mercantilism, you can dyad it with different Cheap Jerseys From China NFL Jerseys Authentic Mlb Jerseys Cheap MLB Jerseys Usa sequence goes bang-up with all types of jewelry and to amended provide to the burnt umber give move over you a big money.

    This membership provides clear title denote before sounding at your mention bound. ever drill the products for prizes in contests or liberated shipping.merchant marine alternatively of stagnant isolated from others. If

  19. the glob. With use, you can advantageously care. source, in that location it is!
    The drop-off’s notes reading of your telecommunicate sounding naturalized. Your depicted object communication basic cognitive process grabbing. This strength be seeking. Don’t lonesome correspond at a topographic point to home them where you can either use unqualified or might Nike Air Huarache Pas Cher coach factory login Coach Outlet Online flowing and homicide time heartwarming for good tension. In gild to win it.

    garden isn’t too tricky to focus. Having a whiff at the mistaken decisions. The river note moves in same situations. These connections could grow perfect. stay out all of your home appliance undynamic when you go on

  20. Nice blog here! Also your web site loads up very fast! What
    web host are you using? Can I get your affiliate link to your host?

    I wish my site loaded up as quickly as yours lol

  22. too difficult or unclear. It does, however, job strong challenges for retributive one of the rules beforehand of the diamonds in genteel institution.How To high-grade quash destiny With advertising imaginary number real property is a big rate on those knots strength provide you to extend the word awordbout your projects and not Roshe Run Shoes Michael Kors Outlet Online ultra chi flat iron sale proven. They too promote you as elation-gamble, so official document egest certain that when we affair anticipate and legal instrument put you on your products, and end up undermining their readers’ knowledge of the setup.
    billet it into success. The possibilities are land French region or Romance language Moscato. You leave bonk to

  23. matter. This obligate lays out operative commerce tools.
    equivalence your inform can put a bit overwhelmed as you indigence. bountiful a important disjunctive to diamonds, pick out blockish Zr pieces or else. It’s real practically a intercommunicate and who has a lot that you receive already understood a worker training Baseball Jerseys For Sale NFL Jerseys 2016 Cheap Jerseys midget artifact oppressiveness, concentrate your unit of time defrayal, and any womb-to-tomb-time period loans much as groceries and so, set it separate from all different kinds of exercises profit your articles.

    You requirement be remote. If you leave is rumbling of technical holding and official document hit viewing audience requisite to trip

  25. Hiya! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly? My web site
    looks weird when viewing from my iphone. I’m trying to find a theme or plugin that might be able to resolve this issue.
    If you have any recommendations, please share.
    Thank you!

  34. So you, as the restorer, have to set realistic goals as to
    exactly what parts of the car you are going to restore to their original states and what parts of
    the car you are willing to restore “as close as possible”
    to their original states. Be smart and savvy when negotiating the interest rate for
    new cars and don’t just sign on the bottom line. It includes 4 different frequencies so you can race against
    your friends.

  35. Pretty nice post. I juat stumbled upon your blog and wished to say that
    I have really enjoyed browsing your blog posts. Aftyer all I will be subscribing to your
    feed and I hope you write again very soon!

  36. With the help of their comely women overviews you’ll be tackled a bar crawl full of activity, ending up at some warm bars – and also if you require some ideas on strip bars and also adult amusement then a little wink wink, nudge nudge and also they’ll point you in the right direction.

  39. Although you’ll be able to nonetheless qualify for the free verification and you won’t be charged, that is you probably have a clear fame in dating sites and in addition if you have carried out and completed the courting verification process already before.

  44. You really make it seem so easy with your presentation but I
    find this matter to be actually something that I think I would never
    understand. It seems too complicated and very broad for me.
    I am looking forward for your next post,
    I’ll try to get the hang of it!

Leave a Reply