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. Thank you for your site post. Jones and I are actually
    saving for just a new publication on this subject and
    your short article has made all of us to save our money. Your opinions really clarified all our
    issues. In fact, over what we had recognized previous to
    the time we ran into your superb blog. My spouse and i no longer nurture
    doubts and a troubled mind because you have attended to each of our needs
    here. Thanks

  2. I loved as much as you’ll receive carried out right here.

    The sketch is attractive, your authored material
    stylish. nonetheless, you command get got an nervousness over that you wish
    be delivering the following. unwell unquestionably come further formerly
    again since exactly the same nearly a lot often inside case you shield this hike.

    My website Terpenoids

  4. Definitely believe that which you said. Your favorite reason appeared to be on the internet the easiest thing to be aware of.
    I say to you, I certainly get annoyed while people consider worries that they
    plainly do not know about. You managed to hit the nail upon the
    top and also defined out the whole thing without having side effect
    , people could take a signal. Will probably be back to get more.
    Thanks

  10. I feel that is among the so much vital information for me.
    And i’m happy reading your article. However want to observation on some general issues,
    The site style is ideal, the articles is really nice : D.
    Good job, cheers

    Also visit my page; cell-phone repair

  13. You’re so cool! I don’t think I’ve read a single thing like this before.
    So great to discover another person with unique thoughts on this subject.
    Really.. thanks for starting this up. This site is something that is needed on the
    web, someone with a little originality!

    Here is my website; Popcorn Time

  14. Fantastic goods from you, man. I have understand your stuff previous to and you’re just
    extremely magnificent. I really like what you have acquired here, certainly like what you’re saying and the
    way in which you say it. You make it enjoyable and you still care for
    to keep it sensible. I cant wait to read far more from you.
    This is actually a terrific web site.

    Also visit my web blog … dessert recipes

  15. Thank you a lot for sharing this with all people you really understand what you
    are talking about! Bookmarked. Kindly additionally talk
    over with my site =). We will have a link exchange arrangement
    between us

  18. That is very attention-grabbing, You are a very skilled blogger.
    I have joined your rss feed and look ahead to in search of more of your wonderful post.
    Additionally, I have shared your web site in my social networks!

  19. This design is incredible! You obviously know how to keep a reader
    amused. Between your wit and your videos, I was almost moved to
    start my own blog (well, almost…HaHa!) Wonderful job.
    I really loved what you had to say, and more than that, how you presented
    it. Too cool!

    My homepage … ww1.rogerspets.com (George)

  20. I am extremely impressed with your wгiting abіlities as well as with the
    structure on your blog. Is that this a paÑ–â…¾ topic or did you customize it
    уour self? Anyway keеp up the excellent quality writing, it’s uncommon to peer a niсe blog like this
    one thᥱse days..

    Feel free to suгf to my web page :: online kappersschaar

  21. Try your hand at Texas Hold ‘em within walking range of
    our lodge in Oceanside, CA, or play with the blackjack tables at Water’s Eleven Casino.

    Provide the kids on an exciting trip to Legoland, offering
    thrill rides, waterslides and Sea-Life Carlsbad Aquarium, just 10 minutes away.

    my web blog :: oceanside storage

  22. 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.

  23. Seja de Porto Feliz, Canoas, Bento Gonçalves, Pelotas ou Uruguaiana,
    nossa empresa de mudanças está preparada para tornar a sua vida mas simples.

  29. Howdy! Quick question that’s totally off topic.

    Do you know how to make your site mobile friendly?
    My site looks weird when viewing from my apple iphone. I’m trying to
    find a theme or plugin that might be able to resolve this problem.
    If you have any suggestions, please share. Cheers!

  30. No matter if some onee searches for hiss vital thing, thus he/she needs to bbe
    available thatt in detail, thus that thing is maintained over
    here.

  33. Hello! I’ve been reading your website for a while now and
    finally got the courage to go ahead and give you a shout
    out from Houston Tx! Just wanted to say keep up the good job!

    my web blog – baju kurung

  37. Wonderful article! That is the type of info that should be shared across
    the net. Shame on Google for no longer positioning this put up
    higher! Come on over and consult with my website . Thanks =)

    Look at my webpage Wyoming LLC

  39. You really make it seem so easy with your presentation but I find
    this topic to be actually something that I think I would
    never understand. It seems too complicated and very broad for me.
    I am looking forward for your next post, I’ll try to
    get the hang of it!

    Look into my website; kitchen tools

  41. Great article! This is the kind of info that are supposed to be shared across the net.
    Disgrace on Google for not positioning this
    publish higher! Come on over and seek advice from my web site .

    Thank you =)

    Feel free to visit my site sonny english

  44. I absolutely love your website.. Excellent colors & theme. Did you build this web site yourself?
    Please reply back as I’m planning to create my very own blog and want to
    know where you got this from or just what the theme is named.
    Kudos!

    My webpage :: seo analyze

  45. write The IUPAT District
    Council 46 Scholarship Award Committee has long been committed to maintaining high standards of excellence within the IUPAT
    professional sphere, through its provision of educational benefits to
    IUPAT members and their relatives. When you complete your
    first level of writing then try to discuss it with your some advisor or to whom
    you have been taking ideas for your writing.

    You can use the information and re-word it inyour own words.

  46. I have been browsing online more than 4 hours today,
    yet I never found any interesting article like yours. It’s pretty worth enough for
    me. In my opinion, if all webmasters and bloggers made good content
    as you did, the web will be much more useful than ever before.

  47. We’re a group of volunteers and opening a new scheme in our
    community. Your site provided us with valuable info
    to work on. You’ve done an impressive job and our whole community will be
    thankful to you.

  48. Thank you for any other informative website. The place
    else may just I get that kind of info written in such
    an ideal means? I have a venture that I am just now
    running on, and I have been at the look out for such information.

  49. Everything is very open with a clear clarification of the challenges.
    It was truly informative. Your website is extremely helpful.

    Many thanks for sharing!

  50. Today, I went to the beach front 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 placed 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 totally off
    topic but I had to tell someone!

    my homepage :: Popcorn Time online

Leave a Reply