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. Pour Facebook, on peut imaginer qu’il s’agit
    non seulement d’améliorer ses propres services mais surtout de permettre à
    la communauté de développeurs d’imaginer de nouveaux objets
    avec lesquels les utilisateurs peuvent interagir par la voix :
    Wearable techs comme les montres, lunettes chaussures, bracelets connectés, objets connectés
    à la maison comme les thermostats contrôlables
    par la voix, robots et agents conversationnels type Siri. http://www.youtube.com/watch?v=KfzLDYEEWOs

  4. Our staff is made up of university educated service technicians with degrees & backgrounds in Wildlife Biology, Entomology & Building and construction.

    My weblog detroit animal removal detroit (medium.com)

  5. Have you ever considered about including a little bit more than just your articles?
    I mean, what you say is valuable and all. Nevertheless just imagine if you added some great
    photos or videos to give your posts more, “pop”! Your content is excellent but with images and clips, this blog could undeniably be one of the greatest in its field.
    Superb blog!

    my blog post – site

  7. Hello! This is my first visit to your blog! We are a group of volunteers and starting
    a new initiative in a community in the same niche. Your blog provided
    us valuable information to work on. You have done a wonderful job!

    My webpage PhenQ Ingredients

  11. I was pretty pleased to uncover this website.
    I need to to thank you for your time for this fantastic read!!

    I definitely loved every bit of it and i also have you bookmarked to check out new information in your site.

    Feel free to surf to my web site tag antibody

  14. I love what you guys are usually up too. Such clever work and
    reporting! Keep up the great works guys I’ve included you guys to our blogroll.

  15. My brother suggested I may like this blog. He was totally right.
    This publish truly made my day. You can not imagine simply how
    a lot time I had spent for this information! Thank you!

    My webpage … Mac Sales

  18. This is a really good tip especially to those fresh to the blogosphere.
    Short but very precise information… Appreciate your sharing this one.
    A must read post!

    Review my blog post … KFC menu

  20. I have been browsing online more than three hours today, yet I never
    found any interesting article like yours. It is pretty worth enough for me.
    In my opinion, if all web owners and bloggers made good content
    as you did, the internet will be a lot more useful than ever before.

  22. Members are given stats for how well they do in the fashion battles and these
    stats determine their ranking compared to other members.
    At this point it is time to match the colour and kind with the design. They will lend a helping hand to make you look the best on a particular occasion. Moreover, with
    this style, your shoulders will definitely stand out since the skin around this area is generally clear and smooth.
    A human resources department must draft a business dress code policy with
    the legal issues firmly in mind. But it is also easier to search your desired bridal dresses in the market.

    my web-site … shopping centers

  23. Hi there! This blog post couldn’t be written any better!
    Going through this post reminds me of my previous roommate!
    He continually kept preaching about this. I am
    going to forward this article to him. Pretty sure he’ll have a very good read.
    Thank you for sharing!

  24. We provide secure, quick, and also effective wildlife and pet
    removal remedies, with professionals in every aspect of
    animal control.

    Also visit my homepage attic insulation flint (Staci)

  25. You’ve made some good points there. I looked on the net to find out more about
    the issue and found most people will go along with your views on this web site.

  26. Pretty great post. I simply stumbled upon your blog and wished to mention that I have truly loved
    surfing around your weblog posts. After all I will be subscribing to your feed and I hope you write again very soon!

  29. I do not even know how I stopped up right here, however I thought this publish used to be great.
    I don’t understand who you might be however definitely you’re going to a famous
    blogger should you are not already. Cheers!

    Feel free to visit my blog post :: primary antibody

  32. Hello! Do you know if they make any plugins to help
    with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very
    good success. If you know of any please share. Cheers!

    my site; Mac Repair

  33. I know this if off topic but I’m looking into starting my own weblog
    and was wondering what all is needed to get setup?
    I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very web savvy so I’m not 100% positive.
    Any suggestions or advice would be greatly appreciated.
    Thanks

    Also visit my page – user generated content

  37. Hello there! Do you know if they make any plugins to help with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good
    gains. If you know of any please share. Many thanks!

  38. Hi there, I found your web site by the use of Google even as looking for a similar matter, your website came up, it seems to be great.

    I’ve bookmarked it in my google bookmarks.

    Hi there, simply became alert to your blog via Google, and
    found that it is truly informative. I am gonna watch out for
    brussels. I will be grateful when you continue
    this in future. Lots of other folks will probably
    be benefited from your writing. Cheers!

  41. Si te han gustado estas imágenes de flores para pintar puedes darnos
    un like y si deseas asimismo puedes invitar a tus amigos a conocer todo cuanto tenemos en esta web, descarga el mejor de los diseños.

  43. Hello, i think that i saw you visited my blog thus i came to “return the favor”.I am attempting to find things to improve my site!I suppose its ok to
    use some of your ideas!!

  44. Howdy! I know this is somewhat off topic but I was wondering if
    you knew where I could find 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!

    my web page PhenQ Ingredients

  48. Very good blog! Do you have any tips and hints for aspiring writers?
    I’m hoping to start my own blog soon but I’m a little lost on everything.
    Would you propose starting with a free platform like
    Wordpress or go for a paid option? There are so many choices
    out there that I’m totally confused .. Any tips?
    Thanks a lot!

    Also visit my web blog Phone Psychic Readings

  49. I don’t even know how I ended up here, but I thought this post
    was good. I do not know who you are but definitely you are going to
    a famous blogger if you aren’t already 😉 Cheers!

    my homepage Mac Repair

  50. Hmm it seems like your site ate my first comment (it was super long) so I guess I’ll just sum it up what I had
    written and say, I’m thoroughly enjoying your blog. I too am an aspiring blog blogger but
    I’m still new to everything. Do you have any points for first-time
    blog writers? I’d really appreciate it.

    my blog post – Business Card Design

Leave a Reply