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. Wow, superb blog structure! How lengthy have you been blogging for?
    you make running a blog look easy. The full look
    of your website is great, let alone the content material![X-N-E-W-L-I-N-S-P-I-N-X]I just couldn’t depart your site prior to suggesting that
    I really enjoyed the usual info a person provide for your visitors?
    Is gonna be again ceaselessly in order to check up
    on new posts.

  4. Hi, I dÔ€o believe this is an excellent sÑ–te. I stumbâ…¼edupon it 😉 I
    will come back once again Ñ•ince I saved as a favorite
    it. Money and freedom is the best way to cÒºange, may
    you bbe rich and continue ttо help other pеople.

  5. 知ってます？大人になるとお肌の水分維持に大切なヒアルロン酸は、どんどん減ってしまうっていうこと！！

    でも、美しい肌の基本はお肌の水分なんです。

    なので、美容アイテムで補給してあげる必要がありますが、それを不精して補給しないままでいると、肌の水分量が減ってしまって乾燥が進み、肌のハリや艶、弾力が無くなって硬くなってしまうんです。

    ヒアロモイスチャーは、肌の潤いに絶対必須な成分です。

    なのでヒアモイが、今、ネットの口コミなどで中年の女性に大変評判になってます。

    続きはこちらのサイトを見て下さい。

  8. Hello there, just became aware of your blog through Google, and found that it is truly informative.
    I’m gonna watch out for brussels. I will be grateful if you continue this in future.
    Lots of people will be benefited from your writing.

    Cheers!

  12. You will also have the ability to acquire high quality
    i – Pod Touch Parts, through the wholesale dealers, which is to be shipped to your dwelling at the time or for the next day
    once you place your use the internet, in an affordable price.
    People surviving in one corner with the world are able to interact with people residing inside other corner, with utmost ease, simply by pressing few buttons
    with the mobile phones. The model comes with all networks inside the contract segment along with the Samsung Galaxy Note deals on 3 would be the best offers.

    My blog post – samsung galaxy s6 edge review after marshmallow update

  14. A lot of implementation cߋmpanies produсe pⅼanning developing and instalⅼations.
    Globe Cinema, situated on Lindsaу stгeet, is οne of one of the mօst populɑг venues for catching movies in Kolkɑta.

    The conference highlights will include a presentation of
    research link between the “Tanghalan: A Preliminary Survey and Research on Regional Theater Aesthetics”
    .

    my website … fotobudka rumia

  16. Hello, i think that i saw you visited my site thus i came
    to “return the favor”.I’m attempting to find things to improve
    my website!I suppose its ok to use a few of your ideas!!

  17. 即日必要なキャッシングは、対応してくれる金融会社をしっかりと調査して利用したほうが良いです。業態的に信販系カード会社などたくさんあります。これらは利用者の信用状態などで変わってきますが、キャッシングを利用する場合は、口コミ情報などを考えて決定するべきです。

  20. Every one of Miller Bug & Termite’s operate in Des Moines, Ankeny, Indianola, and Ames is covered by service warranty and also carried out by
    expert insect top level pest control control operators that are licensed, bound, insured, and also certified to get
    rid of bugs and also termites from your house or service.

  21. Berniat untuk membeli sebuah oven, tapi bingung apakah ingin membeli jenis oven roti
    listrik ataukah oven gas? Memang banyak sekali yang mungkin menjadi pertimbangan saat akan membeli sebuah oven, mengingat
    oven bukanlah barang murah yang dibeli sehari-hari

  23. I am now not sure where you’re getting your information, however good topic.
    I must spend a while learning more or understanding more.
    Thanks for magnificent info I was in search of this information for my
    mission.

  26. I’m impressed, I must say. Seldom do I encounter a blog that’s
    both educative and amusing, and let me tell you, you’ve hit the nail on the head.
    The issue is an issue that too few folks are speaking intelligently
    about. I’m very happy I stumbled across this during my hunt for something relating to this.

  28. . This expert could take care of computer repair near me (Halley) system issues and does networking,
    information recovery, off-site backup as well as general PC support.

  37. Wonderful goods from you, man. I’ve understand your stuff prior to and you’re just extremely magnificent.
    I really like what you have got here, really like what you are
    saying and the way in which during which you assert it. You’re
    making it entertaining and you continue to care for to keep it wise.

    I can not wait to learn far more from you. That is actually a wonderful web site.cheap nfl jerseys

  41. Thanks for your marvelous posting! I quite enjoyed reading it, you can be a great author.I will
    be sure to bookmark your blog and will come back from now on. I want to encourage you to continue
    your great work, have a nice holiday weekend!

  42. Wow, fantastic weblog structure! How lengthy
    have you ever been running a blog for? you made blogging look easy.
    The whole look of your website is wonderful, as
    neatly as the content!

  44. As accredited WDIR termite inspectors, our Huntersville bug top level pest control [Tina] specialists utilize only the most safe strategies readily available on the marketplace today to free termites from your
    home.

  46. Call your regional bug control experts at Gold Seal/Presto-X by calling -LRB-866-RRB- 831-4440 as well as get
    a Free preliminary Pest Evaluation or where to get pest control (Alvaro) ask for even more info on our comprehensive parasite control
    options.

  47. You can easily get a better security just as one app
    is preloaded inside the smart phone. When you want to find out more information on Huawei cellphone or any other smartphone, you can travel to
    partsun, it shares the latest information of cell phone market.
    The phone is additionally set with Easy swap features which ensure to
    swap SIM cards without turning off the phone.

    Also visit my web-site: where to win a iphone 6; Julienne,

  48. Usually I do not learn article on blogs, however I would like to
    say that this write-up vvery forced me to try and do so!
    Your wriiting style has been amazed me. Thanks, quite
    great article.

    Here is my web-site – webpage (Lamont)

  49. as clicdking the mouse rather than other webzites which shict me here aand there on the internet pages.
    methods related to that.|Hi, of course this post is genuinely fastidious and I
    have learned lot of things from it about blogging.
    thanks.|It’s an remarkable article in suypport of all the wweb visitors; thgey will
    take advantage from it I am sure.|I all tthe time used
    to read piece of wroting in nsws papers buut now as I am a user of internet therefore from
    now I am using net for rticles or reviews, thanks to
    web.|Hi colleagues, iss there any other fastidious
    blog related to JavaScript articles, while ths one iis good for
    PHP programming.|Hello, I also would like 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 nixe jQuery script; I was also seeking for that, thus i got
    it right now from at this time. Keep it up adminn
    of this site.|When I wish for to place gallery or LightBox
    oor yet a slider onn my web page I aways attempt to usse jQuery script
    in favor of that.|In fact programming is nothing however it’s a logic, if you get control on it afterward you are thhe
    professional else nothing.|I like to work on PHP rather than .NET, though .NET presents the ability of drag and
    drop elements, however I like PHP a lot.|Okay yyou are correct, in fact Personal home
    page is a open source and its assist wee can take free from any forum or web site since itt takes
    place here at this web site.|Hi there 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 tto PHP programming.|What a video it is!
    Actually amazing and fastidious quality, please upload more
    movies having such gold quality. Thanks.|A number
    of viewers are keen to watych comic video clips, but
    I like to watch terrible videos on YouTube.|Actualy 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.|Alll right this YouTube
    video is much improved than last one, this one has fastidious picture feature as well as
    audio.|At present I wwas so tired, and now this time I have got some relax by waching this funny
    YouTube video, thanks, keep it up.|On everry weekend, we all mates jointly used to watch movie, because enjoyment
    is also essential in life.|I am keen of learning Flash,
    is there anyy piece of writing related to Flash, if okay, then please post
    it, thanks.|Yes I am also in look forr of Flash tutorials, as I would liike to learn mmore on the topic of flash, sso if you have please post it here.|I also like Flash,
    however I am not a good designer to design a Flash,
    however I have computer software by witch a Flash is automatically created and no more to work.|Helko friends,
    I am again att this place, and reading thiis post related to
    SEO, its also a nice article, therefore keep it up.|Can any one tell
    mee that is there aany on the web classes for Search engine marketing,
    because I wish for to learn more on the topic of Search engine marketing.|What’s up every
    buddy, it’s a impressive entertaining aat at this place watching these funny YouTube videos at
    here, nice stuff, thanks to admin of this site|It is the happiest day oof my life so far,
    when I am watching these funny movies here, because
    after whole daay working I was so tired and now feeling sound.|It’s going to be finish of mine day, except
    before end I am 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 oon net?|This post is good and fruitful iin support of all new Personal home pages
    rrelated weeb programmers; they must study it and perform the practice.|Hi mates,
    how is the whole thing, and what you want to say about thiss post, in mmy view its really awesome for me.|What’s up
    Jackson, if you are a new web user afterward you must visit all the time this web page and reead the updated posts at at this place.|I keep listening to the news
    speak about getting free online grant applications 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 about this.
    I thunk you mae some good points in Features also.|Keep working ,great job!|Super-Dupedr site!
    I am loving it!! Wiill come back again – taking you feeds also, Thanks.|Hello.
    Great job. I diid not expect this on a Wednesday.
    This is a great story. Thanks!|You made some good points there.
    I did a seaarch on the topic and found most people will agree with
    your blog.|As a Newbie, I am alwaays serarching online for articles that can hedlp me.
    Thank you|Wow! Thank you! I always wanted to wrkte in my
    site somethinng 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 – bookmark this site? Regards,
    Reader.|In searching for sites related to web hosting and specifically comparison hosting linux plan web, your site came up.|You aare a very smrt person!|Nice post!
    GA is also myy biggest earning. However, it’s nott a much.|thanks !!

    very helpful post!|amazing suff thanx |my God, i thought you
    were going to chip in with sime decisive insght at the end there, not
    leave it with ‘we leave it to youu to decide’.|What is
    captcha code?, pls provide me captcha code codes or plugin, Thanks in advance.|That’s Too nice, when itt comes in india hope it can make
    a Rocking place for youngster.. hope that come true.|Wow! what aan idea !

    What a concept ! Beautiful .. Amazing …|I usually don’t post in Blogs but your blog forced me to,
    amazing work.. beautiful …|Please, can you PM me and tell me ffew moe
    thinks about this, I amm really fan of your blog…|Hey very nice blog!!
    Man .. Beautiful .. Amazing .. I will bookmark yoour blog and take the feeds also…|Hi, I can’t understnd how to
    add your site in my rss reader. Cann you Help me,
    please |It sounds like you’re creating problems yourself byy trying to sove this
    issue insead of looking at why their is a problem in the first place|I keep listening to the news speak about getting free
    online grant applications so I have been looking around
    for the best site to get one.|Thank you forr
    your help!|There is obviously a lot tto know about this.
    I think you madse some good points in Features also.|Keeep working ,great job!|Super-Duper site!

    I am loving it!! Will come back again – taking you
    feeds also, Thanks.|Hello. Great job. I did nott expect this on a Wednesday.
    This is a great story. Thanks!|You made somke good points there.

    I ddid a search on the topic and found most pekple wiill
    agree with your blog.|As a Newbie, I am always searching online for artricles that can help me.

    Thank you|Wow! Thank you! I always wanted to
    write in my site something like that. Can I takke part of your
    post to my blog?|Of course, what a gresat site and informative
    posts, I will add backlink – bookmark this site?
    Regards, Reader.|In searching for sites related to 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 aid for a heart attack
    and your post looks very interesting ffor me.|Niice post!
    GA is also my biggest earning. However, it’s not a much.|To
    start earning money with your blog, initially use Google Adsense but gradually as your traffic increases, keedp adding more and
    more money aking programs tto 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 gling to chip in with some decisive insght
    att the end there, not leave it with ‘we leave itt to you to decide’.|What is captcha code?, pls
    provide me captcha code codes oor 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 bbut
    your blog forced me to, amazing work.. beautoful …|Please, can you PM
    me and tekl mme few more thinks about this, I am really faan of your blog…gets solved properly asap.|Hey 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 rss reader.
    Can yyou Help me, please |It sounds like you’re creating problems yourself by trying to solve this issue instead of
    looking att why their is a problem in the first place.|thanks !!
    very helpoful post!|amazing stiff thanx |Such a usefule blog…wow !!!!|Your blog is so inforrmative
    … keep up the good work!!!!|I don’t usually rreply to posts but I will in this case.
    WoW |Hey very niuce 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* annd proof* i mean wwho
    is posting* lol :P|haha … tthe one who is posting
    the comments |Hello webmaster I like your posst ….|yea nice
    Work |:O So mush Info :O … THis Is he MOst AMAzing SIte DUDe… |Blogrol links aint that
    great 😛 but i am not the admin… 😛 … Just Telling :
    P |Hi there I like your post|Interestng article. Weree 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, must have been a typo, Your blog looks good.
    Have a nice day.|gr8 resrch bro…|found your site on del.icio.us today and really
    liked it.. i bookmarkd it and will be back to check it out some more later ..|I wish
    gtting over a broken heart can be so easy as following a
    few steps.. but its not… |Hi. I read a few of your oter
    posts and waanted to know if you would be interested in exchanging blogroll links?|Hello to alll
    I can’t understand how to add your site in my rss reader.
    Help me, please|Wow, thanks a bunch m8 |Pretty!
    This was a really wonderful post. Thank you for you provided information.|Greetings!
    Very helpful advice on thjs 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 through ths post reminds me of my previous room mate!
    He always kept talking abot this. I will forward this article to him.
    Pretyty sure he will have a good read. Thank you for sharing!|Hi,
    I think your site might be having browser compatibility issues.
    When I look at your website in Safari, it looks finee but when opening in Internet Explorer, it has some overlapping.
    I just wanted to gve you a quick heads up! Other then that,
    fantastic blog!|Haaving read this I thought it was very informative.
    I appreciate you taking the time and effort too put this article together.
    I once again find myself spending way to much time both reading and
    commenting. Butt so what, iit wwas still worth it!|After all, wnat a great
    site and informative posts, I will upload inbound link
    – bookmark thiis wweb site? Regards, Reader.|Hello!
    I could have sworn I’ve been to this blog before but after browsing through some
    oof the post I realized it’s nnew too me. Anyways, I’m
    definitely happy I found it and I’ll be book-marking annd checking back frequently!|I’d have
    to examine with you here. Which is not one thing I usually do!

    I takoe pleasure in reading a post that may make folks think.
    Additionally, thanks for permitting me to comment!|I wanted to thank youu for this great read!!
    I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post…|Hi ,
    I do believe this is an excellent blog. I stumbled upon it oon Yahoo , i will come back
    once again. Money and freedom is the best way to change, may you be rich and help other people.|Thhis
    blog iss definitely rather handy since I’m aat the moment creating an iternet floral website – althoough I am only starting
    out therefore it’s really fairly small, nothing like this site.

    Can link tto 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 wiith the popular BlogEngine.net.Thethboughts you express
    arre really awesome. Hope you will right some more posts.|Your style is so unique compared to many other people.
    Thank you for pubglishing when you have the opportunity,Guewss I will
    just make this bookmarked.2|Those are yours alright!
    . We at least need tto get these people stealing images to sttart blogging!
    They probably just did a image search and grabbed them. Theey
    look good though!|I got good inf froim your blog|Great line up.

    We will be linking to this great aricle onn ouur site.
    Keep up the good writing.|This is a verry
    good tips especially to those new to blogosphere, brief and acurate information… Thanks for sharing this one.
    A must read article.|I couldn’t resist commenting |Savedd as 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 making this article available,
    the rest of the site is alxo high quality. Have a fun.|Great wordpress
    blog here.. It’s hard to find quality writing like yourrs these days.
    I really appreciate people like you! take care|This is a topic close
    to my heart cheers, where are your contact details though?|I love yourr blog..

    very nice colorfs & theme. Did you create this website yourself?
    Pllz reoly back as I’m looking to create my
    own blog and would like to know wheere u got this from.

    thanks|Hi, just required you to know I he added your
    sitee to my Google bookmarks due too your layout. But seriously, I believe your internet site has 1 in the freshest thneme I??vecame across.
    It extremely helps make reading your blog significantly easier.|I love it when people come together
    annd 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 doo i say it… relevant, finally something
    that helped me. Thanks|Everything is very open and very clear explanation oof issues.
    wass truly information. Your website is very useful.

    Thanks for sharing.|Iwould like to thnkx for the effrorts you have put in writing
    this blog. I am hoping the same high-grade blog post from you in thee upcoming
    as well. In fact your creative writing abilities has inspired me
    to get mmy own blog now. Really the blogging is spreading its wikngs quickly.
    Your write up is a good example oof it.

  50. Your way of describing everything in this article is truly fastidious, all
    can without difficulty be aware of it, Thanks a
    lot.

Leave a Reply