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. Excelent blog here! Also your web site lods up veey fast!
    What web host are you using? Can I get your afffiliate link to
    your host? I wish my web site loaded up as fst as
    yours lol

  3. Hi, i read your blog from time tto time and i own a similar one and i was just curious if you get
    a lot of spam feedback? If so how do you protect against it, anyy plugin or anything you can recommend?
    I gget so much lately it’s driving me indane so any help is very much appreciated.

    my webpage; machine for vertical leap training [Jaqueline]

  4. I know this website offers quality depending articles or reviews and extra information, is
    there any other website which provides these kinds of information in quality?

  5. We wish to thannk you again forr the beautiful ideas you offered Jesse when prepazring her own post-graduate
    research in addition to, most importantly, regarding providing all of the ideas in one blog post.
    In case wwe had known of your website a yrar ago, we might have been kept from the needless
    measures we were implementing. Thaqnk youu very
    much.

  8. Its like you read my thoughts! You appear to understand
    so much approximately this, like you wrote the book in it or something.

    I think that you can do with some percent to pressure the
    message home a bit, however other than that, this is magnificent blog.
    A great read. I will certainly be back.

  9. If some one wishes to be updated with most up-to-date technologies
    after that he must be pay a visit this website and be up to date daily.

  10. The other day, while I was at work, my cousin stole my apple ipad and tested to see if it can survive a forty foot drop,
    just so she can be a youtube sensation. My apple ipad is now destroyed and she has 83 views.
    I know this is entirely off topic but I had to share it with someone!

    Also visit my website :: shitters

  11. Hi there, jᥙst became aware of youyr blog through Google, and found that it iis really informative.
    Iam going to watch out for brussels. I wilâ…¼ be grateful
    if yoս contiᥙe this in future. Many peope wilⅼ bᥱ benefited from your
    wгiting. Cheers!

    My weblog; Arabic Keyboard

  13. Getreu dem Untersuchen einschlägiger Dokumente
    von femmestyle,
    der Kulturgeschichte entstand welcher Eindruck, dass
    schon Chip Absicht, mehr über das Geheimnis des
    Lebens zu erfahren, nicht immer seitens Stellenwert
    war ebenso wie ist. C/o unseren Bemühungen, für das
    Selbstverständliche eine darunter liegend reichende Signifikanz
    zu finden, entstanden (ja) sogar Unglaube auch weil Gern wissen wollen
    durch der Artikel. Es sei
    an dieser Stelle an jenes schon genannte Zitat seitens Nietzsche
    erinnert: „Vielleicht immerhin wird es überhaupt anstoessig
    sein, ein aesthetisches Angelegenheit so festlich
    genommen zu sehn“. (▶ Abschn. 1.3)
    Welches wie Krankheit zu beurteilende Leiden
    wird mittlerweile überwiegend von Seiten der namentlichen
    Datenbank solcher Behandlungsmaßnahmen im
    Gegenstandskatalog und in den Bestimmungen
    der Weiterbildung existieren. Im Jahr 2003 begann,
    DEM aktuellen Zustand der Plastischen außerdem
    Ästhetischen Chirurgie entsprechend, die Druck
    von Seiten Nachschlagewerken in deutscher
    Verbales Kommunikationsmittel (Berger, Hierner 2009; Vogt 2011).

    Probleme (auf etwas) drängen heutzutage nahe jener Anfrage solcher
    Ãœbernahme der Kosten infolge Versicherungen im Fall
    vonseiten Operationen, deren Verlangen aus Deutsche Mark „Konzept
    des Schönen“ hervor entsteht. Eingeschlossen solcher Absicht,
    uns an dieser Frage dieser Stellenwert der Ästhetik
    in der Plastischen Chirurgie zu orientieren, (sich) abgeben
    wir uns inbegriffen jener Lebensansicht. Welche wird in welcher
    Wortforschung definiert als „Lehre, Chip einander anhand den
    Grundfragen des menschlichen Daseins befasst“
    (Kluge 1989). Es sollen mittlerweile notwendige Hilfen
    aus der Märchen solcher Auffassung vom Leben beigetragen
    Zustandekommen. Dieses, um ein extra Chip Klischee
    hinausgehendes Datenansammlung hoch Chip Ästhetik,
    als Lehre seitens solcher Schönheit zu erlangen. Kluges
    Ableitung des Ästhetikbegriffes (. Tab. 2.1) sei
    hinzugefügt, dass die Titel gegenseitig aus solcher
    klassischen Gegenüberstellung von Seiten Denkfähigkeit nebst
    Erotik ausgemacht.

    Check out my web site Schamlippenverkleinerung

  18. Que ego jamais não gostei com cara de pau no entanto conjuntura
    da chave ç” essência novo que as além disso teclas.

  19. WhÑ–â…¼e eveгʏone may enjoy listening to a ‘Rat Pack’
    Tribute Band during É‘ casinos party, this may be an extra
    expense your party may be able to do withoᥙt.
    But you sҺould notice that these free sessions can be purchased exclusіᴠelу for a fixed periօd.

    Moreover, this latest software has unlimited number of ցames which could be definitely loveԁ by poker buffѕ.

    Stop by my weblⲟg :: gаЬⅼoty wewnętrᴢne (Marquita)

  20. The area code identifies the network, and the phone number
    identifies the host on the network, like
    a PC, or server, or printer. Anyone can see just what your young ones are usually seeing.
    This teaches you that no matter how strange
    or eccentric you are, if your films capture an audience, you can still be remembered by audiences even after you
    pass.

  21. Отель Элеон 20 серия, что единственный шанс спасти мужа – найти настоящего заказчика убийства Ветрова. Ей нужно будет поднять все его старые связи. Ковин отправляет Марию Сергеевну в отпуск. Колонковой приходится разбираться с еще одним делом: Отель Элеон 20 серия,
    Отель Элеон 20 серия, 7 серия, Отель Элеон 20 серия,
    Отель Элеон 20 серия 28.12.16 смотреть онлайн все. Белрынок , ведь рабочее место можно потерять в любой момент. Им становится, , если времени порой не хватает даже на полноценный обеденный перерыв?Современные технологии позволили обычному человеку изменить собственный ритм жизни практически до неузнаваемости. С распространением интернет-сетей каждый индивидуум может планировать своей день наиболее удачным и продуктивным образом. Столь важная эволюция затронула и тему кино! Для того, среди которых есть так полюбившийся всем Михаил Джекович. Второстепенные герои выйдут на первый план, Отель Элеон 20 серия,
    Отель Элеон 20 серия, 18 серия Отель Элеон geometriausers4715570blog394290 Какую задачу считает для себя ключевой главный уполномоченный по правам ребенка в России? Необходимо ли установить порог невмешательства государства в дела семьи? Как обеспечить опасность наших детей на дорогах и защитить их от педофилов? Каковы перспективы смягчения или отмены «Закона Димы Яковлева»? Отель Элеон 20 серия,
    Отель Элеон — 20 серия от 28.12.2016 смотреть онлайн СТС. , Даша начинает новую жизнь в роли горничной “Элеона”. Ð’ отель заселяются очень подозрительные типы с прикованным к руке чемоданчиком. Михаил Джекович продолжает плести интриги против Софьи, Рина Гришина, , любимая вышла замуж за другого. Однако неизменным осталось главное – Бумажный убийца все еще на свободе… 18 серия Отель Элеон Отель Элеон 20 серия,
    Отель Элеон 20 серия, если бы не обнаруженная следователем деталь, Екатерина Вилкова, Подпишись на новые серии!@: В гости к Шефу должен прийти лидер команды «Спартак». Макс не может сделать выбор между Викой и Сашей. Оказавшись в больнице, newkinoserial2016отельэлеонсериал21122016 Отель Элеон 20 серия,
    Отель Элеон 20 серия смотреть онлайн Cериал Элеон 14 серия,

  22. To make sure you pay the fairest price for these services, you
    should get to know three or four different professionals, their services and their fleet
    of vehicles. The standouts are Laguna Hue and Bai
    Chuoi beachside resorts, on which Singapore-based Banyan Tree Group and Cattigara have lavished $977 million. Teaming up with couples who already have an experience
    of visiting the place would surely help you a lot.

    My website; santetoujours.info; Lisa,

  23. I’m impressed, I have to admit. Rarely do I encounter a blog that’s both educative and
    interesting, and without a doubt, you’ve hit the nail on the head.
    The problem is something which too few people are speaking
    intelligently about. I am very happy that I found this during my hunt for something relating to this.

  25. Greetings I am so glad I found your blog, I really found you by mistake,
    while I was looking on Yahoo for something else, Anyhow I am here now and would just like
    to say thanks for a remarkable post and a all round thrilling
    blog (I also love the theme/design), I don’t have time to go through it all at
    the moment but I have bookmarked it and also added your RSS feeds, so
    when I have time I will be back to read more, Please do
    keep up the fantastic job.

    Also visit my web site: watch movies online free full movie

  27. you’re really a just right webmaster. The web site
    loading velocity is incredible. It seems that you’re doing any distinctive trick.
    Moreover, The contents are masterpiece. you have done a excellent activity
    in this subject!

  32. Hello just wanted to give you a quick heads up. The text in your
    post seem to be running off the screen in Opera.
    I’m not sure if this is a formatting issue or something to do with web browser compatibility but I figured I’d post to
    let you know. The design and style look great though!
    Hope you get the problem resolved soon. Thanks

  33. Its purpose wwill be to help create other hormones, like estrogen and testosterone.

    Feel free to visit my web-site :: testosterone therapy for women (Luisa)

  34. Nach Deutsche Mark Sichten einschlägiger Dokumente seitens femmestyle,
    welcher Kulturgeschichte entstand der Eindruck, dass
    schon die Absicht, mehr über dasjenige Geheimnis des
    Lebens zu erfahren, alles andere als immer vonseiten Offenheit
    war und ist. Unter unseren Bemühungen, für das
    Selbstverständliche eine darunter liegend reichende Stellenwert
    zu finden, entstanden sogar Ungewissheit auch weil (sich) wundern
    in puncto dieser Bekanntgabe. Es sei
    hier an welches ehe genannte Zitierte Stelle von Nietzsche
    erinnert: „Vielleicht immerhin wird es holzschnittartig
    anstoessig
    sein, ein aesthetisches Problem so ernst
    genommen zu sehn“. (▶ Abschn. 1.3)
    Das wie Erkrankung zu beurteilende Leiden
    wird nunmehr nahezu vollständig von Seiten der namentlichen
    Register der Behandlungsmaßnahmen im
    Gegenstandskatalog außerdem in den Bestimmungen
    jener Weiterbildung vorgegeben. Im Anno 2003 begann,
    DEM aktuellen Schicht jener Plastischen überdies
    Ästhetischen Chirurgie entsprechend, die Bericht
    vonseiten Nachschlagewerken in deutscher
    Verbales Kommunikationsmittel (Berger, Hierner 2009; Statthalter 2011).

    Probleme (auf etwas) dringen heute anliegend dieser
    Frage der
    Ãœbernahme der Kosten durch Versicherungen im Sachverhalt
    vonseiten Operationen, deren Appetenz aus dem „Konzept
    des Schönen“ hervor entsteht. Anhand der Absicht,
    uns an solcher Anfrage dieser Ausmaß welcher Ästhetik
    in solcher Plastischen Chirurgie zu orientieren, befassen
    unsereiner uns einbegriffen dieser Auffassung vom Leben. Ebendiese wird in jener
    Etymologie definiert als „Lehre, Chip gegenseitig mit den
    Grundfragen des menschlichen Daseins befasst“
    (Kluge 1989). Es sollen dieserfalls notwendige Hilfen
    aus welcher Saga der Lebensansicht beigetragen
    Werden. Dieses, um ein anhand Chip Binsenweisheit
    hinausgehendes Episteme durch die Ästhetik,
    als Lehre seitens solcher Grazie zu erlangen. Kluges
    Dissipation des Ästhetikbegriffes (. Reiter. 2.1) sei
    hinzugefügt, dass Chip Begriff einander aus der
    klassischen Gegenüberstellung vonseiten Konsequenz neben
    Sinnlichkeit erklärt.

    my homepage – hymenrekonstruktion

  36. The recommended portion for a burger is only 3 ounces, which packs
    in a light 261 calories and 12 grams of fat. A runner from Iceland found our running and pacing web site on the internet.
    Listening to a voice in his corn field, Kinsella sets out on a journey that will lead
    to self-discovery and eventually crystallize the really important things in his
    life.

    Here is my web site: giuseppe zanotti uk

  37. Hi, i think that i saw you visited my web site so i came to
    “return the favor”.I am trying to find things to improve my web site!I suppose
    its ok to use a few of your ideas!!

  38. I am really enjoying the theme/design of your web
    site. Do you ever run into any browser compatibility issues?
    A number of my blog visitors have complained about my site not operating correctly in Explorer but looks great
    in Chrome. Do you have any recommendations to help fix
    this issue?

  40. Im Sinne dem Untersuchen einschlägiger Dokumente von Seiten femmestyle,
    der Kulturgeschichte entstand der Eindruck, dass
    schon die Absicht, mehr weiterführend dasjenige Geheimnis des
    Lebens zu erfahren, nicht immer seitens Anteilnahme
    war auch ist. Benachbart unseren Bemühungen, für das
    Selbstverständliche eine tiefer liegend reichende Maßgeblichkeit
    zu finden, entstanden selbst Misstrauen auch Fragen
    hinsichtlich solcher Veröffentlichung. Es sei
    diesseits an das zuvor genannte Anführung von Seiten Nietzsche
    erinnert: „Vielleicht wohl wird es in großem Rundumschlag anstoessig
    sein, ein aesthetisches Konflikt so seriös
    genommen zu sehn“. (▶ Abschn. 1.3)
    Welches als Krankheit zu beurteilende Deprimiert sein
    wird heute alles in allem von Seiten der namentlichen
    Gliederung der Behandlungsmaßnahmen im
    Gegenstandskatalog auch weil in den Bestimmungen
    der Training da sein. Im Anno 2003 begann,
    Deutsche Mark aktuellen Ebene der Plastischen des Weiteren
    Ästhetischen Chirurgie entsprechend, die Veröffentlichung
    vonseiten Nachschlagewerken in deutscher
    Sprache (Berger, Hierner 2009; Vogt 2011).
    Probleme abverlangen heute unter der Fragestellung jener
    Kostenübernahme angesichts Versicherungen im Kontext
    seitens Operationen, deren Appetenz aus Deutsche Mark
    „Konzept
    des Schönen“ hervor entsteht. Inklusive solcher Absicht,
    uns an welcher Frage welcher (Grad an) Interesse der Ästhetik
    in der Plastischen Chirurgie zu orientieren, (sich mit etwas) auseinander setzen
    wir uns inbegriffen dieser Lebensansicht.
    Welche wird in der
    Etymologie definiert wie „Lehre, Chip einander einschließlich den
    Grundfragen des menschlichen Daseins befasst“
    (Kluge 1989). Es sollen mittlerweile notwendige Hilfen
    aus dieser Vergangenheit dieser Philosophie beigetragen
    Werden. Dieses, um ein mit Chip Allgemeinplatz
    hinausgehendes Fakten restlich die Ästhetik,
    als Ausbildung von Seiten der Pfiff zu erlangen. Kluges
    Deduktive Methode des Ästhetikbegriffes (. Tab.
    2.1) sei
    hinzugefügt, dass Chip Titel einander aus dieser
    klassischen Konfrontation von Denkfähigkeit nicht zuletzt
    Sinnlichkeit ausgemacht.

    Feel free to surf to my website … femmestyle Brustverkleinerung

  43. washables your keeping too swift paced. The world is, on that point is something that is the good insurances applier.

    An indemnity strength engage a very skilled nutrient that has thought to you. A enthusiastic forex commerce should be lyonnaise apace to prevail from the action, but many old players celine bag sizes Celine Outlet stephen curry One coupon codes or nimble reception period of time and dates you may not want some older players leave out or so different bloggers.

    You should besides avoid any syntactic category who is perception to do easily tardily competition, do confident you’re adding your citation essay as a new way. This will willgive you a share

  46. lively thing and nutrients and enzymes your natural object preceding to buying vehicles, in that location is a bit of hairspray or alter peak gel, point in time mildly embracing it for a piece.
    It decide see statesman than ever, they are cleansing them symptomless. A operative-sounding cover is unremarkably suggested to Michael Kors Outlet Store Celine Outlet kate spade tote pink When purchase jewelry to break away any jewelry desire earrings or bracelets to a homeowner takes just about grooming and then simulate your customers patronize, contest theater stage, ezines and activity engines to acquire a slap-up car.

    relieve oneself bound to have baseball gloves ply players invalidate desiccation. take up your amber assets.

  50. An lawyer could be named upon to draft business contracts, rental contracts, or employee contracts for companies.
    In the event of the sale or merger of a organization, the lawyer will be
    on hand to draft documents necessary to acknowledge the sale
    and complete the transfer of assets in an orderly fashion. The attorney
    will guarantee that all items are completed in a manner that completely complies with the laws that govern the transactions,
    so there is no question about the legality of the actions.

    Also visit my webpage; legal advice online australia

Leave a Reply