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. Nevertheless the malignant melanoma is predominantly triggered by UV-A
    radiation via the indirect DNA indirect GENETICS damage is caused by free radicals
    and reactive oxygen species.

  2. I absolutely love your site.. Pleasant colors & theme.

    Did you develop this website yourself? Please
    reply back as I’m looking to create my very own website and would like to
    find out where you got this from or what the theme is called.
    Appreciate it!

  3. Having read this I believed it was really enlightening. I appreciate you taking the
    time and energy to put this content together.
    I once again find myself spending a significant amount of time both reading
    and leaving comments. But so what, it was still worthwhile!

    Look at my page: Vallie

  4. Hiya! Quick question that’s completely off topic. Do you know
    how to make your site mobile friendly? My site looks weird when viewing from my iphone4.

    I’m trying to find a template or plugin that might be able to fix this problem.
    If you have any recommendations, please share.
    Thank you!

  6. Today, this is more poopularly known ass cloud hosting. To kick off this shopping guide, Linux shared hosting is just as the name describes; you share
    your server with many other people and many other
    websites. Upgrading is easy, wiyh the neww kernelless upgrading eature that the hosting company offers to their customers.

  7. I’ll immediately snatch your rss feed as I can’t to find your email subscription link or e-newsletter
    service. Do you have any? Kindly allow me realize so that I could subscribe.
    Thanks.

  8. But, in case you are in New York City, it really is extremely hard
    for most to obtain a bag for $1,000. Other methods to spot
    fake Coach handbags may not be so obvious, however you should check for them nonetheless:>>> Is the hardware
    sturdy or are you able to bend it together with
    your fingers. Other shoppers are more inclined to enter
    your store once they see others are already shopping there.

    Also visit my page … prada bags outlet

  9. Hey would you mind letting me know which hosting company you’re working with?
    I’ve loaded your blog in 3 different internet browsers and
    I must say this blog loads a lot quicker then most.

    Can you recommend a good web hosting provider at a honest price?

    Cheers, I appreciate it!

    Also visit my web blog: segway stockholm

  12. Wow that was strange. I just wrote an extremely long comment but after
    I clicked submit my comment didn’t appear. Grrrr… well I’m not writing all that over again. Anyhow,
    just wanted to say fantastic blog!

    my page Vacation rental

  13. 近頃、見掛けに配慮する男の人が急増し、男性美容が普通になっています。

    だからと言って、依然として「お肌のお手入は女性の領域」と思ってる男性がまだまだいることも実態です。

    お肌のお手入は、決して女性のためだけものではありません。

    肌がビューティフルで清潔感のある男子って、メチャクチャ華麗ですよね。

    紳士もぜひぜひ、すすんでお肌のお手入れにチャレンジしてみてください。

    というわけで、今回は「スキンケアの基本（メンズ編）」と題しまして、男性向けのお肌の正しい基礎ノウハウについて、皆さんへお届けいたします。

    くわしくは下記のサイトをクリックしてください。

  15. Hello There. I found your blog using msn. This is an extremely well written article.

    I will be sure to bookmark it and come back to read more of your useful info.

    Thanks for the post. I will definitely comeback.

  16. Magnificent goods from you, man. I’ve understand your stuff previous to and
    you are just extremely fantastic. I actually like what you have acquired here,
    really like what you are stating and the way in which you say it.

    You make it enjoyable and you still care for to keep it smart.
    I can not wait to read much more from you. This is
    actually a wonderful web site.

  17. I just couldn’t depart your website prior to suggesting that I extremely loved the usual information a person supply on your visitors?
    Is going to be again continuously to check out
    new posts

  19. Hey would you mind letting me know which web host you’re
    utilizing? I’ve loaded your blog in 3 different internet browsers
    and I must say this blog loads a lot quicker then most. Can you suggest a good web hosting provider at a honest
    price? Thanks, I appreciate it!

    Also visit my blog Iklan apartemen

  20. Hey would you mind stating which blog platform you’re
    using? I’m going to start my own blog in the near future but I’m
    having a difficult time choosing 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 getting
    off-topic but I had to ask!

    my web site … laptop under 1000

  21. 税理士 大阪/決算対策申告・相続対策申告・事業承継・記帳代行・給与計算・経営計画は芦屋会計にお気軽にご相談ください。
    キャリア１０年以上！経験豊富なメンバーが明瞭・低価格で強力バックアップ。
    顧問料以上の効果を生み出します。

  24. Hello dear, me plus my mom are as well watch comical video clups xcept after I donee my homework methods related to that.|Hi, of course this post iss genuinely fastidious and I
    have leearned lot of things from it about 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
    tthe time used to read piece of writing in news papers butt now
    as I am a user of internet therefore from now I amm usikng net for
    articles or reviews, thanks to web.|Hi colleagues, is there anyy other fastidious blog related too JavaScript articles, whyile this
    one is good for PHP programming.|Hello, I also would likee to share
    my opinion here, when i don’t know even about a straightforward
    thing related 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 up adjin off thijs site.|When I wish for to place gallery oor
    LightBoxx or yet a slider oon my web page I aalways attmpt to use jQuery sccript in favor of that.|In fact
    programming is nothing howsever it’sa logic, if you get control on it afterward you aare the professional else nothing.|I like to work on PHP rather than .NET, though
    .NET presents the ablity off drag and drop elements, however I like PHP a lot.|Okay you are
    correct, in fact Personal home page is a open source and its assist we can take free from any forum or web site since it takes place here at this web site.|Hi there to all,
    I am als 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 iit is!
    Actually amazing and fastidious quality, please upload more
    movies havinng such good quality. Thanks.|A number of viewers are ksen to watch coomic
    video clips, but I like to watch terrible videeos on YouTube.|Actually picture is the presentation of some
    one’s feelings; it provides the lesson to the viewers.|Hello friends, nice post and nice urging commented at this place, I am in 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 bby watching this funny
    YouTube video, thanks, keep it up.|On every weekend, we all mats
    jointly used to watch movie, because enjoyment is also essential in life.|I am keen of learning Flash,
    is there any piece of writing related to Flash, if
    okay, then please post it, thanks.|Yes I am also in look for of Flaseh tutorials, as I would like to learn more on the topic of flash, so if you have please post it here.|I
    also llike Flash, however I am not a good designer to design a Flash, howsever I have computer softwar
    by witch a Flash iis automatically created and no more tto work.|Hello friends, I
    am again at this place, and reading this post
    related too SEO, its also a nice article, therefore keep it up.|Can any one tell
    me that is there any on the web classes for Search engine marketing, because
    I wish for tto lean more on the topic of Search engine marketing.|What’s
    up every buddy, it’s a impressive entertaining at at this place watching
    these funny YouTube videos at here, nice stuff, thanks to admin of this
    site|It is the happiest day of my life so far, when I
    am watchhing these funny movies here, because after whole day working I waas so tired and now
    feeling sound.|It’s going to be finish of mine day, escept before end I am rreading this enormous paragraph to improve my knowledge.|Why
    visitors still make use of to read news papers when in thius
    technological world everything is accessible on net?|This
    post is good aand fruitful in support of all new Personal hhome pages related web programmers; they
    muhst study it aand perform the practice.|Hi mates,
    how is the whole thing, and what you want to
    say about this post, inn my view its really awesome for me.|What’s uup
    Jackson, if you are a new web user afterward youu must visit all the time this web
    page and read the updated posts at at ths place.|I keep listening to the news speak about getting free online grantt applications so I have bren looking around for the best site to get
    one.|Thank you for your help!|There is obviously a lot to
    know about this. I think yoou made some good points in Features also.|Keep
    workihg ,great job!|Super-Duper site! I am loving it!!
    Will come bback again – taking you feeds also,
    Thanks.|Hello. Greaqt job. I did not exppect this on a Wednesday.
    This is a great story. Thanks!|You made some good points there.
    I did a search on the topic and found mlst people will agree wuth your blog.|As a Newbie, I aam always
    searching online for articles that can hepp me. Thank you|Wow!
    Thank you! I always wanted to rite inn my site something like that.
    Can I take part of your post to my blog?|Of course,
    what a great site and informative posts, I will add backlink –
    bokmark this site? Regards, Reader.|In seaching for sites
    related to web hosting and specifically comparison hosting linux plan web, your site
    came up.|You are a very smart person!|Nice post! GA is also my biggest earning.
    However, it’s not a much.|thanks !! very 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 captcha code
    coxes 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..
    beautiful …|Please, ccan you PM me and tell me few more thinks
    about this, I am really fan of your blog…|Heyy very nice blog!!

    Man .. Beautiful .. Amazing .. I will bookmark your blog and take
    the feeds also…|Hi, I can’t understand how
    to add your site in my rsss reader. Cann you Help me, please |It sounds lik
    you’re creating problems yoursxelf by trying to solve this issue instead of lopoking at why their
    is a problem in the first place|I keep listening to thhe news
    speak about getting free online grant applications soo I
    have been looking around for the best site to get one.|Thank you for your help!|There
    is obviously a lott 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!!

    Wiill come back again – taking you feeds also, Thanks.|Hello.
    Great job. I did not expect this on a Wednesday.
    This is a great story. Thanks!|You madxe some good points
    there. I did a search on the topic and found most
    people will agree with your blog.|As a Newbie, I am always searching online for articles
    that can help me. Thank you|Wow! Thanhk you! I always wanted to write
    in my site something like that. Can I take pazrt off your post
    to mmy blog?|Of course, what a great site and informative posts, I will add backlink – bookmark this site?
    Regards, Reader.|In searching for sites related tto web hosting and specifically comparison hosting linux plan web, your site came
    up. |You are a very smaart person! |Hi there, I found your blog via Google while searching for first
    aaid for a heart attasck and yyour post looks very interesting for me.|Nice
    post! GA is also my biggeszt earning. However, it’s not a much.|To start earning
    money with your blog, initially use Google Adsense but gradually
    as your traffic increases, keep addijng more and more money making programs
    too your site.|thanks !! vsry helpful post!|I don’t usually reply to posts but I wipl iin this case.

    |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 tto decide’.|What is captcha code?, pls provide me captcha code codes or plugin, Thanks iin advance.|That’s Too
    nice, when it comes in india hope it ccan 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 youyr blog forced
    me to, amazing work.. beautiful …|Please, can you PM me and tell me few more thinkks about this, I
    am really fan of your blog…gets solved properly asap.|Hey very nice blog!!
    Man .. Beautiful .. Amwzing .. I will bookmark your blog and take the feeds also…|Hi, I can’t understand
    how to add your site in my rss reader. Can you Helpp me, please
    |It sounds like you’re creating problems yourself by trying too slve this issue instead of looking at
    whyy their is a problem iin the first place.|thanks !! very helpful post!|amazing
    stuff tanx |Such a usefule blog…wow !!!!|Your blog is so informative … keep up the good work!!!!|I
    don’t usually reply to posts but I will in this case.
    WoW |Hey veryy nice blog!!|good good…this post deserves nothing
    …hahaha just joking 😛 …nice post :P|ohhh nice info|VRy interesting to read it 😛 |ohh…nice post but really?/?
    :P|Come on dude, these facts* and proof* i mean who is posting* lol :
    P|haha … the one who is posting the comments |Hello webmaster I like your poszt
    ….|yea nice Work |:O So mush Info :O … THis Is he MOst
    AMAzing SItte DUDe… |Blogroll links aint that great 😛
    but i am not tthe admin… 😛 … Just Telling :
    P |Hi there I like your post|Interresting article.

    Were did you got all the information from… |Great articles &
    Nice a site….|Hello, I found your blog in a new directory of blogs.
    I dont know how your blog came up, myst have beden a typo, Your blog looks good.

    Have a nice day.|gr8 resrrch 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 later ..|I wish getting over a broken heart can be so easy aas following a few steps..
    but its not… |Hi. I read a few of your other posts and wanted
    too know if you woukd be interested in exchanging blolgroll
    links?|Hello to all I can’t understand how to add your site
    in my rss reader. Help me, please|Wow, thanks a
    bunc m8 |Pretty! This was a really wonderful post.

    Thank you for your provided information.|Greetings!
    Veery helpful advice on this article! It is the little changes that make the biggest changes.
    Thanks a llot for sharing!|Hi there! This post couldn’t be written any better!
    Reading throughh this post reminds me of myy previous room mate!
    He always kept talking about this. I will forward this article to him.
    Prestty sure he will have a good read. Thank you for sharing!|Hi, I think your
    ite might be having browser compatibility issues.
    Whhen I look at your website in Safari, it looks
    fine but when opening iin Internet Explorer, it has
    some overlapping. I just wanted to give you a quick heads up!
    Other then that, fantastic blog!|Having reead this I thought it waas very informative.
    I appreciate you taking the time and effort to put this
    article together. I once aagain find myself spending way to much time
    both reading and commenting. Buut so what, it was stilll worth it!|After all, what a great site
    and infrormative posts, I will upload inbound link – boommark this web site?
    Regards, Reader.|Hello! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized
    it’s new to me. Anyways, I’m definitely happoy
    I found it and I’ll be book-marking and checking back
    frequently!|I’d have to examine 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 to comment!|I wanted
    to thank you for this great read!! I definitely enjoying every
    little bit of it I have you bookmarked to
    check out new stuff yyou post…|Hi , I do believe this
    is an excellent blog. I stumbled upon it on Yahoo , i will
    come back once again. Money and freedopm is the best way to change, may you
    be rich and help other people.|This blog is definitely rather hqndy since I’m at the moment creating an intternet 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 ass 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.Thethoughts you express
    are really awesome. Hope you will right some mre posts.|Your style is so
    unique compared to many otherr people. Thank yoou for publishing when you have the opportunity,Guess I will just make this bookmarked.2|Those are yours alright!

    . We at least need too get these people stealing images to start blogging!

    They probably just did a image search andd grabbed them.
    They look good though!|I got good info from your blog|Gredat lline up.
    We will be linking to this great article on ourr site.
    Keep upp the good writing.|This is a very good tips especially to those new to
    blogosphere, brief and accurate information…
    Thanks for sharig this one. A must read article.|I couldn’t resist commenting |Saved ass a
    favorite, I really like your blog!|Great post. I am facing a couplle of these problems.|Way cool, some valid points!
    I appreciate you making this article available,
    the rest of tthe site is also high quality. Have
    a fun.|Great wordpress blog here.. It’s hard to find qiality
    writing like yours these days. I really appreciate people luke you!

    take care|This is a topic clos to my heart cheers, where are your contact details though?|I love your blog..
    very nice colors & theme. Did you create this wevsite yourself?
    Plz reply back as I’m looking to create mmy own blog and would like to know wheeere u got this from.

    thanks|Hi, just required yoou to know I he added
    your site to my Google bookmarks due to your layout.
    But seriously, I believe your internet site has 1 in the freshest theme I??ve
    came across. It extremely helps make reading your blog significantly easier.|I loce it when people
    come together and share opinions, great blog, keep it up.|Good info.
    Lucky me I reach on your website bby accident, I bookmarked
    it.|he blog was how do i sayy it… relevant, finally something tgat helped me.
    Thanks|Everythinng is very open andd very clear
    explanation of issues. was truly information. Your website iss very useful.
    Thanis for sharing.|I would like to thnkx for the efforts you
    have put in writing this blog. I am hoping the sme high-grade blog poet from you in tthe upcoming as well.

    In fact your creative writing abilities hass inspired me to get my own blog now.
    Realloy the blogging is spreading its wings quickly. Your write up is a good example
    of it.

  25. Thanks for a marvelous posting! I seriously enjoyed reading it, you can be a great author.I will be sure to
    bookmark your blog and will often come back in the foreseeable future.
    I want to encourage that you continue your great work, have a nice afternoon!

    Also visit my site … Web Site

  32. I think this is among the most important information for me.
    And i’m glad reading your article. But want to remark on some general things, The web site style
    is great, the articles is really nice : D. Good job, cheers

    Also visit my web blog … Bitcoin Crime

  33. If some one wishes expert view concerning running a blog after that i suggest him/her to go to see this website, Keep up
    the fastidious work.

    Also visit my blog – electric shaver for women (Kala)

  34. Hello! Do you know if they make any plugins to assist with SEO?

    I’m trying to get my blog to rank for some targeted keywords but
    I’m not seeing very good results. If you know of any please share.
    Many thanks!

    Feel free to surf to my weblog – Getaway

  37. Peter Cook’s club attracted the famous and rich and therefore was a perfect setting for Morely who could photograph famous faces that wanted
    to be seen. New NPC families, households, and homeless Sims were added with in Bridgeport too.

    I know my business added tribute bands to the roster many years ago when the casinos were
    requesting them.

  41. Hello there I am so happy I found your web site, I really found you could look here by
    error, while I was researching on Aol for something else, Regardless I am here now and would just
    like to say thanks a lot for a tremendous post and a all round exciting blog (I also love the theme/design), I don’t have time
    to read it all at the moment but I have book-marked 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 fantastic work.

  44. My programmer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using WordPress on several websites
    for about a year and am anxious about switching to another platform.
    I have heard excellent things about blogengine.net.
    Is there a way I can transfer all my wordpress posts into
    it? Any help would be greatly appreciated!

    Feel free to surf to my webpage :: Get More Information

  45. 頭髪の傷み、ボッサボサ、枝毛等でお困り方にうれしいニュースです！

    簡単に手に入る、あるもので誰でも安易に、かつ毎月数百円程度で、傷んだパサパサ髪を しっとり眩いヘアーにさせる裏技を明かしています。

    手に負えないばさばさ髪をあっという間に直せます！

    この方法で、あなたの痛むぼっさぼさ髪はサラサラ素敵な髪毛に大変身！かならず10歳は若々しくなるでしょう。

    詳しくは下記のURLをクリックしてください。

  47. Hello! I could have sworn I’ve been to this blog before but
    after reading 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 often!

    Here is my web page … free walking tour stockholm – Jeramy –

Leave a Reply