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. I am genuinely glad to read this web site posts which carries tons of
    helpful information, thanks for providing these kinds of data.

  10. Prostitution is additionally unlawful in landmass China and breaching this regulation might lead to apprehension or
    expulsion.

    Have a look at my site :: travel tips in beijing china (Willian)

  11. Do you have a spam issue on this site; I also am a blogger, and I was wondering your situation; we have
    developed some nice practices and we are looking to
    trade strategies with others, why not shoot me an email if interested.

  12. I used to be suggested this web site by way of my cousin. I am no
    longer sure whether or not this put up is written by him as no one else realize such special approximately my problem.
    You’re amazing! Thanks!

  13. you are truly a good webmaster. The web site loading velocity is amazing.
    It kind of feels that you are doing any distinctive trick.
    In addition, The contents are masterpiece. you’ve performed a
    wonderful process on this topic!

  14. I was suggested this blog by means of my cousin. I am now not positive
    whether this put up is written via him as nobody else understand such designated approximately my trouble.

    You are amazing! Thank you!

  15. Dit aussi robotic « kitchen machines », il existe 2 types: les robots pâtissiers traditionnels pour la préparation de
    base des pâtes pour pâtisserie (pâtes à gâteau,
    à ache ou à crêpes, œufs en neige ou crème fouettée) et les robots pâtissiers accessoirisés
    pour augmenter la fonctionnalité en y connectant
    un ou plusieurs accessoires (hacher, râper, mixer, broyer, presser, …).

    Ce dernier se rapproche plus des robots multifonction.

  16. It is illegal to sell such items in almost all countries, including China, under the Convention on International Trade in Endangered
    Species Enforcement in China is somewhat lax, yet
    any individual purchasing such products threats significant troubles either when aiming to leave
    China with them or when trying to import them right into an additional nation.

    My website; china travel guide tips

  18. Wonderful beat ! I would like to apprentice while you amend your site,
    how could i subscribe for a blog web site? The account helped me a acceptable deal.

    I had been tiny bit acquainted of this your broadcast offered bright clear idea

    Here is my page – hot lesbian pussy

  20. Hey There. I found your weblog using msn. That is a very smartly written article.
    I’ll be sure to bookmark it and return to learn more of
    your useful information. Thanks for the post.
    I’ll certainly comeback.

  21. Excellent post. Keep posting such kind of info on your blog.

    Im really impressed by your site.
    Hi there, You’ve done an excellent job. I will definitely digg
    it and in my view recommend to my friends. I am sure they will be benefited from this website.

  22. Heading inland on Blvd, The North County Model Railway Society greets
    readers on Thursdays from 3-5 and , nonetheless it is recommended to prepare
    your visit by email data or phone 760-722-7366
    in advance @.

    My web blog – hotel oceanside

  26. Inspired by a box of scrumptious raspberry and popping sweet truffles
    from Monty Bojangles I decided to play with a raspberry ripple cake hiding a truffle inside
    each one!

    Feel free to surf to my webpage – joma jewellery fifi bracelet (Misty)

  27. If you wish to discover out more in regards to the completely different materials used
    in handcrafting unique necklaces for girls, then you may have
    come to the correct place.

    My blog joma jewellery promo code [Ashely]

  28. One of the reasons for it’s because insurers always offer their greatest offers to new prospects, existing prospects are virtually penalised for exhibiting loyalty!

    Feel free to visit my page :: joma jewellery john lewis (Lena)

  30. The bottom line is that should you want money now it’s probably a very good
    time to promote gold coins because the value of gold is so high.

    My page :: joma jewellery princess (Pilar)

  32. Amazing! This blog looks exactly like my old one!
    It’s on a entirely different topic but it has pretty much the same
    page layout and design. Wonderful choice of colors!

    Also visit my page :: bookkeeping

  35. After checking out a handful of the blog posts on your web site, I truly appreciate
    your technique of writing a blog. I added it to my bookmark webpage
    list and will be checking back in the near future.
    Take a look at my website too and tell me how you feel.

    Take a look at my webpage; lida

  38. I feel this is among the such a lot vital info
    for me. And i’m glad reading your article. However should remark on some normal issues,
    The website taste is wonderful, the articles is
    actually excellent : D. Excellent task, cheers

  41. I then held the jig with one hand and filed right to left with the other hand till the top was
    flush with the floor of the jig.

    Feel free to surf to my web blog :: joma jewellery real silver [Ernestina]

  42. From the rings for the chunky bangles in direction of the stylish earrings we will by no means ever make a improper alternative if we resolve on fiorelli jewellery.

    The collection continually has a unique item
    for all women; they’ve one thing that will attraction to any girl
    and for any event.

    Here is my web site :: joma jewellery sale

  43. Inning accordance with the World Health Organisation (THAT), you are
    3.5 times more probable to be killed in a car mishap in China than in Australia.

    my web blog :: china travel tips electricity [Sunny]

  44. I do trust all of the ideas you’ve offered to your
    post. They are very convincing and can definitely work.
    Still, the posts are too brief for beginners. May just you please extend them a little from subsequent time?
    Thank you for the post.

  46. I like them nevertheless it’s not high-quality jewelry.
    TFTE: What do you mean fine jewellery?

    my page: where can i buy joma jewellery (Ludie)

  48. I am sure many will discover this very helpful. Owning a piece
    of gold jewellery ought to make one really feel accountable for sustaining it is magnificence and
    you’ve given some good yet easy ideas to try
    this!

    Review my blog joma jewellery christening, Colby,

  49. It could also be time to put money into methods to transcend the drawer to retailer your jewellery.
    Well-designed jewellery armoires are available quite a lot of shapes, sizes, and
    kinds. This makes it potential for anyone to simply retailer his or
    her jewellery. Some fashions are very simple; a hinged mirror with a compartment to
    retailer the jewelry is one such example. However, elaborateness can go so far as a desk with layered, fold out drawers that may retailer a whole bunch of
    items in a very enticing approach. Models which are
    extra informal mimic the hinged door mirror, but can have elements which can be more ornamental as effectively.

    For instance, an armoire that is divided into separate frames
    for photos can function a decorative merchandise within the room, while storing your
    jewelry on the inside. Most of these products include built in hooks and compartments to
    make it simple for you to divide your jewelry well.
    If it’s essential transcend the limitations of a jewellery door, there are plenty of options
    accessible to you.

    My web page :: joma jewellery voucher code

  50. The Australian Federal government does not provide info on the safety of individual airlines or flight paths.

    Here is my web-site – china travel hints and tips; Ulrike,

Leave a Reply