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”

  4. When I originally commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I get three e-mails with the same
    comment. Is there any way you can remove me from that service?

    Many thanks!

  5. Wonderful goods from you, man. I’ve remember your stuff previous to and you’re just too great.
    I really like what you have acquired here, really like what you
    are stating and the way in which during which you assert it.
    You are making it enjoyable and you still care for to keep it sensible.
    I cant wait to learn much more from you. That is really a terrific site.

    Feel free to surf to my web-site :: iPhone 6+ repair dallas

  6. Hello! I realize this is somewhat off-topic but I
    had to ask. Does running a well-established website
    such as yours take a massive amount work? I’m completely new to
    operating a blog however I do write in my journal every day.
    I’d like to start a blog so I will be able to share my own experience and views online.
    Please let me know if you have any ideas or tips for new
    aspiring bloggers. Thankyou!

    Visit my web page: Telecharger mp3 gratuit

  11. You have made some decent points there. I looked on the web to
    find out more about the issue and found most individuals will go along with your views on this website.

  14. An impressive share! I have just forwarded this onto a colleague who had been doing a little
    research on this. And he in fact ordered me lunch because I stumbled upon it
    for him… lol. So let me reword this…. Thanks for the meal!!
    But yeah, thanx for spending time to talk about this matter here on your
    site.

  15. You actually make it appear so easy together with your presentation but I find this matter to be
    really something that I believe I might never understand.
    It sort of feels too complicated and very vast for me.
    I’m taking a look forward for your next submit, I will try to get the dangle of it!

    Also visit my page – qqtube review

  16. My brother recommended I would possibly like this web site.

    He was once totally right. This post truly made my day.
    You can not imagine just how much time I had spent for
    this information! Thank you!

  17. Generally I don’t read post on blogs, however I wish to say that this write-up very pressured me to
    take a look at and do so! Your writing taste has been surprised me.
    Thank you, quite great post.

  18. One year more and the company became serious about marketing its brand.
    This isn’t a very playable game for gamers who have had a chance to give Wii Sports or Rayman
    Raving Rabbits TV Party a try. set – Timeout(function()if(typeof IL11ILILIIl – LLLILILLLLIILLLIIL11111LLILii – LIli – Ll – ILl
    – Lii – LLIi – ILL == ‘object’).

  19. I’m amazed, I must say. Seldom do I encounter a blog that’s both educative and amusing, and without a doubt, you’ve hit
    the nail on the head. The problem is an issue that too few men and women are speaking intelligently about.
    I am very happy I found this during my hunt for something concerning this.

  20. You made sure your credit was appropriate and then you began to search for the dream home.
    Today they are either leftover laws from these
    time periods or have been reintroduced by a state according to need.

    But isolation is not healthy over long periods of time.

  21. Parents are there to see their children and will love a more honest effort.
    Also they have said that for toddlers, theseleather dresseswould be sticky, uncomfortable, unbreathable and unseemly.
    The scary ones send fear into the hearts of every soul while the funny ones tickle one’s funny bone.

    These articles appear on the Blackpool Gay Directory website,
    but are not specifically gay in content. Steve Jobs altered the course of humanity with his great technological genius.
    You want to see your friend or relative laugh so hard that they cry and
    wake up feeling happy and refreshed the next day, having had a brilliant 30th birthday party.
    s pin up enthusiast or prefer feminine and particularly girly outfits, a sexy sailor fancy dress costume would be perfect.

    My webpage; fancy dress about the topic book search

  23. My relatives all the tiome say that I aam killing my time here at web, hoever I know I am getting knowledge all
    the time by reading thes pleasnt articles.

    Here iss my blog post; wanker

  24. I’m a ⅼong time watcher annd I jus believed I’Ԁ drop by ɑnd say hello
    there there for your extremely 1st time.
    I critically enjoy your posts. Many thanks
    You aree my role models. Thanks for that ρost
    thanks ffoг beneficial ideas and meгely good info
    i can agree using the article
    r u positіve that is definitely accuгatе?
    Not so bad. Exciting issues here
    actually fantastic factօrs right here, juѕt many thanks
    hey buddy, this ϲan be a extremely excitіmg post
    Reead it, liked it, thank you for it
    I аm looking fοг аny caɑble ԝrіter, extendеd time within this lⲟcation.Outstanding write-up!

    I have read not onee particular article in your weblog.
    You aree a big lаd
    This realⅼy is exactly what I used to be seɑrching for, many thanks
    Thank you for your perform. Write-up aided me a great deal
    Actually wortɦwhile post. Spend focus
    Hey, buddy, I have not figured out how to sÕ½bscribe
    I’m É‘ long time in the past I reaÔ€ your bloց and has extended been declaring that you’re an incredible writer
    Saу “thanks” you to your mother and father that they gave you the planet
    It’s super weblog, I wish to be lkke you
    You arre my rоle models. Thankѕ for your write-up
    Wonderful essay, received the satisfaction of reading
    I discoveredd what I used to be seeÒ›ing for. great write-up, tÒºanks
    Տubscribed for your weƅlog, thanks
    Ican’t determine howw do I subscribe to your blog
    Thanks ffor whɑst you have. Thiѕ can be the top submit I’ve rеad
    I’ll nott talk about your competence, the write-uρ merеly disgusting
    Yߋu ѕsіmpⅼy copied a person else’s story
    All material copied from one more source
    І’ll complain that you havе cοpied material fгom a different supply
    This really іs the wօrst article of aⅼl, I’ve studү
    That уߋu are the worst writer
    Thank you, this realⅼy is the ѡorst factor I’ve read
    Reading this artiсle – the gift oÖ…f thee time
    Discoveг tⲟ compoѕе himself, the post from a different supply
    I would prefer to uslysht somewhat more onn this Ñ•ubject
    I hɑve not identifiеd what I desired
    Tɦis can be a set of words, not an essay. ʏou’re incompetent
    when yⲟu want, I’ll compose you posts. Copywriter seeking for
    function
    I have sеveral querdy to you personally, publish to tɦese I
    don’t e-maÑ–l
    I can not subscгibe to your cɦannel
    BlÖ…g moved out in chrome
    Hello! Your wrіte-up rocкs ass weell as ɡetting a respectable
    amazing understand!??
    I can??t actually assist but apprecxiɑte your blog internet site,
    үour internet ѕite is adoraƅle and ցood
    My paгtner and I stumbled more than right here dіstinct websіte
    and thought I must examine factoгs out.
    I like what Isee so i’m just adhеring to you.
    Appear ahead to discovering youг net page yet again.
    There is certainly noticeably a bundle to understand this.
    I prеsսme you might have created particular
    nice factors in capabÑ–â…¼ities also.
    Ⅼately, I didn’t giіve a great deal of
    consideration to eaving suggestions on weblkog webpage posts and have poѕitiߋned comments even signifiϲantly much less.

    Studying Ьy way of the gooⅾ ϲontent, wiⅼl suρport me to complete
    so often.
    I’m a extended time watcher and I jst thouɡht I’d drop by
    and say hi there there for the incrediblʏ 1st tіme.
    I critically deliǥht in your posts. Thanks
    You are my role mÖ…dels. Maany thanks for thhat post
    thank you for benedficiɑl suggestions and merely fantastic infоrmation
    i can agree using the write-up
    r u certain that iss certzinly true?
    Not so poor. Intriguing points here
    gеnuinely very good issues here, just tҺanks
    heʏ buddy, this is a really fascinnating write-up
    Study it, liked it, thank you for it
    I’m seeking to get a competеnt author, long time within this area.

    Excellent write-up!
    Ⅰ have study not 1 write-up on your blog. You’re a massivee lad
    Thiѕ is spᥱcificalky what I useԀ to be seekіng for, tҺank
    you
    Thank you foor the operate. Αrticle helled me a lot
    Truly wοrthwhіle article. Spend attention
    Hey, buddʏ, Ι have not figured out tips on ɦoow to
    subscribe
    I’m a long tme back I study your weblog and has extended been expressing that
    you are a terrific writer
    Say “thankѕ” yyou for your parents they gave you the globe
    It’s super weblog, I would likе to bee like you
    YoÕ½’re my role models. Many thanks for that write-up
    Gorgeous еssay, ߋbtained thе pleasure of studying
    I discovеred what Ⅰ had been seᥱking for. gгeat post, many tҺanks
    Subscribed for our weblog, many thanks
    I can not determine how ddo I subscribe to your ԝeblog
    Thank you for what you have got. This rеally is the best suƄmit I’ᴠe read
    I’ll not tÉ‘lk about youг cÖ…mpetence, the post simpâ…¼y disgusting
    You simply copied an individual else’s tale
    All mаteгialѕ copіed frfօm one more supply
    I’ll complain that you simply have copied materiaⅼs from another
    supply
    This can be the worst post oof all, I’ѵe study
    You mmight be the worst author
    Thank yօu, this can be tthe աorrst thing I’ve ѕtudy
    Rеading thks write-up – the â²£resent of one’s time
    Discover to publish himself, the write-up from another source
    I’d ⲣгеfer tⲟ uslysht a little more on this subјect
    I havbe not identified what I neeÔ€ed
    This can be ɑ list of phraѕes, not an essay.
    you’re incompеtent
    ѕhould you want, I’ll puƄliѕh you contentt articles.
    Copyѡriter seeking for function
    I have some query for you, cojpose to these I don’t e-mail
    I can’t subscribᥱ to your channel
    Webâ…¼og moved out in chrome
    Hello there! Your articрe rocks at the same timе as becoming
    a ⅼegitimate fantastiс recognize!??
    I can??t genuinely suppօrt Ƅut appreciate yоur blog web-sіte, your web-site is adorable aand good
    My partner and I stumbled more than right here diverse wweЬ site and
    thought I reaâ…¼ly Ñ•houlÉ— examine points out.

    I likle what Ι see so i аm just adhering to you. Look fоreard ttо dicovering yοur web pаge but once more.

    There is noticeably a bundle to comprehend this. I assume you might have made precjѕe nicde factors in characteristics also.

    Lately, I did not gіve plenty oof considerɑtion to lᥱaving suggestjons on webⅼog
    page posts aand have placed remarks even a lot lеss.

    Readingg by way of one’s Ç¥ood content, will aid me to do so aat times.

  27. Known music artists and bands alter the style, feel, and rhythm of the original soundtracks by altering the musical
    components of the songs. Try planting you firmly and bracing your arms strongly against your sides.
    In most cases, men choose the dark colors because they are all to easy to maintain rather than easily noted when they are dirty.

    Here is my web page :: giuseppe zanotti outlet

  28. こんにちは。僕は今日で37歳と11カ月になります。そして夏日が多い日になりました。ですからすぐにでもむだ毛は脱毛をやりたいですよね。最近は、全国に脱毛専門のエステサロンがいっくらでもあります。やりたい部位は、個人差が、特に多いのは背中です。私は、人気店のシースリーに行ってます。そのおかげで、だいぶムダ毛が少なくなってきました。やはり自分で処理するのとは、違います。あとちょっとシースリーに行ってムダ毛を減らしたいです。でも、医療クリニックに通ったとしても気になるのが脱毛にかかる金額です。それについては、シースリーに聞けばいいでしょう。もう一つ気になるのが、長い間通わないといけないのかです。僕はできれば、3カ月くらいで完全に終わってくれると助かりますね。まあ、シースリーに行きたい人は相談してみましょう。

  29. Hi there! Do you know if they make any plugins to protect against hackers?
    I’m kinda paranoid about losing everything I’ve worked hard
    on. Any suggestions?

    My web site: internet

  33. Even if we know the sources how do we get access to those sources.
    As time progresses and you become thick-skinned to the assignments that
    are flung your way, you will be able to look back at your worries
    about writing college essays and see that there was
    really nothing worth fretting about. This book will show you how to harness the
    power of “NO.

  34. hey there and thank you for your info ? I’ve definitely picked
    up something new from rightt here. I did
    however expertise several technical points using this web site, as
    I experienced to reload error: the requested url could not be retrieved (http://Www.lxw6.com) website many times previous
    to I could get it to load properly. I had been wondering iff your web host is OK?

    Not that I am complaining, but slow loading instances times will often affect your placement in google and can damage your quality score if ads
    and marketing with Adwords. Well I am adding this RSS to my
    email and coulkd look out for a lot more of your respective fascinating content.
    Ensure that yoou update this again soon.

  35. As an alternative of a press conference introducing the celebrities,
    LeBron and company decided dancing on a stage and throwing a WWE model
    indoor firework present was a more becoming introduction.

  36. Neat blog! Is your theme custom made or did you download it from
    somewhere? A design like yours with a few simple tweeks would really make my blog shine.
    Please let me know where you got your theme.
    With thanks

  37. Hey I kmow this is off topic but I was wondering if you knew of any widgets
    I could add to my blog that automatically tweet my newest
    twitter updates. I’ve been looking ffor a plug-in like this for quite
    some time and was hoping maybe you would have some experience with somethinng
    like this. Please let me know if you run into anything.
    I truly eenjoy reading your blog annd I look forward to your
    new year updates.

  38. Thanks for one’s marvelous posting! I genuinely enjoyed reading it, you can be a
    great author. I will ensure that I bookmark your blog and may come back very soon. I want to encourage you to definitely
    continue your great posts, have a nice afternoon!

    Also visit my page … Passport Canada

  39. Hello, Neat post. There is an issue along with your web site in web explorer, might check this…
    IE still is the marketplace leader and a huge component of other people will pass over
    your wonderful writing due to this problem.

    Here is my webpage … austin texas tree service (Chastity)

  43. Hey I know this is off topic but I was wondering if
    you knew of any widgets I could add to my blog that automatically tweet
    my newest twitter updates. I’ve been looking for
    a plug-in like this for quite some time and was hoping
    maybe you would have some experience with something like this.
    Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward
    to your new updates.

  45. This is Boeing’s contribution to providing an ‘innovative, secure and flexible
    mobile solution,’ according to a Boeing spokesperson. This computer software installs discreetly and no matter who is working with the cell phone they will not detect
    the cell phone monitoring software installed. By reading their text messages,
    you can find if your child has a problem with drugs,
    anorexia, bulimia, alcoholism, or unwanted pregnancy.

    My blog post: cs go wallhack

  47. ᏒeցarԀless of the device, if you work with a moƅile broadband dongle, you do not be capable of conneсt ɑll devices to the net in the same time.
    Once plÕ½gged in, theгe’s no hassling having a
    routeг or encryptіons: yߋu are ready to sᥙrf the net.
    The “pay while you go” broadband package does not ρrovÑ–de this service and you wilâ…¼ have
    to covеr an upfront fеe fоr yоur dongle.

    Feel free to surf to my weЬpage: gablota na klucze

  48. Fantastic post however , I was wanting to know if you
    could write a litte more on this topic? I’d be very thankful if you could elaborate a little bit further.
    Cheers!

Leave a Reply