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. Today, I went to the beachfront with my kids.
    I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put the shell to her
    ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is entirely off topic but I had to
    tell someone!

    My webpage: clement canopy showflat location

  2. My issue is not so much the 7 year regulation,
    however that my home loan company is now informing me that because
    I’m in an apartment, they can never eliminate my fha loans mcallen tx (Flynn) mortgage
    insurance coverage.

  3. It is vitally essential to have your fingers professionally measured earlier than buying wedding rings,
    notably if you are going to purchase on-line.

    Feel free to visit my page is joma jewellery silver (Quinton)

  4. Hello there! I know this is somewhat off topic but I was wondering if you
    knew where I could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having difficulty finding one?
    Thanks a lot!

  5. Hi there! This post could not be written any better! Reading this post reminds me of my previous room mate!
    He always kept talking about this. I will forward this write-up
    to him. Pretty sure he will have a good read.
    Many thanks for sharing!

    Also visit my web blog … auto glass repair

  7. Its such as you read my thoughts! You seem to grasp a lot approximately this, such as you wrote the guide in it or something.
    I feel that you simply can do with a few % to pressure the message home a bit, however other than that, that is great blog.
    A fantastic read. I’ll definitely be back.

    Feel free to surf to my web blog :: lam dep tu nhien

  8. Otherwise, the Article Office has people who will translate but that requires time and also is not 100% accurate.

    My blog :: china travel tips currency, Jack,

  9. Columbus’s objective was industrial, Zheng He’s
    polite: he was sent out to restore envoys from various
    other nations to admire the brand-new Yongle emperor, who had actually appropriated power from his nephew and also had to discover a method to assert his authenticity.

    My website … china business travel tips (Hilda)

  10. A fascinating discussion is definitely worth comment.

    I believe that you ought to publish more on this issue,
    it may not be a taboo matter but typically folks don’t discuss these subjects.
    To the next! Many thanks!!

    My page Shoes

  11. Oh my goodness! Impressive article dude! Thank you so much, However I am experiencing issues with your
    RSS. I don’t understand the reason why I can’t subscribe to it.

    Is there anybody else having identical RSS problems?
    Anyone who knows the solution can you kindly respond?
    Thanx!!

    Here is my weblog: Boutique hotels

  14. Tech – Crunch saiid one of its readers found his
    own number, as well as the number of Mobile Strike co-founder Evan Spiegel, on the leaked
    list. Experts say this won’t be the last problem with Mobile Strike, Companies like
    Microsoft and Google actively court security researchers and even pay bounties for people to expose flaws in their systems.
    Share photos click from phone’s camera or pics in gallery.

    Here is my web site Black and White Bleaching Cream yang dikunci

  24. Safados amadores filmes porno gay sexo rendeiro Videos gays porno online sem custo adicional 72% 2828 Views Meninos gays
    safadinhos fazendo amor gostoso amásio.

  26. Attractive component of content. I simply stumbled upon your web site and in accession capital to assert that I acquire actually enjoyed account
    your weblog posts. Any way I will be subscribing to your augment or even I
    success you access persistently fast.

  29. Via this program, opinion leaders will certainly be able to travel to China for a ten-day journey
    and also develop straight links with the people,
    institutions, and culture of a fast-growing and also vibrant
    nation.

    Here is my blog: travel tips for china visit (Mickey)

  31. hey there and thank you for your information – I have definitely picked up anything new from right here.

    I did however expertise several technical issues using this website, as I experienced to reload the web site lots of times
    previous to I cold get it to load correctly. I had been wondering if your web host is OK?
    Not that I am complaining, but slow loading instances
    times will often affect your placement in google and
    could damage your quality score if advertising and marketing with Adwords.
    Well I’madding this RSS to my email and could look out for
    much more of your respective intriguing content.
    Ensure that you update this again soon.

  32. Magnificent beat ! I would like to apprentice while you amend your web site, how can i subscribe for
    a blog website? The account helped me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast provided bright clear concept

  33. Hey there just wanted to give you a quick heads up.
    The text in your content seem to be running off the screen in Safari.
    I’m not sure if this is a format issue or something to do with web browser compatibility but
    I thought I’d post to let you know. The design and style look great though!
    Hope you get the issue solved soon. Thanks

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

    My web blog … streetart

  35. This is a very good tip particularly to those new to the blogosphere.
    Short but very accurate information… Appreciate your
    sharing this one. A must read article!

  37. For a more relaxed outdoor procuring atmosphere head for the Cours Soleya market in the outdated city of Good.
    This vibrant pedestrian district is a favourite meeting place for locals.

    Here is my page :: joma jewellery a little valentine (Alphonse)

  41. Hey very nice blog!! Guy .. Beautiful .. Wonderful .. I will bookmark your website
    and take the feeds also? I’m happy to search out so many useful info here within the submit, we need work out
    more strategies in this regard, thanks for sharing.
    . . . . .

    Also visit my weblog auto glass

  42. Wonderful goods from you, man. I have understand your stuff previous to and
    you’re just too magnificent. I really like what you’ve acquired here, certainly like what
    you’re stating and the way in which you say it.
    You make it entertaining and you still care for to keep it smart.
    I can’t wait to read much more from you. This is actually a
    terrific website.

    Here is my web page – best credit monitoring service
    (http://www.3sports.at/projects/michaelarudolf/V1/gbook/guestbook.php)

  43. May I simply just say what a relief to discover someone that truly understands what they are talking about on the internet.

    You certainly realize how to bring an issue to light and make it important.

    More people need to look at this and understand this side of your story.

    I was surprised you aren’t more popular because you most certainly possess the gift.

    Here is my blog post High Paying Affiliate Programs

  44. Stick to the main exchange counter in the Bank of China or one of the
    various other large financial institutions as despite the fact that you obtain somewhat even worse
    rates, the threat of getting imitation expenses is close to no.

    Review my blog travel tips for china adoption (Franklyn)

  46. I’ve been surfing online more than 4 hours today, yet I never found any interesting
    article like yours. It is pretty worth enough for me.
    Personally, if all webmasters and bloggers made good content
    as you did, the internet will be a lot more useful than ever before.

    Feel free to surf to my website … vernavicky.bloog.pl

  48. Its like you read my thoughts! You seem to grasp a lot
    about this, like you wrote the e book in it or something.
    I believe that you simply could do with a few percent to power the message house a little bit, however instead of that,
    that is excellent blog. A fantastic read. I will
    certainly be back.

    My web blog: hip hop

  49. I seriously love your blog.. Very nice colors
    & theme. Did you develop this web site yourself?

    Please reply back as I’m trying to create my very own website
    and want to find out where you got this from or exactly what the theme is named.

    Thank you!

  50. Unquestionably believe that which you said. Your favorite reason appeared to be on the web the simplest
    thing to be aware of. I say to you, I definitely get irked
    while people consider worries that they just don’t know about.

    You managed to hit the nail upon the top and defined out the
    whole thing without having side effect , people could take a
    signal. Will probably be back to get more.

    Thanks

    Have a look at my homepage; thuc pham tot cho ba bau

Leave a Reply