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”

  3. Ever since Walt Disney bought Lucasfioms along with the rights to each of their movies,
    anticipation for the ollowing Star Wars was high when we learnewd it was eventually going to happen.

    My weblog :: staar wars 2015 full movie [Chandra]

  5. Consequently, the very best standard is to locate the appropriate
    acne therapy for you and not to be also concerned
    regarding your daily anxiety.

    Here is my homepage skin exfoliation products (Herbert)

  8. Unquestionably believe that which you stated. Your favorite reason appeared
    to be on the web the easiest thing to be aware of.
    I say to you, I definitely get irked while people think about worries
    that they just do not know about. You managed to hit the nail upon the top and also defined
    out the whole thing without having side-effects , people could take
    a signal. Will probably be back to get more. Thanks

  9. Hey there! I could have sworn I’ve been to this website before but after checking through some
    of the post I realized it’s new to me. Nonetheless, I’m
    definitely glad I found it and I’ll be bookmarking and checking back often!

    Feel free to surf to my webpage – Organic Dentistry

  10. It’s appropriate time to make some plans
    for the long run and it’s time to be happy. I’ve read this publish and if I may I
    desire to recommend you few fascinating things or tips.
    Perhaps you can write subsequent articles referring to this article.
    I desire to learn more issues about it!

  11. For it requires great focus and focus to research and gather
    info, assimilate and understand it, develop the skills that come from this effort, and then to apply all
    of them again and again, continuously tweaking them, till the make money online now
    starts to movement into your account.

  12. Pretty great post. I simply stumbled upon your weblog and wanted to mention that I have really loved browsing your weblog posts.
    After all I will be subscribing for your rss feed and I hope you write
    again soon!

    my web site LIDA

  18. Hey I am so excited I found your weblog, I really found you by
    error, while I was browsing on Google for something else, Regardless
    I am here now and would just like to say thanks for a incredible post and a all
    round entertaining blog (I also love the theme/design),
    I don’t have time to read through 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 much more,
    Please do keep up the awesome b.

  19. I like the helpful info you provide in your articles.

    I will bookmark your blog and check again here regularly.
    I’m quite sure I will learn plenty of new stuff right here!
    Good luck for the next!

  24. With havin so much written content do you ever run into any
    issues of plagorism or copyright infringement?

    My website has a lot of completely unique content I’ve either authored myself or outsourced but it appears a lot
    of it is popping it up all over the web without my
    agreement. Do you know any solutions to help protect
    against content from being stolen? I’d really appreciate it.

  27. I cannot get all technical on you – however for simple to use no nonsense-
    that is THE ONE – I REALLY LIKE THIS DIGITAL CAMERA!

    Feel free to visit my weblog; make money fast – mtdfit.com,

  29. Nach dem Inspizieren einschlägiger Dokumente vonseiten femmestyle,
    der Kulturgeschichte entstand der Eindruck, dass
    schon die Absicht, mehr oben dies Geheimnis des
    Lebens zu erfahren, in… vermehrt von Signifikanz
    war neben ist. Neben unseren Bemühungen, zu Gunsten von dies
    Selbstverständliche eine tiefer reichende (Grad
    an) Interesse
    zu finden, entstanden (ja) sogar Verunsicherung obendrein Gern wissen wollen
    dank welcher Druckwerk. Es sei
    hier an dasjenige bereits genannte Zitat von Nietzsche
    erinnert: „Vielleicht andererseits wird es gar anstoessig
    sein, ein aesthetisches Fragestellung so ernst
    genommen zu sehn“. (▶ Abschn. 1.3)
    Dies als Krankheit zu beurteilende Betrauern
    wird jetzt weitgehend seitens der namentlichen
    Register dieser Behandlungsmaßnahmen im
    Gegenstandskatalog unter anderem in den Bestimmungen
    solcher Training existieren. Im Jahr 2003 begann,
    dem aktuellen Gruppe der Plastischen des Weiteren
    Ästhetischen Chirurgie entsprechend, Chip Aufsatz
    von Nachschlagewerken in deutscher
    Verständigungsmittel (Berger, Hierner 2009; Statthalter 2011).

    Probleme kaprizieren dieser Tage anliegend welcher Fragestellung dieser
    Kostenübernahme im Zuge Versicherungen im Stand der
    Dinge
    seitens Operationen, deren Appetenz aus dem „Konzept
    des Schönen“ heraus entsteht. Mit der Absicht,
    uns an solcher Fragestellung jener Bedeutung welcher Ästhetik
    in der Plastischen Chirurgie zu orientieren, befassen
    unsereins uns anhand dieser Philosophie. Solche wird in welcher
    Etymologie definiert qua „Lehre, die einander anhand den
    Grundfragen des menschlichen Daseins befasst“
    (Kluge 1989). Es sollen in diesen Tagen notwendige Hilfen
    aus welcher Geschichte solcher Auffassung vom
    Leben beigetragen
    Herkunft. Dieses, um ein oberhalb die Allgemeinplatz
    hinausgehendes Fakten restlich Chip Ästhetik,
    als Dogma vonseiten jener Schönheit zu erzielen.
    Kluges
    Deduktiver Schluss des Ästhetikbegriffes (. Tab. 2.1) sei
    hinzugefügt, dass Chip Name gegenseitig aus der
    klassischen Gegenüberstellung vonseiten Denkfähigkeit unter anderem
    Sinnlichkeit erklärt.

    Here is my web blog Bruststraffung

  33. Excellent post. I was checking continuously this blog and I’m impressed!
    Extremely useful information specially the last part 🙂
    I care for such information much. I was seeking this certain info for a long time.

    Thank you and good luck.

  34. Good post. I learn something new and challenging on blogs I stumbleupon every day.

    It’s always helpful to read content from other writers and use something from their sites.

    Feel free to visit my site :: #News

  36. The static shot at night of couple’s bedroom, as Micah was
    keen to document any unusual happenings while they are unconscious was the best part of the movie.
    In spite of having enough years under his belt to know better, he behaved as though his actions held no consequence.
    Check out that new movie first and find out if it’s really worth the
    price of admission.

  42. Qua Deutsche Mark Untersuchen einschlägiger Dokumente von femmestyle,
    der Kulturgeschichte entstand solcher Eindruck,
    dass
    schon Chip Absicht, mehr via dasjenige Geheimnis des
    Lebens zu erfahren, un… verstärkt seitens (Grad an) Interesse
    war und ist. Bei unseren Bemühungen, für das
    Selbstverständliche eine tiefer reichende Sinngehalt
    zu finden, entstanden auch Zweifel und (sich) wundern
    aufgrund welcher Druck. Es sei
    zu dieser Gelegenheit an welches im Voraus genannte Anführung vonseiten Nietzsche
    erinnert: „Vielleicht nunmehr wird es überhaupt anstoessig
    sein, ein aesthetisches Problem so ernsthaft
    genommen zu sehn“. (▶ Abschn. 1.3)
    Das denn Krankheit zu beurteilende Leidensgeschichte
    wird jetzt nahezu vollständig von solcher namentlichen
    Aufstellung welcher Behandlungsmaßnahmen im
    Gegenstandskatalog auch in den Bestimmungen
    der Training feststehend. Im Jahr 2003 begann,
    Deutsche Mark aktuellen Kohorte welcher Plastischen auch
    Ästhetischen Chirurgie entsprechend, Chip Artikel
    von Nachschlagewerken in deutscher
    Mündliches Kommunikationsmittel (Berger, Hierner 2009; Vogt 2011).

    Probleme (auf etwas) drängen nunmehr zusammen mit dieser Frage dieser
    Ãœbernahme der Kosten mit Versicherungen im Gegebenheit
    seitens Operationen, deren Verlangen aus DEM „Konzept
    des Schönen“ heraus entsteht. Mit dieser Absicht,
    uns an jener Frage der (Grad an) Interesse welcher Ästhetik
    in solcher Plastischen Chirurgie zu orientieren, befassen
    unsereiner uns inkl. welcher Auffassung vom Leben. Ebendiese wird in der
    Wortforschung definiert qua „Lehre, Chip einander einbegriffen den
    Grundfragen des menschlichen Daseins befasst“
    (Kluge 1989). Es sollen in diesem Zusammenhang notwendige Hilfen
    aus der Geschichte der Philosophie beigetragen
    werden. Dieses, um ein oben Chip Klischee
    hinausgehendes Episteme mit Chip Ästhetik,
    wie Abkanzelung von welcher Pfiff zu erringen. Kluges
    Herleitung des Ästhetikbegriffes (. Tab. 2.1) sei
    hinzugefügt, dass Chip Bezeichnung sich aus der
    klassischen Gegenüberstellung von Vernunft neben
    Sinnlichkeit abgemacht.

    Here is my web blog brustvergrösserung

  45. Sócios Off-Rio Premium: R$50 Dá recta a metade de um
    ingresso individual para dois jogos em nenhum gênero
    de lugar do país onde Flamengo jogue, nenhum
    gênero de modalidade; 30% no ingresso de acompanhante de um jogo por mês; 25% em outros ingressos
    individuais e para um acompanhante.

  46. Hi I am so glad I found your website, I really found you by accident, while I was looking on Bing for something else, Nonetheless I am here now and would just like
    to say many thanks for a remarkable post and a all round enjoyable blog (I also love the theme/design), I don’t
    have time to go through it all at the minute but I have book-marked it and also added
    your RSS feeds, so when I have time I will be back to read much more, Please do keep up the awesome jo.

    Take a look at my web site: nobhead

  47. I’m amazed, I must say. Seldom do I come across a blog
    that’s equally educative and entertaining, and let me tell you, you’ve hit the
    nail on the head. The issue is something too few folks are
    speaking intelligently about. I’m very happy that I came across this during my search for something concerning this.

    My site; watch eurosport live stream

  50. Hi there I am so delighted I found your web site, I
    really found you by error, while I was browsing on Bing for
    something else, Nonetheless I am here now and would just like to say thanks for a tremendous post and a all round
    entertaining blog (I also love the theme/design), I don’t have time to look over it all at the minute but
    I have saved it and also included your RSS feeds, so when I have
    time I will be back to read much more, Please do
    keep up the superb b.

    Visit my web-site … Springfield MO Mowing

Leave a Reply