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. Sometimes people don’t believe me when I tell them about how much
    you can make taking paid surveys online… so I took a
    video of
    myself actually getting paid $500 for paid surveys to finally
    set
    the record straight.

    [CHECK IT OUT NOW]
    http://paidcashforsurveys.com/

    I’m not going to leave this video up for long, so
    check it out
    now before I take it down!

    Jason White

  5. Superb website you have here but I was wondering if you
    knew of any community forums that cover the same topics discussed in this article?
    I’d really like to be a part of community where I can get suggestions from other experienced individuals
    that share the same interest. If you have any recommendations, please let me know.
    Thanks!

  6. Wonderful blog! I found it while searching on Yahoo News. Do you have any tips on how to
    get listed in Yahoo News? I’ve been trying for a while but I never seem to get there!
    Many thanks

  8. whoah this weblog is great i really like studying
    your posts. Keep up the good work! You recognize, lots of individuals are looking around for this information, you can aid them greatly.

  9. With havin so much content and articles do you ever run into any issues of plagorism or copyright violation?
    My site has a lot of unique content I’ve either created myself or
    outsourced but it looks like a lot of it is popping it
    up all over the web without my permission. Do you know any methods to help protect against content from being ripped
    off? I’d certainly appreciate it.

  10. Hey! I realize this is somewhat off-topic however I needed to
    ask. Does building a well-established blog such as yours take
    a massive amount work? I am brand new to blogging but I do write in my journal every day.
    I’d like to start a blog so I can easily share my personal experience and views online.
    Please let me know if you have any ideas or tips for
    brand new aspiring blog owners. Thankyou!

    Also visit my blog post iptv channels

  11. Woah! I’m really enjoying the template/theme of
    this blog. It’s simple, yet effective. A lot of times it’s difficult to get that “perfect balance” between superb usability
    and appearance. I must say you have done a awesome job with this.
    Also, the blog loads super quick for me on Chrome. Exceptional Blog!

    My site … Church apps

  16. Yesterday, while I was at work, my cousin stole my iphone and tested to
    see if it can survive a 25 foot drop, just so she can be a youtube sensation. My iPad
    is now destroyed and she has 83 views. I know this is entirely off topic but I had to share it with someone!

  20. I have been browsing on-line more than 3 hours nowadays, yet I by no
    means found any interesting article like yours. It’s beautiful
    price enough for me. Personally, if all site owners
    and bloggers made just right content material as you did, the
    net shall be a lot more useful than ever before.

    my web page – cabinets cleveland ohio

  21. Oh my goodness! Incredible article dude! Thank you so much, However I am encountering troubles with
    your RSS. I don’t understand the reason why I can’t subscribe
    to it. Is there anybody else having similar RSS problems?
    Anyone who knows the solution will you kindly respond?

    Thanx!!

    My weblog; Baltimore Logo

  22. Have you ever thought about publishing an e-book or guest authoring on other
    blogs? I have a blog centered on the same subjects you discuss and would love to have you share some stories/information. I know my subscribers would appreciate your work.
    If you’re even remotely interested, feel free to shoot me
    an email.

    My weblog; liposuction san antonio

  23. Pretty section of content. I just stumbled upon your weblog
    and in accession capital to claim that I get in fact enjoyed
    account your blog posts. Anyway I will be subscribing in your augment or even I success you get right
    of entry to constantly quickly.

    my site – organic coffee beans

  24. We will certainly show you an essay that has true value.
    s not necessary for the essay to have a strong scientific topic, it could be anything.

    If you need help in Basic research Papers and Phrase Paper Help you are able to explore Cheap Essay.

  26. It is perfect time to make some plans for the long run and it is
    time to be happy. I have learn this submit and if I may I desire to
    suggest you some interesting things or suggestions. Perhaps you can write next articles relating to this article.
    I wish to read more things about it!

  28. I don’t even know how I finished up right here, but I believed this put up used to be great.
    I do not realize who you’re however certainly you are going to a well-known blogger
    should you aren’t already. Cheers!

  29. In my opinion you are not right. I am assured. I can defend the position. Write to me in PM, we will talk.
    [url=http://topchoise.tumblr.com/]deannaPa[/url]

  31. Hello, I believe your blog could be having web browser compatibility problems.
    Whenever I look at your site in Safari, it looks fine but when opening in I.E., it
    has some overlapping issues. I just wanted to give you a quick heads up!
    Besides that, excellent blog!

  36. Hello, i think that i saw you visited my web site thus i got here to “go back the want”.I’m trying to find things to improve my web site!I assume its adequate to make use of a few of your ideas!!
    liverpooOn

  38. Consisted of products you may intend to ask about are linens, working fire place, television, cooking oven, refrigerator, microwave, sort
    of warmth or cooling system, grill, jacuzzi, satellite TV access, internet link, shower,
    jacuzzi as well as maybe even a veranda swing.

    Also visit my web blog; log cabins with hot tubs cumbria (Coleman)

  42. I just like the helpful information you supply on your articles.
    I will bookmark your blog and check once more here regularly.
    I’m reasonably sure I will be told lots of new stuff right here!

    Good luck for the following!

  43. Nice blog here! Also your website loads up fast! What host are you using?
    Can I get your affiliate link to your host? I wish my website loaded up as quickly as yours lol

  44. First of all I would like to say great blog! I
    had a quick question in which I’d like to ask if you don’t mind.
    I was curious to find out how you center yourself and clear your head prior to
    writing. I’ve had trouble clearing my mind in getting my ideas out
    there. I truly do take pleasure in writing however it just seems like
    the first 10 to 15 minutes are usually lost just trying to figure out how to begin. Any recommendations or tips?
    Appreciate it!

  45. Howdy! This article couldn’t be written any
    better! Reading through this post reminds me of
    my previous roommate! He always kept preaching about this.
    I most certainly will forward this article to him.
    Fairly certain he will have a very good read. Thanks for sharing!

  46. Hey I know this is off topic but I was wondering if you knew of
    any widgets I could add to my blog that automatically
    tweet my newest twitter updates. I’ve been looking for a plug-in like this for
    quite some time and was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

    Here is my web site; Hypnose Lyon

  47. I like the helpful info you provide on your articles.
    I will bookmark your blog and check once more here regularly.
    I am somewhat certain I’ll be informed plenty of new stuff right here!
    Best of luck for the following!

  48. I absolutely love your blog and find almost
    all of your post’s to be exactly I’m looking for. Does one offer
    guest writers to write content for you? I wouldn’t mind creating a post or
    elaborating on a number of the subjects you write with regards to here.
    Again, awesome blog!

Leave a Reply