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. eval(ez_write_tag([[336,280],’brighthubpm_com-box-2′,’ezslot_1′]));.

    In terms of serving in federal government, whether in a low-level ministerial job, in the Congress, the judiciary or in any level of administration in the
    executive branch including the president, the simple tenets
    of this philosophy as set out in the book would
    seem to help in reaching all the goals we seek in our lives and, regarding candidates for the presidency,
    in reaching the goals that candidates often talk about but seldom seem to achieve.
    Your professional world is all about the employee so use some common sense here.

  2. There are prostitutes in Red Dead Redemption, and they
    proposition John in any number of ways as you enter their establishments.
    The male fascination with female breasts is as old as the stars themselves.
    Red Bull: More cocaine found, countries ban energy drinks Red Bull’s
    cocaine problem spreads to Austria.

  4. どうもです。通りがかりの者でいきなりのコメントで失礼します。身体のあちこちの黒ずみってツライですよね、ほとほと。わたしも正直だいぶしんどかったですが、あの美白クリームつかってからうまくいきましたよ。

  5. Shadow Fight 2 1.9.24 para hile apk : oyuna giriş yaptığınızda paranıza bakmanız yeterlidir.

    My blog: titan brawl hack, Soila,

  6. ハロー。家庭教師のアルバイトを入手するなら専門のホームページを使う方法がおすすめです。個人的な情報だけで求人情報を探してもどうしても大して良い求人は見つからないでしょう。誰でもどこでもネット接続できる環境だからこそそういった塾講師の求人情報を専門に扱っているサイトが普通に見つけることができます。

  8. I’ve learn some excellent stuff here. Definitely value bookmarking for revisiting.
    I wonder how so much attempt you set to create one of these magnificent informative web site.

  10. If you might be having trouble finding Clash of Clans online hack tool to get limitless gem,
    elixirs and gold with no obtain for Android & iOS, do not worry this is the place you can do all of it.

  11. I haven’t checked in here for some time because I thought iit was getting boring, bbut the last
    several posts are good quality so I guess I’ll addd you back to my evgeryday
    bloglist. You desertve it friend 🙂

    Here is my web blog; ticks idexx, 123seal.com,

  15. If you want to begin the season off with a bang, place as excessive as potential and begin with good MMR (which suggests extra factors per win after you’ve gotten positioned), shopping for placement video games from and our professional boosters is the most suitable choice for you.

  18. Very good site you have here but I was wanting to know if you
    knew of any community forums that cover the same topics talked about
    in this article? I’d really love to be a part of community where I can get feed-back from other knowledgeable individuals that share
    the same interest. If you have any suggestions, please let
    me know. Thanks!

  19. Just like you and me, if I’m walking I can easily walk for an hour.
    The bacteria e-coli are mostly accountable for this. We
    could not help notice the lush green abundant forests around us that were simply awesome.

    Feel free to visit my web-site :: sitmap

  20. Sometimes, people get so excited about having their new place and new life
    that may be coming with it that they just
    smile and nod and sign on the dotted line. Also if you can keep a binder that will hold all the
    information including brochures and online printouts, this will help you to stay organized.
    That should be enough to give the potential renter a solid idea of
    whether or not your unit is what they’re looking for.

  21. Hey! This is my 1st comment here so I just wanted to give a quick shout out and tell you I really enjoy
    reading through your posts. Can you recommend any other blogs/websites/forums that cover the same subjects?

    Many thanks!

  22. Wonderful blog! I found it while searching on Yahoo News.
    Do you have any tips on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!
    Thanks

    Also visit my web site … rosella extrem

  23. To be a good Search Engine Optimization expert,
    you have to understand initially the basics of the web such as
    the hypertext markup language (HTML), plunging style sheet (CSS), as well as JavaScript.

    Also visit my site … seo services brisbane (Shenna)

  28. 自分の髪を使う薄毛手術は、薄毛に悩む人には、ものすごく改善することができるので施術件数が増加しています。ただししっかりとした熟練の医者に施術を申し込まないと素晴らしい効果は無理でしょう。カツラに比べて、生涯の費用も少なくなるのでお得な手術と言えます。

  32. I precisely wanted to appreciate you once again. I am not sure the things that I might
    have tried without the secrets documented by you over this question. Previously it was a intimidating dilemma for me personally,
    nevertheless being able to view a new specialized strategy you
    treated it took me to weep over fulfillment.
    I will be grateful for this information and in addition pray you really know what an amazing job you have
    been carrying out teaching people via your site.
    Most probably you’ve never got to know any of us.

  33. Hey this is kinda of off topic but I was wondering 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 guidance from
    someone with experience. Any help would be greatly appreciated!

  34. It has actually also been identified that social media accounts have
    the tendency to involve the top results in search engine results for brand
    names.

    My web page … seo consultants brisbane; Forest,

  35. My spouse and I stumbled over here different website and thought I might check things out.
    I like what I see so now i’m following you. Look forward to looking at your
    web page again.

    My webpage garcinia cambogia banned substance (Zane)

  37. Unquestionably believe that which you said.
    Your favorite reason seemed to be on the internet the easiest thing to be
    aware of. I say to you, I certainly get annoyed while people consider worries that they
    plainly do not know about. You managed to hit the nail upon the top as well as defined out the whole thing without having side effect , people can take a signal.

    Will likely be back to get more. Thanks

  38. I’m extremely pleased to uncover this great site.

    I need to to thank you for ones time for this fantastic
    read!! I definitely enjoyed every bit of it and i also have you book-marked to check out new information on your site.

  39. I seriously love your blog.. Excellent colors & theme.
    Did you make this website yourself? Please reply back as I’m attempting to
    create my very own blog and want to find out where you
    got this from or what the theme is named. Thank you!

  40. Greetings! Very helpful advice within this post!

    It is the little changes that produce the greatest changes.
    Thanks a lot for sharing!

  42. Catering means delivering food service at remote locations,
    hotels, and in parties. Finally, a vital portion of any Beautician course has the proper
    study guides to work with you along with your revision. Academic courses at
    both degree levels concentrate on providing students using a full idea of their professional duties.

  43. Your method of telling all in this paragraph is really fastidious, every one be capable of without difficulty understand it, Thanks a
    lot.

  44. In distinction, the mushy model of HRM sees workers as ‘valued assets and as a source of aggressive benefit by way
    of their dedication, adaptability and excessive stage of
    abilities and efficiency’.

  46. I think the admin of this site is really working hard for his web page, as here every material is quality based information.

    Look at my web site: garcinia cambogia and blood pressure
    (Evie)

  47. Hi to all, how is all, I think every one is getting more
    from this website, and your views are fastidious
    in support of nnew people.

    Also visit my page George harrison (Juli)

  48. Web designers are constantly not motivated to employ such Search Engine Optimization strategies in order to avoid online search engine relevant penalties.

    Have a look at my web page … brisbane seo – Carmen –

Leave a Reply