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. hi!,I really like your writing very so much! share we keep in touch more approximately your article on AOL?

    I need an expert on this house to resolve my problem.
    May be that’s you! Taking a look forward to peer you.

    My web site: tax perparation – losnenes.cl –

  6. I am only commenting to make you understand what
    a nice discovery my child had checking the blog. She mastered numerous pieces, with the inclusion of what it’s like to have a
    marvelous giving spirit to let others really easily comprehend chosen advanced subject areas.
    You actually surpassed readers’ desires. I appreciate you for rendering those important, safe, edifying and as well
    as cool guidance on that topic to Mary.

    Also visit my blog: tax professionals

  8. I’ve been surfing online more than three hours today, yet I never found
    any interesting article like yours. It is pretty worth enough for me.
    In my view, if all site owners and bloggers made good content as you did, the
    web will be much more useful than ever before.|
    I could not resist commenting. Perfectly written!|
    I will right away take hold of your rss feed as I can not
    find your email subscription hyperlink or e-newsletter service.
    Do you’ve any? Please let me understand so that I may just subscribe.
    Thanks.|
    It is appropriate time to make some plans for the future and
    it is time to be happy. I’ve read this post and if I
    could I desire to suggest you few interesting things
    or tips. Maybe you could write next articles referring to this article.
    I desire to read more things about it!|
    It’s perfect time to make some plans for the future and it is time to be happy.
    I’ve learn this publish and if I may I wish to recommend you some interesting things or
    suggestions. Perhaps you can write subsequent articles regarding
    this article. I desire to learn more things approximately it!|
    I’ve been browsing on-line greater than three hours today, but
    I by no means discovered any attention-grabbing article like yours.
    It is pretty worth sufficient for me. Personally, if all web owners and
    bloggers made good content as you probably did, the web might be a lot more useful than ever before.|
    Ahaa, its nice discussion on the topic of this article here at
    this web site, I have read all that, so at this time
    me also commenting at this place.|
    I am sure this post has touched all the internet
    people, its really really good piece of writing on building
    up new web site.|
    Wow, this paragraph is good, my sister is analyzing these kinds of things, so I am
    going to tell her.|
    Saved as a favorite, I like your site!|
    Way cool! Some very valid points! I appreciate you writing this post and also the rest of the website is very good.|
    Hi, I do think this is a great website. I stumbledupon it
    😉 I may return yet again since i have book-marked it.
    Money and freedom is the best way to change,
    may you be rich and continue to help other people.|
    Woah! I’m really digging the template/theme of this site. It’s simple, yet effective.
    A lot of times it’s tough to get that “perfect balance” between user
    friendliness and visual appearance. I must say that you’ve done a amazing job with this.
    Additionally, the blog loads extremely quick for me on Chrome.
    Exceptional Blog!|
    These are really great ideas in concerning blogging. You
    have touched some fastidious things here. Any way keep up wrinting.|
    I like what you guys are up too. This kind of clever work and coverage!
    Keep up the terrific works guys I’ve you guys to my personal blogroll.|
    Hi there! Someone in my Myspace group shared this website with us so I came to check it out.

    I’m definitely loving the information. I’m bookmarking and
    will be tweeting this to my followers! Wonderful blog and outstanding design and style.|
    I really like what you guys tend to be up too. This kind of clever work
    and exposure! Keep up the good works guys I’ve added you
    guys to my own blogroll.|
    Hello would you mind stating which blog platform you’re
    using? I’m planning to start my own blog in the near future but I’m having a hard time
    making a decision between BlogEngine/Wordpress/B2evolution and Drupal.

    The reason I ask is because your design seems different then most
    blogs and I’m looking for something unique.
    P.S Apologies for being off-topic but I had to ask!|
    Howdy would you mind letting me know which hosting company you’re using?
    I’ve loaded your blog in 3 different internet browsers and I must say this blog loads
    a lot faster then most. Can you suggest a good internet hosting provider at a reasonable price?
    Thanks, I appreciate it!|
    Everyone loves it when individuals get together and share ideas.
    Great website, continue the good work!|
    Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! However, how can we communicate?|
    Hey just wanted to give you a quick heads up. The text in your
    article seem to be running off the screen in Chrome.
    I’m not sure if this is a formatting issue or something to do with internet browser compatibility but I thought
    I’d post to let you know. The layout look great though!
    Hope you get the issue resolved soon. Kudos|
    This is a topic that’s near to my heart… Many thanks!

    Where are your contact details though?|
    It’s very straightforward to find out any topic on web as compared to books, as I found this paragraph at
    this site.|
    Does your blog have a contact page? I’m having a tough time 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
    improve over time.|
    Hi! I’ve been reading your blog for a long time now and finally got the bravery to go ahead and
    give you a shout out from Atascocita Tx!
    Just wanted to tell you keep up the good work!|
    Greetings from Carolina! I’m bored at work so I decided to check out
    your website on my iphone during lunch break. I really like the information you present here and can’t wait to take
    a look when I get home. I’m surprised at how
    fast your blog loaded on my cell phone .. I’m not even using WIFI, just 3G
    .. Anyhow, superb blog!|
    Its such as you read my mind! You seem to know so much about this,
    such as you wrote the ebook in it or something.
    I feel that you can do with some p.c. to drive the message home a little bit, but instead of that, that is wonderful blog.
    A great read. I’ll definitely be back.|
    I visited several blogs however the audio feature for audio songs present at this
    website is truly superb.|
    Howdy, i read your blog occasionally and i own a similar one and i was just curious if
    you get a lot of spam remarks? If so how do you prevent it, any plugin or anything you
    can advise? I get so much lately it’s driving me crazy so
    any assistance is very much appreciated.|
    Greetings! Very useful advice in this particular post!
    It’s the little changes that will make the largest changes.
    Many thanks for sharing!|
    I really love your blog.. Pleasant colors & theme. Did
    you develop this website yourself? Please reply back as I’m planning
    to create my own personal site and would like to know where you got this from
    or exactly what the theme is called. Appreciate it!|
    Howdy! This post couldn’t be written much better! Looking through
    this post reminds me of my previous roommate!

    He continually kept talking about this. I most certainly will send this
    post to him. Pretty sure he’ll have a great read.

    Many thanks for sharing!|
    Wow! This blog looks exactly like my old one! It’s on a totally different subject
    but it has pretty much the same layout and design. Excellent choice of colors!|
    There’s definately a lot to learn about this issue.
    I really like all of the points you have made.|
    You have made some good points there. I looked on the web to find out
    more about the issue and found most individuals will go along with your views on this site.|
    What’s up, I read your new stuff regularly. Your story-telling style is witty, keep up the good work!|
    I just couldn’t leave your website prior to suggesting that
    I really enjoyed the standard info a person supply in your guests?
    Is gonna be again incessantly in order to check
    up on new posts|
    I wanted to thank you for this wonderful read!! I definitely
    loved every little bit of it. I’ve got you book marked to check out new stuff you post…|
    Hi, just wanted to tell you, I loved this article.
    It was inspiring. Keep on posting!|
    Hi there, I enjoy reading all of your article post.

    I wanted to write a little comment to support you.|
    I every time spent my half an hour to read this website’s content every day along with
    a cup of coffee.|
    I constantly emailed this weblog post page to all my
    contacts, as if like to read it afterward my contacts will too.|
    My programmer is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses. But he’s tryiong none
    the less. I’ve been using Movable-type on several websites for
    about a year and am nervous about switching to another platform.
    I have heard good things about blogengine.net.
    Is there a way I can import all my wordpress content
    into it? Any kind of help would be really appreciated!|
    Good day! I could have sworn I’ve been to this blog before but after going through many of the articles I realized it’s new to me.
    Regardless, I’m definitely happy I came across it and I’ll be bookmarking it and checking back regularly!|
    Wonderful work! That is the kind of info that are supposed to be shared around the net.
    Shame on the seek engines for now not positioning this submit higher!
    Come on over and discuss with my site . Thank you =)|
    Heya i’m for the first time here. I came across this board and I find It really useful &
    it helped me out much. I hope to give something back and help others like you helped me.|
    Greetings, I believe your website may be having browser
    compatibility problems. When I take a look at your site in Safari, it looks fine however, if opening in Internet Explorer, it has some overlapping issues.
    I simply wanted to provide you with a quick heads up!
    Other than that, fantastic blog!|
    A person necessarily assist to make significantly posts I might state.
    This is the first time I frequented your web page and to this point?
    I amazed with the analysis you made to create this particular
    post extraordinary. Magnificent task!|
    Heya i am for the primary time here. I came across this board and I find
    It truly useful & it helped me out a lot. I’m hoping to
    present something back and aid others like you helped
    me.|
    Hello! I just want to offer you a huge thumbs up for your great information you have got right
    here on this post. I am returning to your web site for
    more soon.|
    I every time used to study piece of writing in news papers but now as I am a user of net thus from now I
    am using net for posts, thanks to web.|
    Your means of describing the whole thing in this post is truly fastidious, all be able to easily
    be aware of it, Thanks a lot.|
    Hi there, I found your web site by way of Google
    at the same time as looking for a related matter, your site came
    up, it seems to be great. I’ve bookmarked it in my google bookmarks.

    Hi there, just changed into aware of your blog thru Google, and located that
    it’s truly informative. I am gonna watch out for brussels.
    I will appreciate if you continue this in future. Many
    other people will probably be benefited out of your writing.
    Cheers!|
    I am curious to find out what blog platform you are utilizing?
    I’m having some small security issues with my latest blog and I would like to find something more
    risk-free. Do you have any recommendations?|
    I’m extremely impressed with your writing skills and also with
    the layout on your blog. Is this a paid theme or did you
    modify it yourself? Anyway keep up the excellent quality writing, it’s rare to see a nice
    blog like this one these days.|
    I’m really inspired with your writing skills as neatly
    as with the format on your blog. Is that this a paid subject matter or did you customize it your self?
    Either way keep up the nice high quality writing, it is uncommon to peer a great weblog like this one these days..|
    Hello, Neat post. There is an issue along with your web site in internet explorer, could test this?
    IE nonetheless is the market chief and a good element of people will
    omit your magnificent writing due to this problem.|
    I am not sure where you are getting your information, but good topic.
    I needs to spend some time learning more or understanding more.

    Thanks for fantastic info I was looking for this info for my mission.|
    Hi, i think that i saw you visited my web site thus i came to “return the favor”.I am
    trying to find things to enhance my website!I suppose its ok
    to use {some of|a f\

  9. Thank you for the blog post. Thomas and I happen to be saving to
    get benefits of a home based business (eyemediaphotographycourses.com) new e book
    on this subject matter and your post has made
    us all to save our own money. Your notions really clarified all our issues.
    In fact, above what we had acknowledged just before we
    ran into your amazing blog. My spouse and i no longer have doubts along with
    a troubled mind because you have attended to the needs above.
    Thanks

  10. We have actually packaged some of our most preferred video games into price-saving, easy-to-book plans.

    Look at my blog post – En savoir plus (Carol)

  12. hello!,I love your writing so a lot! proportion we
    be in contact extra approximately your article on AOL?
    I need a specialist in this house to solve my problem. Maybe that’s
    you! Looking forward to see you.

    Also visit my blog post – home buyer credit (walbeltcleaners.com)

  14. I’m truly enjoying the design and layout of your blog.
    It’s a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a developer to
    create your theme? Great work!

    Check out my web page :: small business management; http://www.golivepal.com/index.php/blog/144197/5-techniques-for-arranging-optimizing-your-house-business-tax-deductions,

  18. Hello, i read your blog from time to time and i own a similar
    one and i was just wondering if you get a lot of spam feedback?
    If so how do you prevent it, any plugin or anything you can advise?

    I get so much lately it’s driving me mad so any assistance is
    very much appreciated.

    Also visit my blog post – tax accountant job – http://zqindustry.com,

  21. Occasionally you may also lie down which will be convenient.
    All three drugs, Viagra, Cialis, and Levitra, include warnings,
    about sudden hearing loss, and tells patients, to seek immediate medical attention. This
    article will definitely give some practical tips to circumvent the problem besides using medications and chemical treatments.

    my blog post: http://www.Cialis20mgfr.fr/Acheter-cialis-original-ligne/

  23. Thank you for your site post. Manley and I happen to be
    saving for a new guide on this theme and your short article has made people like us to
    save our own money. Your opinions really clarified all our questions.
    In fact, over what we had thought of ahead of the time we
    discovered your superb blog. My spouse and i no longer nurture doubts and a troubled mind because you have attended to our needs
    in this post. Thanks

    Feel free to visit my site: federal income

  26. My spouse and I stumbled over here different
    web page and thought I might as well check things out.
    I like what I see so now i am following you. Look forward to exploring your web
    page yet again.

  29. 「びまん性円形脱毛症」と称される状態も、女性にたくさん見られます。
    髪は長い友達です。
    自分にあった方法をこちらで見つけてください。
    女性の薄毛　治療は専門のお医者さんがありためらくことなく通えます。
    女性 薄毛を気にした生活はストレスばかりが増えて良くありません。
    だからこそ、薄毛予防も女性特有の方法をしなければなりません。
    多くの女性が間違えた薄毛予防をしています。
    髪の毛の『アンチエイジング』は出来るんです。
    しかしながらシャンプーの方法が間違っている事も大きな要因として関係しています。
    昨今、女性でも、ひたいや頭のてっぺんから髪が減少する人が激増しています。
    更年期の女の人にもたくさん見られますが、これにしたって更年期になってホルモンバランスが変化することに起因するものです。
    女性の抜け毛は最近の問題として話題になります。
    女性 薄毛 対策はちゃんと選びましょう。
    最短の結果は専門職の意見を参考にしましょう。
    大衆的に、苦痛による円形脱毛症は、女性のほうがなりやすいようです。
    薄毛対策をきちんとしていれば、髪の毛年齢は若返らせます。
    年齢と共に髪の毛も元気を失います。
    40歳代、50歳代の女の薄毛に対しては、多くの場合、ミノキシジルと言われる発毛を助長する薬を中心として、その人の必要に応じた多様なビタミン、ミネラル、などを組み合わせたサプリなどを合わせて使用していくケアが効果的です。

  39. よくメディアに出てくる化粧品や馬鹿高いコスメならば使って安心、とはなりません。自分自身の肌タイプを確認してから、その肌質に合う美容アイテムをチョイスするようにしましょう。肌質には、乾燥肌、脂性肌、混合肌、敏感肌などに分けられます。お肌は、おのおの違いが認められるので、自らの肌がどの性向に当てはまるかを吟味しておきましょう。いくつかのスキンケア用品を重ねて使用している方もそこそこのようですが、そのやり方をしくじってしまうと効果が無くなるので注意しましょう。適切な順序でコスメをつけていないと、効果が発揮される、本来の効果を隠したままのことがあります。時間帯によってコスメの効能には違いがでます。
    喉仏に出現する首イボっていやなものですよね。
    コスメ売り場にプロモートされているスキンケアアイテムは、かなり大量に並んでいます。星の数ほどのスキンケア用品メーカーがひしめいていて、どのスキンケアアイテムを得れば良いのか悩んでしまいます。ここのところ女子だけでなく若い男性もお肌のお手入れに美容アイテムを利用する方が多くなってきて、コスメのあれこれも増加中です。商品のバリエーションはたくさんありますが、自分の肌にあったスキンケア用品を使っている人はまだまだという感じではないでしょうか。コスメを見つけ中の際には、まずは自分の肌の傾向を認識して、肌にフィットする美容アイテムはどれかを探し出すことが肝要です。

    つける時間帯などをなぞることで、スキンケア用品本来のメリットを得ることができるようになります。

  40. With havin so much content and articles do you ever
    run into any issues of plagorism or copyright violation? My site has a lot of
    unique content I’ve either created myself or outsourced but it seems a
    lot of it is popping it up all over the web without my permission.
    Do you know any solutions to help stop content from being stolen? I’d
    certainly appreciate it.

  41. My partner and i still can not quite feel that I could always be one of those reading through the
    important points found on this blog. My family and I are truly thankful for the generosity and for presenting me the potential to pursue my personal chosen career path.

    Many thanks for the important information I got from your
    website.

    Take a look at my web blog credit card, playeatpartyproductions.com,

  42. Oh my goodness! Awesome article dude! Thank you so much, However I am having issues with
    your RSS. I don?t understand why I am unable to join it.
    Is there anybody else getting similar RSS problems? Anyone that knows the solution can you kindly respond?

    Thanx!!

    Also visit my web site :: federal income

  44. I feel that is among the so much significant info for me.
    And i am satisfied studying your article. But wanna statement on some
    general issues, The website taste is wonderful, the articles is
    in point of fact excellent : D. Just right activity, cheers

    Also visit my web-site: tax cut (fortespyproductions.com)

  47. Tremendous things here. I am very satisfied to look your post.
    Thank you so much and I am looking forward to contact you.

    Will you kindly drop me a mail?

  48. Hi there, i read your blog from time to time 2010 politics and health care (http://www.symprojects.com) i own a similar one and i was just curious if you get a lot of spam remarks?
    If so how do you protect against it, any plugin or
    anything you can recommend? I get so much lately it’s driving me crazy so any support is very
    much appreciated.

Leave a Reply