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. If you desire to grow your knowledge only keep visiting this web site and be updated with the most up-to-date information posted here.

  2. はじめまして。うちは、明後日で44歳になります。ですがこのごろ悩みがでてきました。それは勃起不全です。妻とは、趣味が合うしいつも楽しくいれます。ですがいざ事を始めようとしても立ってくれないのです。そのときでも奥さんは、また今度挑戦しようねって言ってくれるし優しいです。でもそれが僕とって気持ちがいいわけではない。そこでちゃんとED治療をすることに決めました。まずは近所の美容クリニックに行ってみます。インターネットでサイトを読んでみるとED治療薬を飲んで治していくみたいです。レビトラやシアリスだと思うし、今はジェネリックもあります。タダリスやベガマックスなどが知名度高いです。

  3. The hotel boasts everyday appeal treatments consisting of massages,
    lovely exotic yards, attractive pool, tentative staff and also a food selection to delight even the
    Queen of England.

    Also visit my web blog – paradise lakeside lodges (Maggie)

  4. Do you mind if I quote a couple of your articles as long as I provide credit and sources back to your blog?

    My website is in the exact same area of interest as yours and my
    visitors would truly benefit from a lot of the information you
    provide here. Please let me know if this alright with you.
    Many thanks!

  5. Then slide the paper in between the front and back of the
    shirt, with the back of the shirt facing up.

    This also protects the paint from bleeding through to the front.

  6. ハロー。私は、明日で35歳になります。顔には毛穴の黒ずみとシワ
    が目立ってきました。そこで何とかしたいのが美容に関わることです。今、肌の調子がよろしくなくこのままでは、もっと劣化してしまうのではないかと不安です。そこでプラセンタドリンクや他の美容ドリンクなどに興味を持ったり、いろんなコスメ・スキンケア化粧品を試しています。クレンジングから顔の洗い方、化粧水や美容液などもいろいろと試したいですね。あと僕は、敏感肌なのでうちの肌に合うものを探したいですね。最近は、面倒くさい人のためにオールインワンジェルという便利なスキンケア製品もありますね。とりあえずいろいろ使ってみたいと思います。

  9. As a profеѕsional outfit that is concerned ɑbout
    customeг satisfaction аnd their own reputatіon, the best cօntractors ensure that they
    offer thеir clients more than juѕt the requested services.
    When iit is time to makoe serіpus improvements to your home, engage the services of a competent general contrаctor.

    Thereare lot may people who are desperately intereѕted in getting the attractive,
    affordable ɑnd durable patіo furniture then they Һave to go for the eucaⅼyptuspatio furniture – a new trend is going on in patio fᥙrniture tɦеse days becɑuseof its qualities and other more.

    Feel free to surf to my webpage …

  11. Hey very cool website!! Guy .. Beautiful .. Amazing ..
    I will bookmark your blog and take the feeds additionally?
    I am satisfied to search out a lot of helpful information right here within the submit, we
    need work out more techniques in this regard, thank you for sharing.
    . . . . .

  13. After checking out a number of the articles on your site, I really like your technique of writing a blog.

    I saved as a favorite it to my bookmark webpage list and will be checking back in the near
    future. Please check out my website too and let me know what you think.

  15. We are a bunch of volunteers and starting a brand new
    scheme in our community. Your web site offered us with useful information to work on. You’ve done an impressive job and our whole neighborhood will probably be thankful to you.

  16. あれからちょっと経った祝日に仙台でひまわりレッツゴーというなんだかなぁのタスキリレーイベントが開催されていました。
    ママ友が参加していたのでちょっと覗いてみるとシミ、そばかす大丈夫？と無言のまま背中をコツコツされてしまいました。＾＾v
    結局うなずきトリオとはロードキツい！と思いきやピースでニコニコしてるとなまら気持ち良かったですよw
    そんなこんなでエアコンの季節も過ぎてまたこの季節かという感じ寒くなってきました
    一昨年みたいにしっかりとUVケアが必要な時期が遠慮会釈なく・・・。
    やっぱり必要なビタミンC不足について考えてみましょう。
    特に顔のしみは気になりますからね！

  20. Oh my goodness! Amazing article dude! Thanks, However
    I am having issues with your RSS. I don’t know the reason why I am unable
    to join it. Is there anybody else getting the same RSS problems?
    Anybody who knows the solution can you kindly respond?
    Thanx!!

  21. I have been absent for some time, but now
    I remember why I used to love this blog. Thank you, I’ll try and check back more often. How frequently you update your web site?

  22. 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’ll learn a lot of new stuff right here!
    Good luck for the next!

  24. Foram entrevistadas para a busca oito mulheres
    ԁe 44 a 75 anos de idade, sendo que, segundo as normas dа Organização Geral dе Ѕaúde,
    duas delas sе encontravam no pеríodo da pré-menopausa, trêѕ na menopausa e aѕ
    demais na pós-menopausa.20 Poucas delas foram
    recrutadas no próprio serviçߋ de sаúde e outras direta
    abordadas еm suas residências.

  25. Hello There. I discovered your weblog the use of msn. This
    is a very well written article. I will be sure to bookmark it and return to read extra of your helpful information. Thank
    you for the post. I’ll certainly return.

    Here is my blog – business

  26. こんにちは。僕は今月の末日で31歳と4カ月になります。そしてムシムシする時期になりました。ですからやっぱり無駄な毛はしたいですよね。今では、全国に脱毛クリニックがめちゃくちゃあります。やりたい部位は、人によりますが、特に脱毛したいのは胸です。私は、人気店のシースリーに通っています。そのおかげで、だいぶムダ毛がなくなっています。やはり自分で処理するのとは、違います。あとちょっとシースリーに通ってムダ毛を少なくしたいです。でも、医療クリニックに通ったとしても知りたいのは脱毛にかかる金額です。それについては、脱毛ラボに聞けばいいでしょう。もう一つ気になるのが、長い間通わないといけないのかです。私はできれば、9カ月くらいで全部終わってくれるといいですけどね。まあ、行こうと思っている人はカウンセリングしてみましょう。

  27. I work with individuals that have credit history issues at all times
    that have actually obtained authorized.

    Feel free to surf to my site :: fha loan requirements mcallen tx (Kyle)

  31. Hey there! This is mmy first coimment here so I just wanted to
    give a quick shout out and tell you I genuinely enjoy reading your blog posts.
    Can you suggest any other blogs/websites/forums that cover the
    same topics? Thank you!

    My weblog; Beatles – Maximo,

  32. Par cette technologie, le robot sait parfaitement ou il se trouve,
    ne repasse jamais deux fois au même endroit et retourne directement à sa base que ce
    soit à la fin de son travail ou pour se recharger s’il
    n’a pas terminé de traiter la surface à aspirer.

  33. In these 40 days, I will not attempt to manifest just about
    any need, like getting a million dollars or visiting the moon on the
    weekend.

    my web page: life coach certification seattle wa
    (Luann)

  34. Sea como sea su problema de cerrajeria llamenos
    y se lo solventaremos, sera atendido telefonicamente siempre y en todo momento por un cerrajero asi que
    desde el primer contacto que tenga con nosotros estara
    siempre y en todo momento asesorado por un profesional, Confie
    en cerrajeros valencia y no pague mas por lo mismo.

    Feel free to surf to my web page – http://www.cerrajerossantander.es

  36. An impressive share! I have just forwarded this onto a
    coworker who was doing a little homework on this. And he actually
    bought me lunch because I found it for him… lol. So allow me to reword
    this…. Thanks for the meal!! But yeah, thanx for spending time
    to discuss this topic here on your site.

  38. Couvercle complet inox – LS-090002000107 : indispensable
    au fonctionnement de votre autocuiseur dont la cuve a un diamètre de 220 mm.
    LIVRAISON SOUS 5 JOURS OFFERTE Conçu pour les autocuiseurs Basic, Safety, marque
    Lagostina.

  39. Appreciating the dedication you put into your website and detailed information you provide.
    It’s good to come across a blog every once in a while that isn’t the same out of date rehashed material.
    Fantastic read! I’ve bookmarked your site and I’m adding
    your RSS feeds to my Google account.

  40. I’m really enjoying the design and layout of your site.

    It’s a very easy on the eyes which makes it much more pleasant for me to come
    here and visit more often. Did you hire out a developer to
    create your theme? Excellent work!

  42. Hello to every body, it’s my first pay a quick visit of this website; this
    webpage carries awesome and in fact excellent information for
    readers.

  43. After I originally left a comment I seem to have clicked on the -Notify me when new comments are added- checkbox and from now on every time a comment is added
    I receive four emails with the exact same comment. Perhaps there is a means you can remove me from that service?
    Cheers!

  49. Hello! This is my first visit to your blog! We are a
    group of volunteers and starting a new initiative in a community in the same niche.
    Your blog provided us useful information to work on. You have done a marvellous job!

    my webpage … science

Leave a Reply