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. you’re actually a excellent webmaster. The web site loading pace is incredible.
    It kind of feels that you’re doing any distinctive trick.
    Furthermore, The contents are masterwork. you’ve performed a excellent job on this matter!

    Feel free to visit my web page :: Coupon code

  5. I’m amazed, I have to admit. Rarely do I encounter a blog that’s
    equally educative and amusing, and without a doubt, you
    have hit the nail on the head. The issue is something which too
    few men and women are speaking intelligently about. I am very happy I came across this during my hunt for something
    concerning this.

    Feel free to surf to my site: roasted coffee

  6. I do not even know how I ended up here, but I thought this post was great.

    I don’t know who you are but definitely you’re going to a famous blogger if you are not already 😉 Cheers!

  8. Pretty nice post. I just stumbled upon your blog and wanted to say
    that I’ve really loved surfing around your weblog posts.
    In any case I’ll be subscribing in your feed and I hope you write again soon!

    Check out my web blog: junk removal

  12. you’re really a good webmaster. The site loading pace is amazing.
    It sort of feels that you’re doing any distinctive trick.

    Moreover, The contents are masterpiece. you’ve performed a wonderful task on this matter!

    my web site – garcinia cambogia a stimulant (Lorenzo)

  14. Right now it appears like WordPress is the top blogging platform
    available right now. (from what I’ve read) Is that what you are
    using on your blog?

  15. Hi there to every body, it’s my first visit of this website; this webpage consists of awesome and really fine information in favor of visitors.

  18. Alternatively the recently published CIOB Contract for
    use with Complex Projects contains a specific BIM contract clause
    (clause 11) with cross references to Appendix C which
    contains further information to be set out in that contract relating to
    the operation bim model and design authorisation for each
    design element at each design level of development. 

  20. Nice weblog here! Additionally your site lots up very fast!
    What web host are you the use of? Can I am getting your associate link to your host?

    I desire my web site loaded up as quickly as yours lol

    Feel free to visit my weblog :: elsword hack iOS

  22. There is no cure for child predators because it is not a
    disease. As example, in Kerala some news channels only highlight on the Kerala
    news. Get your site listed in search engine and RSS directories.

  23. This energy you are sending out will attract exactly the same negative energy all around
    you. Simon Cowan is a leading fashion writer and blogs about high heels,
    skirts and dresses. Listening to a voice in his corn field, Kinsella sets out on a journey that will lead to self-discovery and eventually crystallize the really important things
    in his life.

    Feel free to surf to my website … cheap giuseppe zanotti shoes

  24. No Advertising Cultural os objetivos visam a conquista, consolidação e aumento da
    simpatia pela empresa, porém na maioria das vezes esforço não é válido e não tem um retorno positivo devido ao costume de levar sempre vantagem em tudo.

  27. I tend not to leave a leave a response, however I browsed a few comments here
    How to Add a Facebook Like Button or Like Box | Donald Sinatra.
    I actually do have 2 questions for you if you do not mind.

    Could it be just me or do a few of these responses look like they are left by brain dead folks?
    😛 And, if you are posting at additional online sites, I would like to
    follow you. Could you make a list of all of your social networking pages like your twitter feed, Facebook page or linkedin profile?

    Also visit my blog post … Bitcoins Provides

  29. Or you can get a bit artistic and check out some of the different ideas that you
    would be able to see in the photographs given.

    Have a look at my web site – wooden shed kits rona – Bertie
    –

  34. I’m not sure where you’re getting your information, but
    great topic. I needs to spend some time learning much more or understanding more.
    Thanks for great information I was looking for this info for my mission.

    Also visit my web page … seo service

  36. Do you mind if I quote a few of your articles as long as I provide credit and sources back to your site?

    my maths hack (transfleur.nl) website is in the exact same
    area of interest as yours and my users would genuinely benefit from a lot
    of the information you provide here. Please let me know if this alright
    with you. Thanks!

  41. While the Dragon Ball Z Dokkan Battle Hack is
    quite interesting, the equally fun Dragon Ball GT, Dragon Ball,
    and Teckaichi 2, and Mc – Donald’s Play-Space are not that far behind in popularity.
    You can go on the web to determine the internet sites that offer free of charge
    movies to view, and research for the films you want to determine.
    In the 80’s and 90’s this Super Nintendo console was the top
    choice of the kids.

  42. It’s impressive that you are getting thoughts from this post as well as from our dialogue made at this place.

  43. Once the process is finished revealing the beautiful
    black dress that was hiding beneath another color for you,
    you are typically informed when it has been shipped.
    Tight levis can look attractive on someone who is fit with a slender figure, but if you are a bit on the heavy
    side, look for jeans that fit well without being tight.
    Generally the bride will start with choosing her wedding
    dress and the accessories will then be chosen to compliment the dress design. Finally,
    another staple item which you should have is
    the Oil of Olay line of beauty products. Due to the flowing appearance, chiffon gains great popularity in summer.
    Do you want your neighbors and friends to see you wearing
    your pajama bottoms at the grocery store.

    Here is my web-site – womens clothing craigslist

  47. I think this is one of the so much vital info for
    me. And i am happy reading your article. But should remark
    on some basic things, The website style is perfect, the articles
    is actually great : D. Good job, cheers

  48. I’m really enjoying the theme/design of your web site. Do you
    ever run into any browser compatibility problems? A few of my blog visitors have complained about my website not working correctly in Explorer but looks
    great in Chrome. Do you have any suggestions to help fix this issue?

    Here is my homepage; Charlotte NC home buyer

  50. The Operation BIM research team has developed synergistic substances derived from extracts of mangosteen, black sesame, soy, Centella asiatica and
    guava to create dietary supplement capsules which have
    been proven by Biomedical Technology Research Center to effectively reduce the production of the inflammatory mediators TNF-α, IL-6 and IL-17 which cause inflammation.

    My page – bim100

Leave a Reply