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. Superb blog you have here but I was curious about if you knew of any message boards that cover the same topics discussed here?
    I’d really love to be a part of online community where I can get advice
    from other knowledgeable people that share the same interest.
    If you have any suggestions, please let me know. Thanks!

    my blog travestis transex rj

  2. Hi there I am so glad I found your website, I really found you by mistake, while I was searching
    on Aol for something else, Anyways I am here now and would just like to
    say kudos for a remarkable post and a all round enjoyable blog (I also love the theme/design),
    I don’t have time to go through it all at the moment
    but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read much more, Please do keep up the great work.

  3. I’m pretty pleased to find this website.
    I need to to thank you for ones time for this wonderful
    read!! I definitely really liked every bit of it and i also have you saved to fav
    to see new things in your Related Site.

  4. Can I just say what a comfort to discover somebody that actually understands what they’re discussing
    over the internet. You definitely realize how to bring a problem to light and make it important.
    More and more people really need to look at this and understand this side of
    the story. I was surprised that you aren’t more
    popular since you certainly possess the gift.

    My site … my explanation

  7. Hi there I am so delighted I found your webpage, I really
    found you by accident, while I was researching on Google for something else, Nonetheless I am here now and would just like to say
    thanks for a fantastic post and a all round thrilling blog (I also love
    the theme/design), I don’t have time to read through it all at the
    minute but I have saved it and also included your RSS feeds, so when I
    have time I will be back to read much more, Please do keep up the fantastic job.

  9. I know this if off topic but I’m looking into starting my own blog
    and was curious 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 smart so I’m not 100% certain. Any tips
    or advice would be greatly appreciated. Many thanks

    Here is my site … printable manufacturer coupons without downloading software
    (Milla)

  10. We absolutely love your blog and find a lot of your post’s to be just what I’m looking for.
    Does one offer guest writers to write content for yourself?
    I wouldn’t mind writing a post or elaborating on many of the subjects you
    write concerning here. Again, awesome website!

    Here is my webpage check my source (Joeann)

  11. Having read the article (Nereida)
    this I thought it was very enlightening. I appreciate you taking the time and energy to put this article together.

    I once again find myself spending a lot of time both reading and leaving comments.

    But so what, it was still worthwhile!

  16. Great beat ! I wish to apprentice even as you amend your site, how can i subscribe for a blog site?
    The account aided me a applicable deal. I had been a
    little bit acquainted of this your broadcast offered bright clear idea

  18. It’s a pity you don’t have a donate button! I’d most certainly donate
    to this outstanding blog! I guess for now i’ll settle for book-marking and adding your RSS feed to my Google account.
    I look forward to brand new updates and will share this website with
    my Facebook group. Chat soon!

    my weblog; Biodegradable paper cups

  19. Hey there! I know this is kinda off topic
    but I was wondering which blog platform are you using for this site?

    I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform.

    I would be great if you could point me in the direction of a good platform.

    my web page; toronto mortage

  23. I must thank you for the efforts you’ve put in penning this blog.
    I am hoping to see the same high-grade blog posts by you in the future as well.
    In truth, your creative writing abilities has motivated me to get my very own site now 😉

  24. In reality, a substantial number of Airbnb hosts in Austin only lease their spaces and apartment or condos throughout celebrations and rates
    during celebrations can be several times exactly what is normally charged.

  26. The makers claimed that glucommanan enlarge in the body, causing weight loss and senses of fullness.

    Look at my web page … native garcinia cambogia extract walmart, Annette,

  27. Hi, I think your blog might be having browser compatibility issues.
    When I look at your blog in Firefox, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted to give you a quick heads up!
    Other then that, terrific blog!

  29. Hello! I could have sworn I’ve been to this
    website before but after checking through some of the post I realized
    it’s new to me. Anyhow, I’m definitely happy I found it and I’ll be bookmarking and checking back
    frequently!

    Here is my blog post top multimeters for electronics (cut.cc)

  30. I really like what you guys are up too. Such clever work and reporting!
    Keep up the awesome works guys I’ve added you guys to our
    blogroll.

    my web blog :: office

  33. Hello there, I discovered your blog by the use of Google even as looking
    Tips for Packing Shipping and Moving Boxes a similar
    matter, your website got here up, it looks good. I’ve bookmarked it in my
    google bookmarks.
    Hi there, simply became alert to your blog thru Google, and located that it’s
    really informative. I’m gonna be careful for brussels. I
    will be grateful if you proceed this in future. Lots of other people might be benefited out of your writing.
    Cheers!

  35. What’s up to every body, it’s my first pay a visit of this web
    site; this weblog contains amazing and truly
    fine data for readers.

    My web blog :: muff

  36. I am not sure where you are getting your information, but
    good topic. I needs to spend some time learning much more or
    understanding more. Thanks for magnificent info I was looking for this
    info for my mission.

    Have a look at my blog … web site (Doyle)

  39. This site was… how do I say it? Relevant!!

    Finally I have found something that helped me. Thanks a lot!

    Feel free to surf to my homepage – homepage; Hattie,

  40. Howdy, i read your blog from time to time and i own a similar one
    and i was just wondering if you get a lot of spam remarks?
    If so how do you prevent it, any plugin or anything you can recommend?
    I get so much lately it’s driving me crazy so any help is very
    much appreciated.

    Feel free to visit my web page: club penguin walkthrough

  41. Generally I do not read post on blogs, but I wish to say that this
    write-up very forced me to take a look at and do so! Your writing style has
    been surprised me. Thanks, quite nice article.

    Here is my blog – inflatable kayaks (Hai)

  42. Hmm it seems like your blog ate my first comment (it was extremely 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 writer but I’m still new to the whole
    thing. Do you have any suggestions for beginner blog writers?
    I’d really appreciate it.

    My homepage … youtube gaming

  43. When exploring the social media networks, look up other individuals that were buddies
    of your ex. Then you can browse these individuals’s buddies lists
    and you just might discover your ex there.

  44. I wanted to thank you for this fantastic read!! I absolutely loved
    every bit of it. I have you bookmarked to check out new stuff you
    post…

  48. Having read this I believed it was very enlightening.
    I appreciate you spending some time and effort to put this information together.

    I once again find myself spending a significant amount of time both reading and posting comments.
    But so what, it was still worth it!

    Have a look at my webpage: finding the best multimeter for hobby electronics
    (aguseo.com)

  49. I was wondering if you ever considered changing the page layout of your blog?
    Its very well written; I love what youve got how to buy house in Toronto say.

    But maybe you could a little more in the way of content
    so people could connect with it better. Youve got an awful lot of text for only having one or 2 pictures.
    Maybe you could space it out better?

Leave a Reply