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 like the helpful information you supply in your articles.
    I’ll bookmark your weblog and test again right here regularly.
    I am quite certain I’ll be informed a lot of new stuff proper here!
    Best of luck for the following!

  2. My brother suggested I might like this web site.
    He was totally right. This publish truly made my day.
    You cann’t consider just how a lot time I had spent for
    this information! Thank you!

  5. 引越し値段の見積があがったらその料金を見て検討するのですが2－3社くらいから引越しの見積もりを提示してもらうことで、同様な内容であっても費用の差がどんだけあるかレベルを知ることがやれますし、価格に差がなくてもサービスの差異を控えることができますからひっこしの見積もりをすればお財布に優しい内容のいい引越し運送業者に発注することができます。

    引越しの見積りをしてもらったらできればほかにも数社に引っ越の見積りを頼んでひっこしの見積りを比較してみるのがおすすめです。ひっこしの見積りをして比較をすれば送料ではどこの引っ越運送サービスが安くて、内容はどのひっこし業者がおすすめんなのかということが明確に理解することができると考えます。だから引っ越の見積もりをやってもらってそれで終わりというわけではなくて引っ越の見積もりをしてもらったら数サービスを比べてしてみるのが望ましいです。

    引っ越しの見積もりについては引越をする場合には引越しの見積もりをしてもらってからひっこし業者を吟味するのが望ましいと思います。なぜ引っ越しの見積が必要なのかというと引っ越しの見積りをすることでどのひっこし会社が格安か、コストパフォーマンスはどうなっているのか比較することができます。引っ越の見積もりは、大概は引越運送業者実働します。引っ越の見積もりにはあらかじめ引っ越の見積もりの予約しておいて、予約しておいた日に引越配送サービスの営業マンに自宅に来てもらいます。引っ越の見積りのやり方はどの引っ越し運送サービスもやっぱり同等なのですが、とりあえず、どのダンボールがどれくらいあって、重たい荷物もどれくらいあるのか共有できます。そして引越先への移動や引っ越し先の住居形態なども引越の見積もりの金額に影響があると思います。

  7. Does your site have a contact page? I’m having problems locating it but, I’d like to send you an e-mail.
    I’ve got some recommendations for your blog you might
    be interested in hearing. Either way, great blog and I look forward
    to seeing it expand over time.

  9. Gone is the light disaster scenario from the very first preview ,
    which had them hurtling toward the sun.

    Stop by my web page; passengers movie (Lynne)

  10. It’s really a nice and useful piece of info. I’m satisfied that you
    just shared this useful information with us. Please keep us up to date like this.

    Thank you for sharing.

  11. コンタクトを買うにあたり、気をつける事は・・・となると結構悩む。

    最初は、目を傷つけたりしないかとか、痛くないかとか、ああだ！こうだ！と考えると、何もできなくなってしまうが、こういう場面では、コンタクトレンズが自分にあうかどうかの確認が、一番大切であることは、間違いない！

    私の友達が、コンタクトレンズを落としてしまって、困ってしまったというエピソードを聞くのだが、正直なところコンタクトレンズを無くすような事は、相当な確率であまりないようだ。

    何故そんな事が言えるのかというと、そもそもコンタクトは目の形に合わせてフィットさせるため、慣れていない時にコンタクトの位置が定まらない事はあるようだが、落とす事はないといわれている。
    ちょっとホッとした自分が可愛く思う。

    コンタクトレンズを極めたら、今度はオシャレしたいので、カラコンに挑戦してみるつもりである。

  12. I was curious if you ever considered 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?

  13. Hi! I know this is kind of off topic but I was wondering which blog platform are you using for this website?
    I’m getting sick and tired of WordPress because I’ve had
    issues with hackers and I’m looking at options for another platform.
    I would be awesome if you could point me in the direction of a good
    platform.

  14. I’d like to thank you for the efforts you have put in penning this website.

    I really hope to view the same high-grade content from you later on as well.

    In fact, your creative writing abilities has encouraged me to get my very
    own blog now 😉

    Feel free to surf to my web site … movietubenow

  18. Howdy, I do think your site could be having browser
    compatibility issues. Whenever I look at your site in Safari, it looks fine however when opening in Internet Explorer,
    it has some overlapping issues. I just wanted to give you a quick heads up!
    Besides that, excellent site!

  19. If some one wants to be updated with hottest technologies after that he must be pay a
    quick visit this web site and be up to date every day.

  22. Do you mind if I quote a couple of your posts as long as I
    provide credit and sources back to your webpage? My blog is in the very same area of interest as yours and my users would truly benefit from a lot of the information you present here.
    Please let me know if this okay with you. Thank you!

  26. With havin so much content and articles do you ever run into any problems of plagorism or copyright infringement?
    My website has a lot of completely unique content I’ve either authored myself or outsourced but it seems a lot of it
    is popping it up all over the internet without my permission.
    Do you know any techniques to help protect against content from being stolen? I’d genuinely appreciate it.

    Also visit my site trans in Bologna

  27. Hi there! This is my first comment here so I just wanted to give a quick shout
    out and tell you I truly enjoy reading your posts. Can you recommend any other blogs/websites/forums that go over the same
    topics? Thank you!

    my homepage :: annunci escort

  28. Do you mind if I quote a few of your articles as long as I provide credit
    and sources back to your website? My website is in the very same
    niche as yours and my users would definitely benefit from some of the information you provide here.
    Please let me know if this alright with you. Many thanks!

    Also visit my web page; Agence de publicité

  29. I have been surfing online more than 4 hours today, yet I never found any
    interesting article like yours. It’s pretty worth enough for me.
    In my opinion, if all web owners and bloggers made
    good content as you did, the internet will be
    much more useful than ever before.

  30. I am really impressed with your writing talents and also with the layout to your blog.

    Is this a paid theme or did you customize it your self?

    Anyway keep up the nice quality writing, it’s uncommon to see a great blog like this one today..

  33. As a result, two people who only know about each other’s positions from media quotes are likely to think they
    disagree more than they really do. For example, a techno-skeptic who only read
    about Bill Gates’s position in a British tabloid may mistakenly think Gates believes superintelligence to be imminent.

  34. I love your blog.. very nice colors & theme.

    Did you make this website yourself or did you hire someone to
    do it for you? Plz answer back as I’m looking to create my own blog and
    would like to find out where u got this from. kudos

  35. It all begins with a sensor which is built to be tripped by inertia.
    Pick a design that this parents would you are towards the parents, that you simply probably are
    in case you are invited to the baby shower, then you certainly should have
    a perception of their tastes with regards to style and fashion. Incentives like personalized golf shoe bags are valuable tools that can be used to promote your firm, particularly if you please remember
    many business-client relationships are fostered about the golf course.

    my web-site; prada bags outlet

  36. I used to be suggested this blog by way of my cousin.
    I am no longer positive whether or not this submit is written via
    him as nobody else recognize such detailed approximately my trouble.
    You’re amazing! Thanks!

    Feel free to visit my site … top escort Bergamo

  38. My brother recommended I may like this website.
    He used to be totally right. This put up actually made my day.
    You can not believe just how a lot time I
    had spent for this information! Thank you!

    Here is my blog post … trans Verona

  46. Erwin and his attorney Alex Aretakis spoke to the news media during a press conference in front of
    city hall regarding his request to the Secretary of State to look into the recent city elections
    in which one candidate was declared ineligible. First, consider that sushi is
    wrapped in white rice, which by itself isn’t exactly a
    great choice. These just aren’t ever going to be as exceptional as I feel people expect AR to be.

  48. PCやタブレットで簡単にブラウジングできる世の中になったので、どこでも使えるを収集することがSIMカードの必須条件になりました。DTISIMのプランでこの度は、その一方で、3GBプランのみが加入オススメプランってことでもない気がして、格安SIMでもどこがいいかに苦しむことがあるようです。いつも通りにオススメと言うなら、SIMのない場合は怪しいと思ったほうが良いと感じしても良いと思いますが、通話量なんかの場合は、3か月という法務省推奨のプランが入れないということもありますから、SIMフリー端末選びは悩まされますです。

Leave a Reply