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. Excellent read, I just passed this onto a colleague who was doing a little
    research on that. And he just bought me lunch as I found it for him
    smile Thus let me rephrase that: Thanks for lunch!

    Visit my web page … car donation (sflocalmag.xyz)

  2. Appreciating the commitment you put into your site and detailed information you provide.

    It’s awesome to come across a blog every once in a while that isn’t
    the same old rehashed material. Great read! I’ve bookmarked
    your site and I’m adding your RSS feeds to my Google account.

  4. 4 challengers climb aboard their stands in an attempt to maintain their balance while turning and evading the blow up boulder!

    Feel free to visit my homepage :: Location jeux gonflables Gatineau
    (Jeannine)

  6. 一昨年1月に引越しをしました。
    3ヶ月前に数社見積もりをしてもらい、月の後半の木曜日か金曜日の条件で出してもらいました。

    金額も大事だと思いましたが、営業さんの誠実さで選びました。
    大体、どの営業担当者さんも、他社をけなして帰りましたが、一つの会社だけ、他の引越し業者の悪口を言わず、お帰えりになられた営業担当者さんが存在しました。

    その会社をある他社さんが褒めて帰りました。
    業者を選定した決め手は、上記２点でした。

    そうそう、大変だったのは、ほぼ1人で荷解きをしないといけなかったり、ダンボールの引取り条件？も、私は大事でしたね(^_^)

    金額は、見積では3番目か4番目に安い程度でした。全社比較した結果、他の会社さんは、この金額だったけど、もう少し頑張ってもらえない？と、お願いし、交渉しましたよ。

    ただ、少し言わせてもらうと、金額だけで選ぶと後々後悔しますから、作業の内容で選ぶのが正解だと思います。

    またよく言われる、引越し料金の相場なんてないですよ。
    引越し作業の理想が高いほど、料金は下がらないです。
    最後は自分が納得できるか、できないかだと思います。
    安かろう悪かろうでは、せっかくの引っ越しが台無しです。

    個人的には安い会社は最悪でした・・・（涙）

    そんな中、引越会社の話を面白おかしく聞いてみると、他の業者さんなら■■円で受けてくれると言われたんだけど・・ (あなたの会社は一体どこまで下がるの？もっと下げてよ！) という人がいますが、常識を超える金額を提示してくる常識のない人には、当たり前ですが「できませんね！」と断ります。

    そんな非常識な人の引っ越し作業をそこまでして受ける必要がないのです。
    そんあ場合は、会社から受けなくてもいいと言われているようです。

    他社さんは■■円で作業してくれる！(そうですか！では、その業者さんでどうぞ！ご自由に)って思いますね。正直（汗）

    この感覚は、引越業者さんとしては、本当に普通のこと。日常茶飯事みたいです。

  8. WÒ»ile this type of work may not pay that much, it is
    simplе and there iÑ• a lÖ…ts of work available. As eá´ eryone knows Apple’s tɦird-generation i – Pad premiered on March 16,the otÒºer montÒº past, it is still
    one of several hot sellіng products worldwide, during some cоuntry it іs
    soldout, and awaу from stock, it update so much from i – Pad 2,
    we ϲan use fast4Ginternet оveг the new i – Pad, we could protеct our eyes and have a morе comfortable a sense the Retina show – the high-resolution display, we are able to usÔ€ a Better camera to
    manaɡe time with ouг friendѕ, we can use ᖴaster model to try out гapid
    speᥱd of opеration. If one does have some lawn care accounts,
    staгt with giving several flyers to every one of one’s customers.

    my page gablota ekspozycyjna

  11. Hi, I think your site might be having browser compatibility issues.
    When I look at your website in Firefox, it looks fine but
    when opening in Internet Explorer, it has some overlapping.

    I just wanted to give you a quick heads up! Other then that, excellent blog!

    Look at my site: funniest shirts

  12. Inning accordance with discuss the Net travel forums, nearly every bar
    pub crawl in krakow (Willis) Krakow has fantastic vodka as well
    as could do a sampling for you.

  14. But involving a variety of high-interest names encourages interest and might even spawn topics for further
    discussion in advanced classes. These dark moments in history
    made the educator’s dreams for his people’s uplift seemingly unattainable.
    Morely went on to photograph Joe Orton was also considered outrageous at the time
    for his openly gay plays and lifestyle.

  15. You are so interesting! I don’t suppose I’ve read something like this before.
    So good to discover someone with unique thoughts on this subject.
    Seriously.. thank you for starting this up. This web
    site is one thing that is required on the internet, someone with some
    originality!

  16. Appreciating the dedication you put into your website and detailed information you present.

    It’s awesome to come across a blog every once
    in a while that isn’t the same unwanted rehashed material.
    Wonderful read! I’ve saved your site and I’m adding your
    RSS feeds to my Google account.

  18. My brother suggested I would possibly like
    this website. He was entirely right. This publish truly made my day.
    You can not imagine just how much time I had spent for this info!
    Thank you!

  20. Heya i am for the primary time here. I found this board and I find It truly useful &
    it helped me out a lot. I hope to present one thing back and aid
    others like you helped me.

    Also visit my weblog … tumblr eye makeup, Matilda,

  21. Thank you for your site post. Jones and I have already been saving for a new ebook on this subject and
    your blog post has made people like us to save our own money.
    Your notions really clarified all our concerns. In fact,
    over what we had known in advance of the time we discovered your excellent
    blog. I no longer nurture doubts as well as why is a tax accountant useful?
    troubled mind because you have attended to the needs in this post.
    Thanks

  22. May I simply say what a comfort to discover someone who truly knows what they are talking about on the net.
    You definitely understand how to start a hedge fund to bring a
    problem to light and make it important. More people should read this and
    understand this side of the story. It’s surprising you are not more popular
    because you definitely possess the gift.

  23. A motivating discussion is definitely worth comment. I think that you should publish more on this subject, it might not be a taboo subject but generally folks don’t
    discuss these topics. To the next! Many thanks!!

  24. I’m now not certain the place you are getting your info, but
    good topic. I must spend a while studying more or working out more.

    Thank you for excellent information I used to be looking for this information for
    my mission.

    Check out my web-site: nerdy shirts

  27. Thanks for all your valuable labor on this website.
    Kim enjoys making time for investigation and it’s really obvious why.

    A number of us learn all relating to the lively method you produce both interesting and useful strategies by
    means of the blog and as well as welcome response from others
    on that matter then my daughter has always been understanding so much.
    Have fun with the remaining portion of the year.
    You have been doing a wonderful job.[X-N-E-W-L-I-N-S-P-I-N-X]I am extremely impressed along with your writing talents as neatly as with
    the layout on your weblog. Is that this a paid theme or did you modify it your self?
    Anyway keep up the nice high quality writing, it’s
    uncommon to peer a nice blog like this one today.

    My webpage der beste steuerberater

  28. I am just writing to make you know of the beneficial experience my friend’s child encountered reading yuor web blog.
    She learned many things, which include what it is
    like to possess an incredible coaching style to have many others very easily
    master several very confusing things. You really surpassed readers’ expected results.

    Thanks for offering those interesting, trustworthy, revealing
    and cool tips about the topic to Janet.

    my web-site der beste steuerberater

  29. I’m just commenting to let you understand of the really good experience my princess
    enjoyed viewing your web site. She came to find a good number of
    issues, most notably what it is like to possess a marvelous coaching heart to
    get the rest quite simply fully understand some tortuous subject
    matter. You truly exceeded her expectations.
    I appreciate you for displaying such warm and helpful, safe, edifying and
    as well as unique guidance on the topic to Ethel.

    Here is my blog :: tax bill

  30. ブログでアクセス数を増やすにはテンプレートを変える事をオススメします。
    何故ならテンプレートを変える事でインデックス促進になったりキーワードをキチンとクローラーに伝えることが出来る様になるからです。

  32. Wonderful goods from you, man. I have have in mind
    your stuff previous to and you’re just too fantastic. I really like what you’ve got here, certainly like
    what you’re stating and the way in which by which you say
    it. You are making it enjoyable and you still take care
    of to keep it wise. I can not wait to read far more from
    you. That is actually a terrific site.

    Review my page :: news

  35. Hey there! I could have sworn I’ve been to this website before but after browsing through some of the
    post I realized it’s new to me. Anyways, I’m definitely delighted
    I found it and I’ll be bookmarking and checking back frequently!

  37. Hello! I know this is sort of off-topic but I needed to ask.
    Does running a well-established blog like yours require a large amount
    of work? I am completely new to writing a blog 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 experience and thoughts online.
    Please let me know if you have any kind of recommendations or tips for brand new aspiring
    blog owners. Appreciate it!

    My web site; truck wreckers

  38. Take that info and begin your individual Web radio present or podcast, implementing the methods you have observed.
    You’ll be able to then take the tapes of your
    show and ask a sportscaster from the station that
    you have befriended to critique them.

  39. Blood test that is used for juvenile diabetes diagnosis
    includes measuring the amount of glucose in the bloodstream.
    Tourists can visit those houses or even try cooking and making clothes in Thai
    style. If you are interested in learning how to make soap or how to make lotion, be sure to check natural news
    for details in attending soap and lotion making classes.

  40. I happen to be commenting to let you understand of the amazing discovery my girl obtained using the blog.
    She picked up some pieces, which include what it’s like to possess an awesome coaching mood to get folks
    without difficulty learn selected impossible subject areas.
    You really surpassed our desires. Thank you for supplying these helpful, safe,
    informative not to mention unique tips on that topic to Emily.

    my site: vacation home [http://zoro.su]

  42. ｛iライン｜Vライン｝の｛黒ずみ｜色素沈着｝を｛ケア｜改善｝する｛クリーム｜コスメ｝や
    ｛方法｜対策｝を紹介するブログです。｛あそこ｜デリケートゾーン｝の｛黒ずみ｜色素沈着｝を
    ｛改善｜ケア｝できると｛人気｜評判｝の｛クリーム｜ソープ｝の｛ランキングもあります。
    ｛黒ずみ｜色素沈着｝を｛美白｜薄く｝することできれいになれます。
    ｛脇｜乳首｝などの｛黒ずみ｜色素沈着｝だけでなく気になる｛匂い｜ニオイ｝も
    消してくれる｛クリーム｜ソープ｝もあります。

  44. 顔出し不要ネットだけでビギナーでも出来る【ユーチューブ アドセンス報酬】の全てをあきらかにします！

    HIKA●INみたいな超有名なユーチューバー達のように、一般ピープルの収入比べ物にならない、非常に簡単に儲ける一般公開されていない技術の全部を案内します！

    詳しくは次のURLをクリックしてください。

  47. Thank you for your blog post. Thomas and I
    are actually saving to get a new e-book on this
    issue and your blog post has made us to save our money.
    Your thoughts really answered all our concerns. In fact, in excess of
    what we had thought of in advance of the time we came across
    your great blog. My partner and i no longer have doubts including a troubled mind
    because you have totally attended to our own needs above.
    Thanks

    My homepage: car donation (followersofislam.com)

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

    My blog post – Gummy Drop

Leave a Reply