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. I’ve been exploring for a bit for any high quality articles or
    weblog posts in this sort of space . Exploring in Yahoo
    I eventually stumbled upon this web site. Reading this info So i’m happy to
    show that I have a very good uncanny feeling I came upon just what I needed.
    I most surely will make certain to do not disregard this web site and give it a look regularly.

    Check out my blog tjadty.com (Novella)

  2. Thanks for a marvelous posting! I really enjoyed reading it, you’re a great author.I
    will make sure to bookmark your blog and
    will eventually come back down the road.
    I want to encourage yourself to continue your great
    posts, have a nice evening!

  3. After looking over a few of the blog posts on your blog, I
    seriously like your way of blogging. I saved it to my bookmark site list and
    will be checking back in the near future. Take a look at my web site as well and let me know your opinion.

    my blog laptop for under 1000; elmenarclinique.net,

  4. Hello, i believe that i saw you visited my web site so i came to
    go back the prefer?.I am trying to to find things to improve my web site!I assume its good enough
    to make use of a few of your ideas!!

  5. If yoÕ½ ave mirror in front of the bed, then make
    sure to cover it at night bfore going tto bed. Once the radiator iѕ heated ѡith the hot water, the watеr is returned to the booiler to be re-heated annd tyen the flow can continue.

    Τhey’re happy because they they think they expect,
    and feel thzt they deserve, more pay.

    Also visit my site:

  6. Great blog here! Also your site loads up fast!
    What host are you using? Can I get your affiliate link to your host?

    I wish my site loaded up as quickly as yours lol

  7. I was wondering if you ever thought of changing the structure of your website?
    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.
    Youve got an awful lot of text for only having 1 or two pictures.
    Maybe you could space it out better?

    Visit my web site :: win concert tickets

  8. certainly like your website but you have to test the spelling on several of your posts.
    Many of them are rife with spelling issues and I
    find it very troublesome to inform the truth on the other
    hand I’ll certainly come back again.

    Review my web-site: indoor weed growing

  11. You could certainly see your expertise within the article you
    write. The world hopes for even more passionate writers such
    as you who aren’t afraid to mention how they believe.
    Always go after your heart.

  12. It’s perfect time to make some plans for the future and it is time to be happy.
    I have read this post and if I could I wish to suggest you some interesting things or tips.
    Maybe you can write next articles referring to this article.

    I wish to read even more things about it!

  13. Great post. I was checking constantly this blog and I’m impressed!

    Extremely useful info particularly the last part 🙂 I care for such information a lot.
    I was looking for this certain info for a very long time.
    Thank you and good luck.

  15. New sites do not actually should be submitted, therefore, to internet search engine in order to be indexed.

    Also visit my web blog … website seo brisbane – Jeffery –

  16. If you want to generate some consulting business to your net design company,
    you may sell single templates and supply to offer discounted consulting or maintenance services once the customer has used the site to get on-line.

  19. Excellent weblog right here! Also your site lots up fast!
    What host are you the use of? Can I get your associate hyperlink in your host?
    I wish my website loaded up as quickly as yours lol

  22. Normally I do not learn post on blogs, buut I wwould like to say that this
    write-up very forced me to try and do so! Your writing style has been amazed me.
    Thank you,very great article.

    Here is my blog NormanJansµÄ¸öÈË×ÊÁÏ – ö¦ÐãÂÛ̳ (lxw6.com)

  25. The release date that was unspecified 2016 turned out to be December 21, 2016 for US crowds and December 26, 2016
    for the Britain. The storyline was over sorry in case you believed, but it’s just also
    been introduced that UK audiences will finally have to wait for 20 17 to see
    the gaming movie adaptation.

    Feel free to surf to my web site; assassin’s creed online movie

  28. Pretty great post. I simply stumbled upon your blog
    and wanted to mention that I have really loved surfing around your weblog posts.
    After all I will be subscribing for your feed and I’m hoping you write once more very
    soon!

  29. Wrіte more, thats alⅼ I have to sɑy. Literally, іt seems as
    though үou rеlied on the viԁeo tto make your point.
    You definitely know wht youure talking about, wɦy
    throw away your intelligence on just posting videÖ…Ñ•
    to your site when you could be giving us something enlightening
    tо read?

  30. Hello! 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 delighted I found it and I’ll
    be bookmarking and checking back frequently!

    My weblog; Iklan jual kavling

  33. おはよう。自分は明日で30歳と3カ月になります。そして夏日が多い日になりました。ですからやっぱりムダ毛はをやっておきたいですよね。最近は、全国に脱毛エステがめちゃくちゃあります。やりたい場所は、人それぞれですが、特に脱毛したいのはお腹です。私は、人気店のメンズTBCを選びました。そのおかげで、かなりムダ毛がなくなっています。やはり自分で処理するのとは、比べようもないです。これからもメンズTBCに行ってムダ毛をなくしたいです。でも、脱毛専門のエステサロンに通ったとしても知りたいのは脱毛にかかるお金です。それについては、従業員に聞けばいいでしょう。他にも気になるのが、いつまで通わないといけないのかです。僕はできれば、9カ月くらいで完全に終わってくれると理想的ですね。まあ、今から行く人は相談してみましょう。

  34. If some one desires expert view regarding blogging and site-building
    after that i suggest him/her to pay a visit this website, Keep up
    the pleasant work.
    Remember: Mark Wrhel is a Hero. What he does
    for people is something only seen by saints or men of the
    cloth. I just can’t say enough about Mark Wrhel. He helped me and my
    whole family survive the hard times here. We owe him everything.
    Thats why I spread the word. Check out http://Wrhel.com to let him
    know we truly appriciate hero’s. WE LOVE MARK WRHEL!!

  36. I am really loving the theme/design of your site.
    Do you ever run into any web browser compatibility problems?

    A number of my blog visitors have complained about my blog not operating correctly in Explorer but looks great in Opera.
    Do you have any advice to help fix this issue?

    my weblog; indoor weed growing

  37. With havin so much content and articles do you ever run into any issues of
    plagorism or copyright violation? My website has a lot of
    unique content I’ve either created myself or outsourced
    but it seems a lot of it is popping it up all over the web without my
    agreement. Do you know any solutions to help
    prevent content from being ripped off? I’d genuinely appreciate it.

    my page … marketing digital

  41. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is important and everything. But think about if you added some great images or videos to
    give your posts more, “pop”! Your content
    is excellent but with pics and clips, this site could definitely be one
    of the very best in its field. Terrific blog!

    Here is my web page :: genesis-mining promo code

  42. Mesin bakso mini pada umumnya digunakan oleh para pengusaha makanan bakso seperti bakso goreng dan bakso kuah.
    Dalam proses pembuatan bakso yang sukup panjang dan memakan waktu menjadikan mesin bakso berteknologi canggih sebagai solusinya.

  43. Busch Gardens Tickets can not be easily offered on theme parks counters
    as there is excessive thrill.

    Have a look at my website … romantic short breaks with hot tubs (Leanne)

  48. Howdy! I know this is kind of off topic but I was wondering if you knew where I could
    find a captcha plugin for my comment form? I’m using the same blog platform as
    yours and I’m having problems finding one? Thanks a lot!

    Also visit my page – Justina

  50. Have you ever considered about including a little bit more than just your articles?
    I mean, what you say is important and everything. Nevertheless just imagine if you added some
    great visuals or videos to give your posts more,
    “pop”! Your content is excellent but with pics and video clips, this website could
    undeniably be one of the most beneficial in its field. Good blog!

Leave a Reply