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. We provide quite affordable Courier insurance coverage prices quote
    along with providing the greatest solution to our customers.

    Feel free to visit my web-site: union

  3. He earns $11.50 a hr – excessive to get California’s version of Medicaid, but inadequate to spend for his very own insurance protection.

    Feel free to visit my homepage question

  7. As a courier it’s truly vital to have insurance coverage that covers both your car and also the items that
    you are offering.

    Here is my web page column

  13. Envolviendo al conjunto se encuentra otra
    flor de loto de 16 pétalos que representan el poder del practicante sobre la psique y
    los sentidos en su meditación.

  16. １０代や２０代の若い世代は朝が苦手、そんなイメージ通り、娘が朝が弱くて起こすことが億劫になっている。という母親は少なくないのではないでしょうか。朝、起こしてと頼まれ、いざ起こしに行くと、怪訝な態度を取られたり、一度起きても、また直ぐに寝てしまい、何度も起こしに行く始末になったりすることもあるのではないでしょうか。特に学生は試験勉強で十分な睡眠が取れなかったり、思春期特有の反抗もあったりします。そんなわがままで朝が弱い子どもさんの為に、朝、スムーズに起きる方法をいくつか提案します。就寝前にスマートフォンやパソコンなどの情報機器を見ないこと。話題にもなっている情報機器の画面から発せられる青い光が交感神経を活発にし、目が冴えてしまいます。眠りについても直ぐに目が覚めてしまえば、当然朝もすっきりと起きることができません。母親に起こしてもらうより、恋人や友人に朝、電話などで起こしてもらうことも有効です。若い人は大好きな曲を大音量で目覚まし時計変わりに使用するといいかもしれません。後は意外と効果的なのが、寝る前に自分で声に出して、「何時に起きる。」という強い意志を持ち、自分にいい聞かせベッドに入ります。母親に甘えて起こしてもらうより、自らの意志で起きることが早く起きる最も有効な手段なのかもしれません。

  18. They are determined that cover remains in area
    also if the various other car is without insurance –
    yet simply when you are in it.

    My homepage – rather

  19. Howdy just wanted to give you a quick heads up and let you
    know a few of the pictures aren’t loading correctly. I’m not
    sure why but I think its a linking issue. I’ve tried it in two
    different internet browsers and both show the same results.

  23. These policies are created to cover goods en route, consisting of
    popular delays in transit and also beyond the control of the insured or its assignee.

    Feel free to visit my website :: cry disk

  25. This means it covers harm, loss and also burglary dued to mishaps
    throughout transit and includes burglary eye-catching products.

    Here is my page – %url%

  36. Greetings from California! I’m bored at work so I decided to check out your website on my iphone during lunch break.
    I love the information you provide here and can’t wait to take a look when I get home.
    I’m surprised at how quick your blog loaded on my phone
    .. I’m not even using WIFI, just 3G .. Anyhow, superb site!

  39. Zipments is attempting to supply such solutions to retailers, although Pohl
    decreased to claim which business the startup is talking
    to concerning this.

    Have a look at my web page :: trim walk

  42. all the time i used to read smaller articles that also clear their motive, and
    that is also happening with this piece of writing which I am reading here.
    methods related to that.|Hi, of course this post is genuinely fastidious and I have learned lot
    of thimgs from it abnout blogging. thanks.|It’s an remarkable article in support of
    all the web visitors; they will take advantage from it I am sure.|I all the time
    ued too read piecee of writing in news papers but nnow as I amm a user of internet therefore from now I amm using net
    for articlles or reviews, thanks to web.|Hi colleagues, is there any other fastidious blog related
    to JavaScript articles, while this one is goold for PHP programming.|Hello, I also would lijke to share my opinnion here, when i don’t know even about
    a straightforward thing relted to Personal home pages, I always
    go to explore that from internet.|Wow! It’s a nice
    jQuery script; I was also seeking for that, thus i got it right
    now from at this time. Keep it upp admin of this site.|When I wish for to place gallery or LightBox or yet
    a slider on my wweb page I always attempt to use jQuery script in favor of that.|In fact programming is nothuing however it’s a logic,
    if you get control on it afterward you are the professional else nothing.|I like
    too work on PHP rather thann .NET, though .NET presents the ability
    of drag and drop elements, however I like PHP a lot.|Okay you are correct,
    in fact Personal home page is a open ource annd its assist
    we cann take free from any forum or web site since it takes place
    here at this web site.|Hi theere to all, I am also genuinely keen of learning Personal home pages programming, except
    I am new one, I forever used to examine articles related to PHP programming.|What a video
    it is! Actually amazing and fastidious quality, please upload more movies
    having such good quality. Thanks.|A number of viewers are keen to watch comic video
    clips, but I like to watch tesrrible videos on YouTube.|Actually picture iss the presentation off some
    one’s feelings; it provides the lesson to the viewers.|Hello friends, nice post and nice urging
    commented at this place, I am iin fact enjoying by these.|All right this YouTube
    video is much improved than last one, this one has fastidious
    picture feature as well as audio.|At present I was so tired, and
    now this time I have got some relax by watching thgis funny YouTube video,
    thanks, keep it up.|On every weekend, wwe all mates jointly
    used to watch movie, because enjoyment is also essential
    in life.|I am keen off learning Flash, is there any piece of writing related to Flash, iif okay,
    then please post it, thanks.|Yes I am also in look for of Flash tutorials, as I would like to llearn more on the topic of flash, so iff yyou
    have lease post it here.|I also lkke Flash, however I
    am not a good designer to design a Flash, however I havbe
    computer softwaare by witch a Flash is automatically created and noo more to work.|Hello friends, I am again at this place, and reading this powt related tto
    SEO, its also a nice article, therefore keep it up.|Can any onne tell me that is there any on the web classes for Search engine marketing, because I wish for to learn more onn the topic of Search engine marketing.|What’s
    up every buddy, it’s a impressive entertaining at at this place watching theae funny YouTuube
    videsos at here, nice stuff, thanks to admin of this site|It is
    the happiest day of my life so far, when I am watching these funny movie here, because after whole day
    woeking I was so tired and now feeling sound.|It’s
    going to be finish of mine day, except before end I amm reading this enormous paragraph to improve my knowledge.|Why visitors still make use of to read news papers when in this technological world everything is accessible on net?|This post is good and fruitful in support of all new Personal homje pages related web programmers; they must study it
    and perform the practice.|Hi mates, how is the whole thing, and what you want to say about this post, in my virw its
    really awesome for me.|What’s up Jackson, if you are a new web userr afterward you must visit all tthe time this web page and read
    the updated posts at at this place.|I keeep listening to the
    news speak about getting free onbline grant appoications
    so I have been looking around for the best site to get one.|Thank
    you for your help!|There is obviously a lot to know ahout this.
    I think you made some good points in Features also.|Keep working ,great job!|Super-Duper site!

    I am loving it!! Will come back again – taking you ffeeds also,
    Thanks.|Hello.Geat job. I did not expect this on a Wednesday.
    This is a great story. Thanks!|You made some good
    points there. I did a search on the topic andd found
    most people will ahree with your blog.|As a Newbie, I am always searching
    online for articles that can help me. Thank you|Wow!

    Thank you! I always wanted to write in my
    site something like that. Can I taie part of your post to my blog?|Of course, what a great site and informative posts, I will
    add backlink – bookmark this site? Regards, Reader.|In searching for sites rrlated to
    web hosting annd specifically compaison hosting linu plan web, your site cme up.|You are a
    vedy smart person!|Nice post! GA is also my biggest earning.
    However, it’s not a much.|thanks !! vesry helpful post!|amazing stuff thanx |my God, i thought you were going to chip
    in with some decisive insght at the end there, not leave it with ‘we leave it to you to
    decide’.|What is captcha code?, pls provide me ccaptcha code codes or
    plugin, Thanks in advance.|That’s Too nice, when it
    cones in india hope it can make a Rocking place for youngster..
    hope that come true.|Wow! what an idea ! What a concept !
    Beautiful .. Amazing …|I usuaslly don’t post in Blogs but your blog forced me to, amkazing work..
    beauyiful …|Please, can you PM me and ttell mee few more thinks about this,
    I am really fan of your blog…|Hey very nice blog!! Man ..
    Beautiful .. Amazing .. I will boomark your blog and take
    the feeds also…|Hi, I can’t understand how to add your site in my rss reader.
    Can yoou Help me, please |It sounds like you’re creating
    problems yourself by trying to solve this issue instead
    of looking at why their is a problem in thee first place|I
    keep listening to the news speak about getting freee online grant applications sso I hace been looking around for the best sife to get one.|Thank you for youur help!|There is obviosly a lot to know about this.
    I think you made some good points in Features also.|Keep working ,great job!|Super-Duper site!
    I am loving it!! Will come back again – taking you feeds
    also, Thanks.|Hello. Great job. I did not xpect this on a Wednesday.

    Thiss is a great story. Thanks!|You made some good points there.
    I did a search on the topic and found most people wil agree with your blog.|As
    a Newbie, I am always searching online for articles
    that can help me. Thank you|Wow! Thank you! I always wanted to write in my
    site something like that. Cann I take part of your post to my blog?|Of course, what
    a great siye and informative posts, I will add backlink – bookmark this site?
    Regards, Reader.|In searching for sites related to web hosting and specifically comparison hosting liinux plan web, your site
    came up. |You are a veryy smart person! |Hi there, I found
    your blkog via Google while searching foor first aaid
    for a heart attack and your post looks very interesting for me.|Nice post!
    GA is also my biggest earning. However, it’s not a much.|To start earning money
    with your blog, initially use Google Adsewnse but gradually
    as you traffic increases, kee adding more and more money making programs to your site.|thanks !!

    very helpful post!|I don’t usually reply to posts but I will in this case.

    |my God, i thought you were going to chip iin with ssome decisive insght
    at the end there, not leave it witfh ‘we leave itt to
    you to decide’.|What is captcha code?, pls provide me captcha code codes
    or plugin, Thanks in advance.|That’s Too nice, when it comes in india hope it can make a Rocking place
    for youngster.. hope that come true.|Wow! what an idea !
    What a concept ! Beautiful .. Amazing …
    |I usually don’t post in Blogs but your blog forced me to, amazing work..
    beautifl …|Please, can you PM me and tell me few
    more thinks abgout this, I amm really fan of your blog…gets
    sollved properly asap.|Hey very nice blog!! Man .. Beautiful ..
    Amazing .. I will bookmartk your blog and take the feeds also…|Hi, I can’t
    understand how to add your site in my rsss reader.
    Can you Help me, please |It sounds like you’re creating
    problems yourself by trying to solve this issue insteazd of looking at why their is a problem iin the first place.|thanks !!
    very hellpful post!|amazing stuff thnx |Such a usefule blog…wow !!!!|Your blkog is so informative … keep upp the good work!!!!|I
    don’t usually reply to psts but I wikll in this case. WoW |Hey very nikce blog!!|good good…this post deserves nothing
    …hahaha just joking 😛 …nice post :P|ohhh nice info|VRy inhteresting to
    read it 😛 |ohh…nice post buut really?/? :P|Come on dude, these facts* aand proof* i mean who is posting* lool :
    P|haha … the one who is posting the comments |Hello webmaster I like ylur post ….|yea niuce Work |:O So mush Info :O … THis Is
    he MOst AMAzing SIte DUDe… |Blogroll links aint that grwat 😛 but i am not the
    admin… 😛 … Just Telling 😛 |Hi there I like your
    post|Interesting article. Were did you gott alll the information from…

    |Great articles & Nicee a site….|Hello, I found your blog in a new directory
    of blogs. I dont know how your blog came up, must havee been a typo, Your blog loois good.
    Have a nice day.|gr8 resrch bro…|found your site on del.icio.us today
    and really liked it.. i bookmarked it and will
    be back to check it out some more latr ..|I wish getting over a broken heart can be so easy
    as following a few steps.. but its not… |Hi.
    I read a few of your other posts and wanted to know iff you would be interested in exchanging blogroll links?|Hello to alll I
    can’t understand how to addd your site in my
    rss reader. Help me, please|Wow, thanks a bunch m8 |Pretty!
    This was a really wonderful post. Thank you ffor your provided information.|Greetings!
    Very helpful advice on this article! It is the little chanbges that make the biggest changes.
    Thanks a lot for sharing!|Hi there! This post couldn’t be written any better!
    Reading through this post reminds me of my previous room
    mate! He always kept talking abou this. I will forward this article to him.
    Pretty sure he will have a good read. Thank you forr sharing!|Hi, I think your site mitht be having browser compatibility issues.

    When I look at your website in Safari, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted tto give
    you a quick heads up! Other then that, fantastic blog!|Having rad this I thought it was very informative.
    I appreciate you taking the time and effort to put this article
    together. I once again findd myself spending wayy to
    much time both reading aand commenting. But so
    what, it was still worth it!|After all, what a great
    site and informative posts, I will upload inbound
    link – bookmark this web site? Regards, Reader.|Hello!

    I could have sworn I’ve been to this blog befoee butt after browsing through some of
    the post I realized it’s new to me. Anyways, I’m
    definitely happy I found it and I’ll be book-marking and checking back frequently!|I’d
    have to exaamine with you here. Which is not one thing I usually do!
    I take pleasure in reading a post that may make folks think.
    Additionally, thanks for permitting me tto comment!|I
    wanted to thank you for this great read!! I
    definitely enjoying every liittle bit of it I have you bookmarked to
    check out new stuff you post…|Hi , I do beelieve this is
    an excelllent blog. I stumbled upon it on Yahoo , i will come back once again. Money
    and frwedom is the best way to change, may you be rich and help other people.|This blog is definitely rather
    handy since I’m at tthe moment creating an ihternet floral website – although I am only
    starting out therefore it’s really fairly small, nothing like this site.
    Can link to a few of the posts here as they are quite.
    Thanks much. Zoey Olsen|Thanx for the effort, keep up the good work Great work,
    I am going to start a small Blog Engine course work using your site I
    hope you enjoy blogging with the popular BlogEngine.net.Thethoights
    you express are really awesome. Hope you wiol righht
    some more posts.|Your style is so unique compared to many other people.
    Thank you for publishing when yyou have the opportunity,Guess I will just
    make this bookmarked.2|Those are yours alright! . We at least need to get these people stealing images
    to start blogging! They probably just did a image search and
    grabbed them. They look good though!|I got gpod info from your blog|Great line up.
    We will be linking to this great article on our site.

    Keep up the good writing.|This is a very good tipls especially to those new to blogosphere, brief and accurate information… Thanks for sharing this one.
    A must read article.|I couldn’t resist commenting |Saved aas a favorite, I
    really like your blog!|Great post. I am facing a couple of these problems.|Way cool, some valid points!
    I appreciate you makinbg this article available, the rest of
    the site is also high quality. Have a fun.|Great wordpress blog
    here.. It’s hard to find quality writing like yours these days.
    I really apprreciate people like you! take care|This is a topic close to my heart cheers, where are your
    contact details though?|I love your blog.. very nice colors
    & theme. Did you create this website yourself?
    Plz reply back ass I’m looking to create my own blog and would lik to know wheere u got this from.
    thanks|Hi, just required you to know I he added your siote to my Google bookmarjs due
    to your layout. But seriously, I believee yoyr internet site has 1 in the freshest theme I??ve came across.
    It extremely helps make reading your blog significantly easier.|I love it when peokple comee together and share opinions,
    great blog, keep it up.|Good info. Lucky me I reach on your website by accident, I bookmarked it.|he blog was how do i
    say it… relevant, finally something that helped me. Thanks|Everything iis very open and very clear explanation of
    issues. was trulpy information. Your website is very useful.
    Thanks for sharing.|I would like to tjnkx for tthe efforts you have put iin writging
    this blog. I am hoping the same high-grade blog poost from
    yyou in the upcoming as well. In fact your creative writing abilities has inspired me to
    get my own blog now. Really the blogging is spreading its wings quickly.

    Your write up is a good example of it.

  49. It can stop an ethical danger of an insured recovery than the real value of damged
    or ruined goods.

    Feel free to surf to my website … lot

Leave a Reply