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”

  3. We stumbled over here coming from a different page and thought I
    should check things out. I like what I see so now i’m following you.
    Look forward to finding out about your web page yet again.

    Also visit my web-site … Healthy living

  7. Simply want to say your article is as surprising.
    The clearness in your post is simply excellent and i could assume you’re an expert on this
    subject. Well with your permission allow me to grab your RSS feed to keep up to date with forthcoming post.

    Thanks a million and please continue the gratifying work.

    my page – Event drapery

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

  15. I am really happy to glance at this website posts which consists of tons of valuable facts, thanks for providing these kinds of
    information.

  19. My spouse and I stumbled over here different page and thought I should check things out.
    I like what I see so now i’m following you. Look forward to going over
    your web page again.

  20. After looking over a handful of the blog articles on your website, I truly appreciate your technique of blogging.
    I book-marked it to my bookmark site list and will be checking back in the near future.
    Please visit my website too and tell me how you feel.

    My homepage – corporate meeting

  21. Hello my loved one! I wish to say that this article is awesome,
    great written and come with almost all important infos. I’d like to see more posts like this .

  25. We’re a group of volunteers and starting a new scheme in our community.

    Your website provided us with valuable info to
    work on. You have done a formidable job and our entire community will be thankful to you.

    Here is my web blog – ArianneD83µÄ¸öÈË×ÊÁÏ – ö¦ÐãÂÛ̳ (Margarette)

  27. Sweet blog! I found it while searching on Yahoo News. Do you
    have any suggestions on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!

    Appreciate it

  29. After consulting my doctor and also other members of the family, I chose to purchase
    the Oticon assistive hearing device to boost my condition. Every
    image for the page really should have some relevance for the images are placed on a page with no purpose, they often leave the
    learner more confused about the subject presented. Dyskinetic is shown in uncontrolled movements that happen to
    be slow and writing and inability to maintain balance and coordination.

  30. His ability to write on a vast range of topics make
    him exceptional from others. counselling department team and a
    dissertation writing consultant. Linda Correli is a
    staff writer for She specializes in writing History, Literature and
    English essays and book reports, as well as admission essays,
    personal statements and letters of recommendation.

  32. It’s appropriate time to make some plans for the
    future and it’s time to be happy. I’ve read this post and if
    I could I wish to suggest you few interesting things or suggestions.
    Maybe you could write next articles referring to this article.
    I want to read more things about it!

  34. What i don’t understood is in truth how you’re now not really a lot more well-preferred than you may
    be right now. You’re so intelligent. You recognize therefore
    significantly in relation to this subject, made
    me in my opinion imagine it from numerous various angles.
    Its like men and women don’t seem to be interested unless it’s something to accomplish with Woman gaga!
    Your personal stuffs excellent. Always handle it up!

  36. Try royal blue, navy blue, pastel blue, periwinkle or ocean blue.
    People who have high self confidence will try to fill the area they’re in. Make the leopard print the focal point of your ensemble.
    Is it because their products are far superior to others.
    Rather than make all the stationery look the same, coordinate it by using different elements of the
    above on different pieces. Shoebuy is for Style Runway, an online shopping site that offers
    a convenient way of buying products from various selections of shoes and other fashion accessories.
    So plan the trip well in advance to save yourself from
    learning unnecessary lessons, nevertheless.

    my page :: red lace dress amazon

  37. Attractive component to content. I simply stumbled upon your weblog
    and in accession capital to claim that I acquire in fact enjoyed account your
    blog posts. Anyway I’ll be subscribing to your augment
    and even I success you access constantly rapidly.

    Here is my blog :: Halloween

  38. I do not write a great deal of responses, but afteer reading through
    a few of the comments on How to Add a Facebook Like Button or
    Like Box | Donald Sinatra. I actually do have 2 questions for you if it’s okay.
    Could it be only mme or does it look as if like a few of these remarks come across as if
    they are left by brain dead visitors? 😛 And, if you are writing at additional
    online sites, I’d like to keep up with everytghing new you have
    to post. Could you make a list of all of your shared sites like your twitter feed, Facebook page or linkedin profile?

    Also visit my blog; AhmedOgk2的个人资料 – 湖南耀凯房地产投资有限公司 – Wilfred,

  39. Those who are different tend to prove themselves even in this competition. As students
    learn, they develop a chance to think abstractly
    also to develop conclusions based on their observations.
    Academic courses at both degree levels concentrate on providing students which has
    a full knowledge of their professional duties.

  41. Excellent beat ! I wish to apprentice at the
    same time as you amend your site, how can i subscribe for a blog web site?
    The account helped me a applicable deal. I had been a
    little bit acquainted of this your broadcast provided shiny transparent idea

  43. I absolutely love your blog and find the majority of your post’s to be exactly what
    I’m looking for. can you offer guest writers to write content for yourself?

    I wouldn’t mind composing a post or elaborating on a number of the subjects you write with
    regards to here. Again, awesome website!

    Here is my blog Stump grinding

  44. This is proper real-time strategy game with a slightly unique gameplay concept.
    Uncharted 3: Drake’s Deception will be the new chapter of this franchise, and sees the return of the
    treasure hunter Nathan Drake while he journeys to spectacular locations globally on a fantastic
    new mission. This often leads to problems with
    the accounts of legitimate players.

    Here is my site … walking war robots hack, https://www.Facebook.com,

  45. Estas escorts son profesionales en este género de servicios, con lo
    que si es vuestra primera vez, os asistirán y os guiarán en esa nueva aventura.

    my homepage; contactos mujeres calientes [Robt]

  48. Hey there, You have done a great job. I will definitely digg it and personally recommend to my friends.
    I’m sure they will be benefited from this website.

  50. He sold over forty thousand pairs of shoes
    in two and half days. In pre-industrial Europe, for example,
    the practice of medicine (Other than midwifery) was generally seen as a male
    prerogative. Transsexualism also exists, where a person who
    is born as one sex and is brought up in that sex, but has gender
    identity of the opposite sex and wishes to live as that sex (but does not necessarily wish to adopt that particular gender role, depending upon whether the person in question believes that gender roles are innate).
    Such as: Children & Babies, Gadgets, Christmas Gadgets, Cables, i – Phone & i
    – Pod, Rings, Cooler & Fans, Memory Card, Lifestyle Gadgets, Networking, Solar Powered, Game Accessories, Cell Phones,
    Play – Station 2 3, Halloween Gadgets, Decorations & Tech, Others, Occasion & Holiday,
    Cable Management, Keyboards, Other Apple Gadgets, Women’s Clothing, Wii Nintendo,
    Everything Else, Valentine’s Day, LED Clothing, Cell Phone Accessories, Watches,
    USB Hubs & Switches, Clothing & Fashion, Bracelets, Other
    Games, Headsets, Others, Laptops, Home & Office, Cell Phone, $3 Gadgets,
    Kitchen Gadgets, Xbox,. Cyber Monday sales
    deals are not just limited to one day anymore. There are endless business Internet
    opportunities for the aspiring business owner.

    My website; women s clothing amazon australia shipping

Leave a Reply