How to Add a Facebook Like Button or Like Box

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.

11,897 comments

  1. Pakanalyst Daily update news

    Hello there, I discovered your site via Google while searching for a related
    topic, your website came up, it appears to be like great.
    I have bookmarked it in my google bookmarks.
    Hi there, simply became alert to your weblog thru
    Google, and located that it is really informative. I am going to be careful for brussels.
    I will be grateful when you continue this in future.
    Many folks shall be benefited out of your writing. Cheers!

  2. yorkshire terrier puppies for sale

    I am really loving the theme/design of your weblog. Do you ever run into any web browser compatibility issues?
    A couple of my blog audience have complained about my site not working correctly in Explorer but looks great in Opera.

    Do you have any suggestions to help fix this issue?

  3. visit here

    Fed up with utilizing unique products giving no outcome, regardless how hardyou pump?
    Ultimate Testo Explosion twofold the impact of theworkout and can be an amazing
    supplement toaid your muscle. It is Merely over the top exercise booster givingyou the ideal
    wellness and muscle that you just pine for. All of the nourishment as possible get and a significant diet program
    can helpyour way of create your system as anexcessive weight
    lifter. This product can give you all eating routine and theimportant sustenance alongside a decent exercise
    to construct an unprecedented body.

    This can be a supplement which assists the muscle work and develop with a speedierfee when contrasted with theregular
    treatment. A muscle develops whenwe work-out it tears and after
    that progressively the proteinsheals up them. This procedure of deterioration and afterwardaltering
    makes their muscle acquire. Thisobject has standard
    testosterone, which helps in increasing musclehigher and appropriately
    quickening thisrestoring process and. Byexpanding the degrees of testosterone in the body thispiece builds this rate
    ofrestoring in the body in just a fractionof times your body is
    recaptured in the fatigue.

    visit here — > visit here

  4. our website

    You are so awesome! I don’t think I’ve truly read through anything like this before.
    So nice to discover somebody with some unique thoughts on this topic.

    Really.. many thanks for starting this up. This site is something
    that is needed on the web, someone with a little originality!

  5. dich thuat mpt

    Hey! Someone in my Facebook group shared this site with us so I came to check it out.
    I’m definitely enjoying the information. I’m bookmarking and
    will be tweeting this to my followers! Great blog and amazing design and style.

  6. Caleb

    I like the helpful information you provide in your articles.

    I will bookmark your Mustakim Blog (Caleb) and check again here
    regularly. I am quite sure I’ll learn plenty of new stuff right here!
    Best of luck for the next!

  7. roulette

    Hi! I could have sworn I’ve been to this site before but
    after reading through some of the post I realized it’s new to me.
    Anyways, I’m definitely glad I found it and I’ll be bookmarking and checking back frequently!

  8. Hochzeit

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

    My site – Hochzeit

  9. valentine s day film

    Good post. I learn something totally new and challenging on sites I stumbleupon on a daily basis.

    It will always be interesting to read content from
    other writers and use something from other websites.

  10. 2005 dodge neon computer

    Hello there! This article could not be written much better!
    Looking at this post reminds me of my previous roommate! He constantly kept talking about this.

    I’ll forward this post to him. Fairly certain he’ll have a good read.

    Thank you for sharing!

  11. t-shirt shop

    Do you have a spam issue on this site; I also
    am a blogger, and I was wondering your situation; we
    have created some nice procedures and we are looking
    to swap techniques with others, please shoot me an email if interested.

    Feel free to surf to my blog post … t-shirt shop

  12. blåsor i munnen

    It is the Ьest time to make some plans for the future and it’s time to be happy.
    I have read this post aand if I cⲟuld I desire to suggest you
    some interesting things or suggestions. Peгhaps you coulod write
    next articles referring tо this article. I desire tо read even morde things about it!

  13. self-inspiration.com

    Hey! This is my first visit to your blog! We are a collection of volunteers and starting
    a new project in a community in the same niche. Your blog provided us beneficial information to work on. You have done a marvellous job!

  14. http://buytshirtsonline.Org

    Hello just wanted to give you a quick heads up and
    let you know a few of the images 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 outcome.

  15. add blog

    Hey There. I found your blog using msn. This is
    an extremely well written article. I’ll make sure to bookmark it and return to read more of your useful info.
    Thanks for the post. I will definitely comeback.

  16. アフィリエイト 始め方

    アフィリエイトってご存知ですか?噂では聞いた事あるけどよく知らないという人のために説明すると、アフィリエイトとは誰かにサービスを売ることで、その販売会社から斡旋料をいただくというビジネスモデルのことです。

    アフィリエイトは詐欺!、という根も葉もないデマをどこかで見聞きした方もいらっしゃるかと思いますが、それを信じるという事はアフィリエイトというビジネスモデルを全くわかっていません。アフィリエイトは正当なビジネスモデルであり、アフィリエイトで儲けている会社も上場していることから社会的に認められているのです。しかし、ギャンブル依存症などで問題になるパチンコホールは上場を拒否されています。

    さて、アフィリエイトの始め方ですが、一番やって欲しいことは友達に実店舗を紹介する方法です。細かいやり方は、あなたは美容室に行ったことありませんか?お会計を済ませた後に「当店を紹介していただければお知り合いと1000円値引きいたしますよ」という案内をもらった経験はありませんか?これがアフィリエイトです。正直簡単ですよね。あなたは友達を紹介して店舗から報酬をいただく。友達はあなたがオススメする良いお店を教えてしてもらえる。お店は知り合いという新規顧客を店に来てもらえる。誰にとっても利害が一致することになるのです。

    でも、これら全てをリアルだけでやるとレバレッジを利かすことが難しいので、インターネットで行うのが利益を引き上げるノウハウが存在するのです。その具体的な方法はここでお伝えしてしまうと長くなるので、貧乏から脱出したい人はこちらからチェックしてください。

  17. how to download youtube videos keepvid

    Having read this I thought it was really informative. I appreciate
    you finding the time and effort to put this informative
    article together. I once again find myself spending way
    too much time both reading and leaving comments.
    But so what, it was still worth it!

  18. サラリーマン 副業

    会社勤めしながら副業って、すごい難しいイメージを持っていませんか?実際に副業をするにしても、詳細な手法やビジネスモデルがわからないと開始することは不可能ですよね。

    未経験者の方にイチ押しの副業は、転売ビジネスです。転売ビジネスとは、ビジネスの基本であるモノの売買でマージンを稼ぐビジネスモデルです。なんでこれが良いのかというと、始めやすいからです。

    転売ビジネスにおいて、例を挙げると家電量販店で扇風機などを購入し、それをヤフオクなどのネットショップで購入した金額を超える金額でモノを売り払えばよいのです。その差額と送料などを差し引いた金額が、収益になるのです。

    そして、転売ビジネスはアマゾンなどのネットショップに登録するだけでマイ店舗が開けてしまう手軽さもあって、ゴリ押ししているのです。実店舗としてお店を構えようとすると相当額のお金が必要ですからね。しない理由がありません。

    他にもサイトアフィリエイトやクラウドワーキングなど、取り組みづらいけど大きく稼げるものや誰でもできるけど金額に見合っていないなど、多種多様な副業があります。ご自身の生活スタイルにあった取り組む副業を見つけて、悔いのない人生を送りましょう。

    その他副業についてはこちらで紹介しています。興味のある人はぜひ見てみてください。

  19. Hulda

    Spot on with this write-up, I honestly believe
    that this amazing site needs a lot more attention. I’ll probably be returning to see more, thanks for the information!

    Check out my website; garcinia cambogia amazon coupon (Hulda)

  20. yorkie puppies 8 weeks old

    We’re a group 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 activity and
    our entire neighborhood shall be grateful to you.

  21. โปรแกรม

    I do consider all the concepts you’ve offered to your post.
    They’re very convincing and will definitely work. Nonetheless, the posts are very short for beginners.
    May you please extend them a little from subsequent time?

    Thanks for the post.

  22. purplefinale.e-whs.tk

    Si vas a utilizar esta herramienta de marketing en línea, ten presente que no
    debes ser muy extenso, trata de ser lo más breve y brev posible, el usuario se
    puede aburrir si es prolongadísimo.

  23. vimax

    Please let me know if you’re looking for a author for your blog.
    You have some really good posts and I feel I would be a good asset.
    If you ever want to take some of the load off, I’d love to write some articles for your blog in exchange for a
    link back to mine. Please blast me an email if interested.
    Regards!

  24. sbobet

    Excellent blog you have got here.. It’s hard to find high-quality
    writing like yours these days. I really appreciate individuals like you!
    Take care!!

  25. motogp 2017

    Offsetting this, though, is the undeniable eroticism of the position.

    Last but not least, every inmates imprisoned within the San Quentin State
    Prison are unique in their own ways but similar at the same
    time. To begin, the overcrowding inside the San Quentin State Prison is causing many felons to sleep in big dormitories and gymnasiums
    which are not usually utilized for such purposes.

  26. Abbie

    It’s remarkable for me to have a website, which is beneficial in favor of my knowledge.
    thanks admin

    Also visit my webpage; garcinia cambogia and coconut oil (Abbie)

  27. Jayson

    I was wondering if you ever thought of changing the layout
    of your site? 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 one or 2 pictures.
    Maybe you could space it out better?

  28. Hammertoe

    You made some decent points there. I looked on the internet for more information about the issue and found most individuals
    will go along with your views on this web site.

  29. Mira

    Excellent items from you, man. I have take into account your
    stuff prevgious to and you’re simply extremely
    great. I really like what you’ve bought right here, rreally like
    what you’re stating and thee way in which during which you assert it.
    You make it enjoyable and you still care for to keep it smart.
    I can not wait to learn much more from you. This is really a
    tremendous site.

    Here iss my webpage … John Lennon (Mira)

Post a comment

You may use the following HTML:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*