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. TҺe best tume to perform the tilling is in spring before you plant new seedѕ.
    Let us take a quick look at some of the DISH Network сhannels that offer you programѕ on ome d.
    Use the first option if yⲟu know the RRΝ (Repоrt Rеference Number), which iѕ shown on frⲟnt page of the EPC.

    Visit my webpaǥe ::

  4. Heya! I understand this is somewhat off-topic but I needed to ask.
    Does building a well-established blog like yours take a lot
    of work? I am brand new to blogging however I do
    write in my journal on a daily basis. I’d like to start a blog so I will be able to share my personal
    experience and views online. Please let me know if you have any
    suggestions or tips for brand new aspiring bloggers.
    Appreciate it!

    Also visit my webpage … Obat

  8. No domínio de laticínios, a preocupação está mormente no aumento das importações ocorridas em 2016 de produtos do Uruguai,
    que derrubaram preço no mercado interior pátrio, prejudicando os produtores e também a exportação.

  9. Heya just wanted to give you a brief heads up and let you know
    a few of the pictures aren’t loading correctly. I’m not sure why
    but I think its a linking issue. I’ve tried it in two different
    internet browsers and both show the same results.

  10. Os descontos usar código promocional podem ser usados em todas as cidades onde Uber atua no Brasil:
    Porto Alegre, São Paulo, Rio de Janeiro, Brasília e Belo Horizonte.

  11. Quem já empregou Tesão de Vaca aprova e também recomenda , porque este é um excitante sexual
    oriundo que possui um poder bastante extensa para ajudar a prosperar a sua
    vida sexual de uma forma eficiente e de uma maneira permanente.

  12. I do not even know how I ended up here, but I thought this post was good.

    I do not know who you are but certainly you are going to a famous blogger if you are not already 😉 Cheers!

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

  15. I used to be suggested this blog by my cousin. I’m not positive whether
    this submit is written by him as nobody else know such certain about
    my difficulty. You’re wonderful! Thank you!

  16. We’re a gaggle of volunteers and opening a brand new scheme in our community.
    Your site offered us with valuable information to work on. You’ve done a formidable job and our entire community will be thankful to you.

  17. Great beat ! I wish to apprentice while you amend your site, how can i
    subscribe for a blog web site? The account aided me a
    acceptable deal. I had been a little bit acquainted of this your broadcast offered bright clear concept

    Visit my webpage – wifi analyzer

  23. That will tell you which the system seems to have enlisted you
    might want to simply click any pink hole that
    is certain to seem to be over a dull piece surrounding
    the underside of this filter — a single a flag
    for any push one come up with in different specified attach.
    Afterwards belonging to the snap the red flags shall be taken away for you to
    progress next videos.
    Based on the absolute BLU-RAY measurement in addition to the level of online video re-encoding, a
    powerful move profession normally takes as a result of a matter
    of minutes a number of a long time. Right at the end of this upload task,
    some VIDEO_TS data folder is produced which inturn offers the entire VIDEO video along with the food list.

  25. Hi there, i read your blog occasionally and i own a similar one and i was just wondering
    if you get a lot of spam feedback? If so how do you protect against it,
    any plugin or anything you can advise? I get so much lately it’s driving
    me crazy so any support is very much appreciated.

    My site: wifi

  29. Enquanto este terminou a oração subiu em cima de mim, me beijou ardentemente, eu já sentia
    meu corpo pegando lume, este contornava minha boca com sua língua, era uma sensação que eu nunca senti
    anterior, minha mão passeava sobre seu corpo, por
    debaixo da sua camisa, pelo seu cabelo, em tudo.

  30. Hi there, I do believe your website may be having web browser compatibility problems.
    When I take a look at your site in Safari, it
    looks fine however when opening in IE, it has some overlapping issues.

    I just wanted to provide you with a quick heads up!
    Besides that, excellent blog!

  33. Everything is very open with a really clear clarification of the issues.
    It was definitely informative. Your website
    is very helpful. Thank you for sharing!

  34. La politica di vendita non convenzionale, unita alla enorme disponibilità di prodotti ha
    fatto in modo che la vendita si allargasse fuori dal territorio nazionale per approdare in tutto il resto d’Europa fino a
    sbarcare anche oltre oceano.

  38. Hey! I know this is kind of off topic but I was wondering
    which blog platform are you using for this site?
    I’m getting fed up of WordPress because I’ve had problems with hackers and
    I’m looking at alternatives for another platform.
    I would be fantastic if you could point me in the direction of a good
    platform.

    my homepage; Micky Hurley Interior Design

  39. Howdy this is kinda of off topic but I was wanting to know if blogs use WYSIWYG editors
    or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding experience so I
    wanted to get advice from someone with experience. Any help would be enormously appreciated!

    My webpage – PopcornTime online

  40. Hello to every single one, it’s really a fastidious
    for me to pay a visit this site, it contains valuable Information.

    Visit my web page: wifi

  45. The composition and painterly look of the poster
    is similar to the traditional posters for the first Star Wars trilogy films, and features Jyn Erso and her team of Rebels juxtaposed against the world swarming
    with forces that’s been prominent in the trailers.

    Review my blog post :: watch rogue one online (http://rogueoneonline.com)

  46. And then there are some really nice and less expensive petite bridal gowns.
    In fact, she dabbled in her share of cocaine in the past.

    when you could obtain a much less expensive rate, you can buy two dresses for your wedding
    ceremony and another for the party generating the occasion even more memorable.
    The attraction and appeal of the ball gown wedding dresses had started
    when Queen Victoria mesmerized her people with an elegant ball gown dress.
    Well, if you have the same thoughts, the best idea for you and other brides who
    think alike in getting plus size wedding dresses cheap will mean informing friends
    and relatives about the cheap wedding dresses and borrowing the available ones.
    Jacob Johnson has published a wide range of articles on various aspects of Fashion, Glamour, Dresses, Weeding Wear and so
    many.

  47. Hello there! I know this is somewhat off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having trouble finding one?

    Thanks a lot!

    Feel free to surf to my website :: click here (ramledlightings.Com)

  49. Featuring low necklines, portion necks, v-necks, excessive neckline, sleeveless, quick sleeved
    and maxi dress is different varieties of black gowns and can always be
    chosen amid of them. Infants pass much the greater portion of their time in sleep.
    Finding a plus size formal dress is no more a challenge.
    The wedding dress is therefore the only one she will own. Shopping at Marks and Spencer will allow you to put on the most recent fashion while Boden offers a comprehensive range of
    playful yet comfortable summer cheap dresses in bold colors and chic
    designs. As mentioned earlier, your decision on wearing long or
    short prom depends on a number of factors such as your body figure and personal preferences.

  50. Do you mind if I quote a couple of your articles as long as I provide credit and sources back to your website?
    My blog is in the very same area of interest as yours and my visitors would really benefit from a lot
    of the information you provide here. Please let me
    know if this okay with you. Thank you!

    Review my blog :: opening restaurant

Leave a Reply