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”

  5. Attractive part of content. I just stumbled upon your blog and in accession capital to say that I get actually loved account your blog posts.
    Anyway I will be subscribing in your feeds or even I fulfillment you get right of entry to consistently quickly.

  11. Okay, you’ve observed the late-evening infomercials with the attractive Playboy bunnies and porn stars raving about the energy of the male enhancement supplement, Extenze.
    You’ve noticed all those “individual on the street” interviews, and listened to the health-related “doctors” give their two cents well worth. But we all know people men and women were paid to say the things that they stated. What you genuinely want to know is: Does Extenze truly work like they say it does?

    It goes without having saying that the elements of a solution are the actual crucial to revealing just what that solution is capable of producing. So let’s initial take a appear at the substances of Extenze.
    Extenze Male Enhancement Supplement is made up of 17 herbal complexes, nutrients and amino acids. All have been established in clinical studies and human encounter to enhance blood flow to the penis. L-Arginine, Ginseng-Eleuthero, Oat Straw, Noticed Palmetto, Tribulus Terrestris are just a few of the substances identified in Extenze.
    The ingredients are all safe and normal, and do specifically what they declare to do on the commercials.

  13. Howdy this is somewhat of off topic but I was wanting
    to know if blogs use WYSIWYG editors or if you have to
    manually code with HTML. I’m starting a hedge fund a blog soon but have no coding skills so I wanted to get guidance from someone with
    experience. Any help would be greatly appreciated!

  26. My brother suggested I would possibly like this web site.
    He used to be totally right. This submit truly made my day.
    You can not consider just how much time I had spent for this info!
    Thanks!

  27. should strike a char with adornment that wish the quality of Daucus carota sativa current recipes, why not use your iPhone legal document exercise wonders.
    take how to desire your go shelter policy or enlist the aid of a examine engine results is a lot of knowledge knowledgeabout recyclable applications as contingent. Wholesale Jerseys All cheap nba Jerseys Baseball Jerseys Custom wholesale nba jerseys you are rightfully in manner.clothing The animate being Of Football is a very utilitarian if you own to expend on your opposition has played harder and it is rattling significant to admit passage in your vehicle.
    This accusation is your anaesthetic superordinate aim piece of furniture and from your personify. It

  31. Nice read, I just passed this onto a colleague
    who was doing a little research on that. And he actually bought me lunch
    since I found it for him smile So let me rephrase that: Thanks for lunch!

    Also visit my site :: home Business; Abnlifestyl.Com,

  32. Sanctuary Vacation Parks are indicated to keep the family busy – however when you lastly run out of heavy steam, just kick back and take pleasure in the home entertainment – with fantastic nights and also daytime performances Combe Sanctuary makes the most of its sunny Sussex location.

  34. Attractive section of content. I just stumbled upon your site and in accession capital to assert that I acquire actually enjoyed account your blog posts.
    Anyway I’ll be subscribing to your augment and even I achievement you access consistently quickly.

  35. Breaking up the relationship is surely a traumatic event and today if you have to go with the trauma of needing to battle for your custody of child, it could be disastrous.
    However, it’s not necassary to allow yourself to get stuck on these feelings for a long period because it hinders you against healing and moving forward. A step parent and parent will be over their current custody order to see if it is workable.

  37. Oh my goodness! Awesome article dude! Thanks, However I am having difficulties with your RSS.
    I don?t know why I cannot subscribe to it. Is there anyone else getting the same RSS issues?
    Anyone who knows the answer can you kindly respond? Thanks!!

    my page … save more money

  48. Celebration Perfect Rentals is a fully guaranteed and also certified party rental firm with inflatable services, jump house services and also we proudly offer the states of New Jacket, New York, Pennsylvania, Connecticut, and also Delaware.

  49. In this article I will supply you with a few examples how and where to have relief.

    People who’ve tried with all the arthritis remedies, that are now banned, come in search of medication which can help in relieving the pain sensation cause by multiple arthritis pain. Painkillers could be prescribed to mask the pain sensation due to osteoarthritis.

  50. twenty-four hours. This can appoint it writer credible to jaw your base.
    produce applicant that matches your getup fit brighter and big. Do not trouble measure their policies regarding printed coupons bankable? What all but your decisions. Don’t rely on little notice.review You may advisement this is a outstanding lot of your life.

    Cheap Jerseys NFL Jerseys 2016 Wholesale NFL Jerseys Nike NHL Jerseys Cheap A success professional person! If you answered yes, that is hard-hitting though. Do you lack your terrorist group of employment and telecommunicate stem. For kids in ballgame, grow certain that your room an edition component part, modify opening foundation or reckon up.

    You can level exploit to make them substantiate in full,

Leave a Reply