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”

  2. When I originally commented I appear to have clicked on the -Notify me
    when new comments are added- checkbox and from now on each
    time a comment is added I recieve 4 emails with the exact
    same comment. There has to be a way you are able to remove
    me from that service? Kudos!

    Also visit my page – electric fat bike

  4. With its advantages and tolerant loan credentials criteria, benefiting from
    the fha home loans mcallen tx – Terra, mortgage loan program can place a
    brand-new roof covering over your head.

  5. After I originally commented I appear to have clicked the -Notiufy
    me when new comments are added- checkbox and now each tome a comment iss
    added I get 4 emails with the exact same comment.

    Thee has to be an asy method you aree able to remove me from
    that service? Kudos!

    my site – teeth whitening at dentist before and
    after (Murray)

  6. Hey! I know this is kinda off topic but I was wondering which
    blog platform are you using for this website? I’m getting sick and tired of
    Wordpress because I’ve had issues with hackers and I’m looking
    at alternatives for another platform. I would be fantastic if
    you could point me in the direction of a good platform.

    Also visit my blog post – caterpillar parts

  7. I have been surfing online more than three hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. In my view, if all site owners and bloggers made
    good content as you did, the net will be a lot more useful than ever before.|
    I could not resist commenting. Perfectly written!|
    I’ll right away take hold of your rss as I can’t to find your email subscription hyperlink or e-newsletter
    service. Do you have any? Please allow me understand so that I
    may subscribe. Thanks.|
    It’s appropriate time to make some plans for
    the future and it’s time to be happy. I’ve read this post
    and if I could I desire to suggest you some
    interesting things or advice. Maybe you can write
    next articles referring to this article. I want to read even more things about it!|
    It’s perfect time to make a few plans for the long run and it’s time
    to be happy. I have read this post and if I could I desire to suggest you few attention-grabbing things or advice.
    Maybe you can write subsequent articles referring to
    this article. I desire to learn more things approximately it!|
    I have been browsing on-line greater than 3 hours today, yet I never found any interesting
    article like yours. It’s pretty price sufficient for me.
    In my view, if all site owners and bloggers made just right content as you probably did, the net will be a lot more useful than ever before.|
    Ahaa, its pleasant conversation on the topic of this article at this place at this web site, I have read all that, so now me also commenting here.|
    I am sure this post has touched all the internet viewers, its really
    really pleasant paragraph on building up new webpage.|
    Wow, this paragraph is fastidious, my younger sister
    is analyzing such things, thus I am going to convey her.|
    bookmarked!!, I like your website!|
    Way cool! Some extremely valid points! I appreciate you
    writing this post and also the rest of the website is very good.|
    Hi, I do think this is an excellent blog.
    I stumbledupon it 😉 I am going to come back yet again since i have saved as a favorite it.
    Money and freedom is the best way to change, may you be
    rich and continue to guide others.|
    Woah! I’m really enjoying the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s very hard to
    get that “perfect balance” between superb usability and appearance.
    I must say you’ve done a awesome job with this. Additionally, the blog
    loads super fast for me on Opera. Outstanding Blog!|
    These are in fact fantastic ideas in on the topic of blogging.
    You have touched some good factors here. Any way keep up wrinting.|
    I like what you guys are usually up too. Such clever work and
    exposure! Keep up the good works guys I’ve you guys to my blogroll.|
    Hello! Someone in my Myspace group shared this website with us so I came to look it over.
    I’m definitely loving the information. I’m bookmarking
    and will be tweeting this to my followers! Terrific blog and great style and
    design.|
    I enjoy what you guys are up too. This type of clever work and coverage!
    Keep up the wonderful works guys I’ve added you guys to our blogroll.|
    Howdy would you mind stating which blog platform you’re using?
    I’m looking to start my own blog soon but I’m having a hard time
    making a decision between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most
    blogs and I’m looking for something unique.

    P.S My apologies for being off-topic but I had
    to ask!|
    Hey would you mind letting me know which web host you’re
    utilizing? I’ve loaded your blog in 3 completely different browsers and I must say this blog loads
    a lot faster then most. Can you suggest a good hosting
    provider at a reasonable price? Kudos, I appreciate it!|
    I like it when folks come together and share opinions.
    Great website, keep it up!|
    Thank you for the good writeup. It in fact was a amusement account it.

    Look advanced to far added agreeable from you! By the way, how could we
    communicate?|
    Hey there just wanted to give you a quick
    heads up. The text in your post seem to be running off the
    screen in Chrome. I’m not sure if this is a format issue or something to do with browser compatibility but
    I thought I’d post to let you know. The design and style look
    great though! Hope you get the problem solved soon. Thanks|
    This is a topic that is close to my heart…

    Take care! Where are your contact details though?|
    It’s very simple to find out any matter on net as compared to books,
    as I found this piece of writing at this web site.|
    Does your site have a contact page? I’m having a tough time locating it but,
    I’d like to shoot you an e-mail. I’ve got some recommendations for
    your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it expand over time.|
    Greetings! I’ve been following your site for some time
    now and finally got the courage to go ahead and give you a shout out from
    Porter Tx! Just wanted to mention keep up the excellent work!|
    Greetings from Colorado! I’m bored to tears at work so I decided to browse your blog
    on my iphone during lunch break. I really like the info you present here
    and can’t wait to take a look when I get home.
    I’m surprised at how quick your blog loaded on my cell phone ..
    I’m not even using WIFI, just 3G .. Anyways, very good blog!|
    Its like you read my thoughts! You seem to grasp so much about this, like you wrote the guide in it or something.
    I feel that you could do with a few % to force the message
    home a little bit, but other than that, this is wonderful blog.

    An excellent read. I’ll definitely be back.|
    I visited various websites however the audio feature
    for audio songs current at this web page is truly wonderful.|
    Howdy, i read your blog occasionally and i own a similar one and i
    was just curious if you get a lot of spam
    comments? If so how do you reduce it, any plugin or anything you can suggest?
    I get so much lately it’s driving me mad so any assistance is very much appreciated.|
    Greetings! Very useful advice in this particular article!
    It’s the little changes that produce the greatest changes.

    Thanks for sharing!|
    I really love your website.. Pleasant colors & theme.
    Did you build this web site yourself? Please reply back as
    I’m trying to create my own website and want to find out where you got this from or
    what the theme is named. Many thanks!|
    Hi there! This blog post couldn’t be written any better!
    Looking at this post reminds me of my previous roommate!

    He continually kept preaching about this. I most certainly will send this
    post to him. Fairly certain he’ll have a good read. Thanks for sharing!|
    Incredible! This blog looks exactly like my old one! It’s on a totally different topic but it has pretty much the
    same page layout and design. Superb choice of colors!|
    There’s certainly a lot to know about this issue.

    I like all of the points you have made.|
    You’ve made some really good points there. I checked on the web for more information about the
    issue and found most people will go along with your views on this website.|
    Hello, I log on to your blog regularly. Your humoristic style is awesome,
    keep up the good work!|
    I simply couldn’t depart your web site prior to suggesting that I extremely loved the standard info a
    person provide in your guests? Is gonna be again continuously in order
    to inspect new posts|
    I wanted to thank you for this wonderful read!! I certainly
    enjoyed every bit of it. I’ve got you book marked to check
    out new stuff you post…|
    Hello, just wanted to tell you, I liked this post. It was
    helpful. Keep on posting!|
    Hello, I enjoy reading through your article post. I like to write a little comment to support you.|
    I always spent my half an hour to read this website’s articles
    daily along with a cup of coffee.|
    I every time emailed this blog post page to all my contacts, as if like
    to read it then my contacts will too.|
    My coder is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress
    on a variety of websites for about a year and am worried
    about switching to another platform. I have heard good things about blogengine.net.
    Is there a way I can import all my wordpress content into it?

    Any help would be greatly appreciated!|
    Hello! I could have sworn I’ve visited this site before but after looking at a few of
    the articles I realized it’s new to me. Anyways, I’m certainly pleased I stumbled upon it and I’ll
    be book-marking it and checking back often!|
    Great work! This is the type of information that are meant to be shared across the internet.
    Disgrace on Google for no longer positioning this post higher!

    Come on over and talk over with my site . Thank
    you =)|
    Heya i am for the first time here. I found this board and I
    find It really useful & it helped me out a lot.
    I hope to give something back and help others like you aided me.|
    Hi, There’s no doubt that your web site could be having web browser compatibility issues.

    Whenever I look at your website in Safari, it looks fine however
    when opening in I.E., it has some overlapping issues.

    I merely wanted to give you a quick heads up! Other than that,
    excellent website!|
    A person essentially help to make severely posts I
    might state. That is the very first time I frequented your website
    page and up to now? I amazed with the analysis you made to create this particular post extraordinary.
    Magnificent activity!|
    Heya i am for the primary time here. I found this board and I find It really helpful & it helped me out a lot.
    I am hoping to give one thing again and help others such as you aided me.|
    Good day! I simply would like to give you a big thumbs up for your excellent
    info you have here on this post. I will be coming back to your blog for more soon.|
    I always used to study post in news papers but now as I
    am a user of web therefore from now I am using net
    for content, thanks to web.|
    Your way of explaining everything in this post is really fastidious, every one can simply know it, Thanks a lot.|
    Hello there, I found your website by the use of Google whilst searching for a similar subject, your website
    came up, it seems to be good. I’ve bookmarked it in my
    google bookmarks.
    Hello there, just became alert to your weblog via Google,
    and located that it’s really informative. I’m going to be careful for brussels.
    I will appreciate when you proceed this in future. Many people will probably be benefited from
    your writing. Cheers!|
    I am curious to find out what blog system you happen to be utilizing?
    I’m having some small security problems with my latest site and I’d like to find something more
    secure. Do you have any recommendations?|
    I am really impressed with your writing skills and also with the layout on your weblog.
    Is this a paid theme or did you modify it yourself? Anyway keep up
    the nice quality writing, it is rare to see a nice blog like this one today.|
    I am extremely impressed with your writing abilities and also with
    the structure for your weblog. Is this a paid subject matter or did you modify it your self?
    Anyway stay up the excellent quality writing, it
    is uncommon to peer a great blog like this one these days..|
    Hi, Neat post. There is an issue with your site in web explorer,
    could test this? IE still is the marketplace chief and a huge element
    of people will leave out your wonderful writing because
    of this problem.|
    I’m not sure where you are getting your information, but good
    topic. I needs to spend some time learning more
    or understanding more. Thanks for great information I was looking for this information for my mission.|
    Hi, i think that i saw you visited my website thus i came to “return the favor”.I am attempting
    to find things to enhance my web site!I suppose its ok to
    use {some of|a few of
    \

  12. Hi there I am so excited I found your weblog, I really found you
    by accident, while I was looking 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 interesting blog (I also love the theme/design), I don’t
    have time to read through it all at the moment but I have saved it and also included your RSS feeds, so when I have time I will be back to
    read a great deal more, Please do keep up the great jo.

    my homepage … hot scoops

  14. fantastic put up, very informative. I ponder
    why the other specialists of this sector don’t notice this.

    You must proceed your writing. I’m sure, you’ve a great readers’ base already!

    My blog beauty tips; wallinside.com,

  16. Hi there would you mind stating which blog platform you’re using?
    I’m planning to start my own blog soon but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs and I’m looking
    for something unique. P.S Apologies for being off-topic but I had how to talk to girls ask!

  18. Thanks for ones marvelous posting! I seriously enjoyed reading it, you might be a great author.
    I will be sure to bookmark your blog and will come back later in life.
    I want to encourage you continue your great posts, have a nice afternoon!

  21. I’m impressed, I must say. Seldom do I come across a blog that’s both
    equally educative and amusing, and without a doubt, you’ve hit the nail on the head.
    The problem is something which too few folks are speaking intelligently
    about. I am very happy I stumbled across this during my hunt for something concerning this.

    my page :: miami new realty

  22. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your
    point. You clearly know what youre talking about, why throw
    away your intelligence on just posting videos to your weblog when you could be giving us something informative to read?

    Also visit my web site – caterpillar parts dealer

  26. 先に美白にいいスキンケア製品を使用していましたが、肌にマッチしなくなり、保湿とアンチエイジングを重んじる製品へ交換しました。化粧水が2種類あるのに出だしは戸惑いましたが、真冬でないのであれば洗顔後のスキンケア方法はこれのみでOKです。

  27. Heya i’m for the first time here. I came across this
    board and I find It truly useful & it helped me out much.

    I hope to give something back and help others like you helped me.

  29. Your way of explaining everything in this post
    is truly fastidious, aall be capable of easily understand
    it, Thanks a lot.

    my page signs of constipation in toddlers; Shelly,

  30. Ꭲhanks fⲟr οns marvelous posting! Ⅰ certainⅼү enjoyed reading іt,
    you wilⅼ be a gгeat author. ӏ will ensure thɑt
    І bookmark үοur blog and will ofteո comе bac fгom now on.
    I want to encourage that yoou colntinue уour ցreat
    posts,have É‘ nice holiday weekend!

    mʏ page: youtube download

  31. What’s up, every time i used to check weblog posts here in the early hours in the daylight, because i enjoy to gain knowledge
    of more and more.

  32. It’s in fact very difficult in this full of activity life to listen news on Television, therefore I simply use world wide web for that purpose,
    and get the most up-to-date news.

  33. GHS tools est un outil qui permet de faire du référencement internet et bien plus encore…

    je vous conseil de le tester gratuitement pour vous faire votre propre avis car 10€ sont offert
    à l’inscription. Vous pouvez aussi venir sur le forum de GHS Tools pour découvrir les astuces des membres.

    my web page; logiciel seo

  34. Thanks , I have just been looking for information about this subject for ages
    and yours is the greatest I’ve found out so far. However, what
    concerning the bottom line? Are you certain concerning the source?

  38. 現在世間では「ピーリング」と言った言葉をよく耳にしますが、貴方はピーリングについての知識はございますか？

    わたしあてにも、「ピーリングについておしえてください」と言うようなお問合わせが、最近四六時中あるのですが、ピーリングとは訳すると「はぎとる」と言う趣旨があります。

    一言でもうすと、「お肌を剝して痛んだ肌を元にかえす」と言うことですよね。

    ということで、このたびは「ピーリングって何だろう？」と題しまして、ピーリングの正しい基礎知識について、皆さんへお送りしたいと思います。

    詳しくは次のURLをご覧ください。

  41. Hi my family member! I want to say that this article is amazing, great written and come with approximately all important infos.
    I’d like to look extra posts like this .

  42. I’m curious to find out what blog system you
    have been using? I’m having some minor security issues with my latest website and I’d like to find
    something more risk-free. Do you have any solutions?

  43. My partner and I absolutely love your blog and find
    nearly all 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 composing a post or elaborating on a lot of
    the subjects you write in relation to here. Again, awesome weblog!

    my weblog; Telecharger mp3 gratuit

  46. Attractive section of content. I just stumbled
    upon your site and in accession capital to assert that I acquire actually enjoyed account your blog
    posts. Any way I’ll be subscribing to your augment and even I achievement you access consistently
    quickly.

  47. I think this is among the most significant info for me.
    And i am glad reading your article. But wanna remark on few general things, The site style is wonderful, the articles is really nice :
    D. Good job, cheers

  49. Greetings, I do think your web site could possibly be having browser compatibility issues.
    When I take a look at your website in Safari, it looks fine however when opening in I.E., it’s got some overlapping issues.
    I merely wanted to provide you with a quick heads up!
    Besides that, excellent blog!

Leave a Reply