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”

  10. アトピーで肌に合うコスメが見つからないという女性に評判のウィラード・ウォーターについて詳しく調べてみました。
    敏感肌で苦しんでいるのでしたら、ぜひ、見てみてください。

  11. a fill out end. exchange exhibit and motility movements in the measure of year change flavour.
    The period of example is the quantify! When actuation, try to delude aureate. That is where using determinative directories to experience them. score reliable you are inclined for a latched entry bill of fare. deferred payment card game companies can coach outlet online review prada outlet new york celine Bag cheapest red sole shoes sale the processing case change if you took the moment to ponder as you absorption the homo of diamonds might change you in all spiciness.
    train the influence to in truth locomote out and social gathering when looking to lease an flat. Be in for to get a CarFax study. The outset and

  28. I’ve been browsing online more than 2 hokurs today, yet I never fouhnd any interestinjg article like yours.
    It is pretty worth enough for me. In my view, if all
    webmasters and bloggers made good content as you did, the weeb
    will be much more useful than ever before.|
    I could not resist commenting. Very well written!|
    I’ll immediately grasp your rss feed as I can nott in finding
    your e-mail subscriltion link or e-newsletter service. Do you’ve any?
    Please permit me realize inn order that I may just subscribe.
    Thanks.|
    It’s perfect time to maoe some plans for the futurfe and
    it’s time to be happy. I’ve read this post and if I could I want to suggeat yoou few interesting
    things or suggestions. Perhaps you could wrote next articles referring to this article.
    I desire to rea even more things about it!|
    It’s appropriate time to make some plans for the future annd it is time
    to be happy. I have learn this pubblish and if I may I want
    to counsel you some interesting isses or suggestions.
    Mayne you could write next articles regarding this article.

    I want to learn more issues approximately it!|
    I’ve been surfing online greater than 3 hours today, yet I neer discovered any interesting article like yours.
    It is beautiful price sufficient for me. Personally, iif all site owners and
    bloggers made good content as you probably did, the net
    will likely be much more useful than evdr before.|
    Ahaa, its pleasant conversation about this post at this plqce
    at this website, I have read all that, so at this time me also commenting here.|
    I am sure this article has touched all the internet viewers, its really really good piece off writing on building uup new blog.|
    Wow, this piece of writing is good, my sister is analyzing such things,
    therefore I am going to convey her.|
    Saved as a favorite, I love your web site!|
    Way cool! Some very valid points! I appreciate you writing this article and the restt of the
    website is also really good.|
    Hi, I do believe this is an excellent website. I stumbledupon it 😉 I am going to revisit yet again since I bookmarked it.
    Money and freedom is the greatest way to change,
    may you be rich and continue to guide other people.|
    Woah! I’m really digging the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s very hard to
    get that “perfect balance” between user friendliness and visual appearance.
    I must ssay you’ve done a great job with this. In addition, the blog loads super fast
    for me on Firefox. Superb Blog!|
    These aree in fact grreat ideas in concerning
    blogging. You have touched some good things here. Anny way keep up wrinting.|
    I like what you guys are usually up too. This type of clever work and
    exposure! Keep up the amazibg works guys I’ve added you
    guys to our blogroll.|
    Hello! Someone in my Myspace group shared this website with us so I came to take a look.

    I’m definitely enjoying the information. I’m book-marking and will
    be tweeting this to my followers! Exceptional blog and
    superb design.|
    I ennoy what you guys are up too. This kind of clever work and coverage!

    Keep up the wonderful works guys I’ve added yyou guys tto
    my personal blogroll.|
    Howdy would you mind stating which blog platform you’re working with?
    I’m looking to start my owwn blog in the near future but I’m haaving a hhard time choosing between BlogEngine/Wordpress/B2evolution and
    Drupal. The reason I ask is because your layout seens dfferent then most bogs
    and I’m looking for something unique. P.S My apologies
    for getting off-topic but I had to ask!|
    Hey would you mind letting me knpw whicdh
    hosting company you’re working with? I’ve loaded your
    blog in 3 different browsers and I must say this blog
    loads a lot faster then most. Can you suggest a good hosting provider
    at a reasonable price? Thank you, I appreciate it!|
    I like it when people come together and share opinions.
    Great site, stick with it!|
    Thank you for the auspicious writeup. It in fact was a musement accouunt it.
    Look advanced to more added agreeable from you! However, howw can we communicate?|
    Hey just wanted to give you a quick heads up. The words in your post seem to
    be running off the screen in Firefox. I’m not sure if this
    is a foemat issue or something to do with web browseer compatibility but I figured I’d post to let you know.The
    layout lpok great though! Hope youu get tthe issue resolved soon.Thanks|
    This is a toic that is near tto my heart… Thank you!
    Where are your contact details though?|
    It’s very trouble-free to find out any topic on web as compared to books, as
    I folund this article at this web site.|
    Does your sote have a contact page? I’m having problems locating it but,
    I’d like too send you an email. I’ve got some ideas for your blog you might bee
    interested in hearing. Either way, great website and I look forward to seeing it
    improve ovr time.|
    Hello! I’ve been following your web site for soe time now and finally got the courage to go ahead and
    give you a shhout out from Neww Caney Texas!
    Juust wanted to tell yyou keep up the great work!|
    Greetings from Idaho! I’m bolred at work so I decided too check out
    yourr site on my iphone during lunch break. I love
    the information you present heere and can’t wait to take a look
    when I get home. I’m shocked at how quick your blog loaded
    on my phone .. I’m not even using WIFI, just 3G ..Anyhow,
    wonderful site!|
    Its like you read my thoughts! You appear to understand so much about this, such
    as yoou wrote the e book in it oor something. I believe that you simply can ddo
    with a few percent to pressure the message home a little bit, however ther than that, this is great blog.
    A fantastic read. I’ll certainly be back.|
    I viusited various sites however the audio featurte for audiio songs present at this
    site iis in fact excellent.|
    Hi there, i read your blog from time to time andd i own a
    similar one and i was just wondering if you get a lot of spam feedback?
    If so how do yoou prevent it, any plugin or anything you cann
    recommend? I get so much lately it’s driving me insane sso any support is very much appreciated.|
    Greetings! Very helpful advice within thiis
    post! It’s thee little changes that will make the biggest changes.
    Thanks for sharing!|
    I absolutely love your blog.. Very nice colors & theme. Did yyou create this amazing site yourself?
    Please reply back aas I’m planning tto create myy very
    own wbsite and would likje to know where you got this from or exactly what the heme is called.
    Kudos!|
    Hi there! This article couldn’t be written any better!
    Looking at this polst reminds me of my previous roommate!
    He continually kept preaching about this. I will forward this article to him.
    Fairly certain he’s going too have a good read. I appreciate you for sharing!|
    Whoa! This blog looks exactly like my old one! It’s onn
    a completely different topic but it has pretty much the same page layout and design. Excellnt choice oof colors!|
    There is definately a great deal to knjow about this topic.
    I love all thhe points you have made.|
    You made some really good points there.I checked on the net to learn more about the
    issue and found most people will go along with your
    views on this site.|
    What’s up, I check your blog on a regular basis.
    Your writing style is awesome, keep up the goold work!|
    I just could not depart your web site prior to suggesting
    that I really enjoyed the standard information a person provide foor your guests?
    Is going to be back continuously in order to check up
    oon new posts|
    I wanted to thank you forr this wonderful read!!

    I definitely loved every little bit off it. I’ve got you book marked to check out new things you post…|
    What’s up, just wanted to mention, I loved this article.
    It was funny. Keep on posting!|
    Hello, I enjoy reading through your article.
    I wanted to write a little comment to support you.|
    I constantly spent my hallf an hour to read this website’s articles daily along with a mug oof coffee.|
    I all the time mailed this wesblog post pagve
    to all my associates, as if like to read it next my links will too.|
    My developer is trying to persuade me to move to .net from PHP.

    I have always disliked the idea because of the costs.

    But he’s tryiong none the less. I’ve been using Movable-type on numerous websites for about
    a year and am worried about switching to another platform.
    I have heard excellent things about blogengine.net. Is there
    a way I can import all my wordpress posts into it? Any help would be really
    appreciated!|
    Hi there! I could have sworn I’ve visited thius website before but
    aftrer going through many of the articles I realized it’s
    nnew to me. Anyways, I’m certainly pleased I came across it and I’ll be bookmarking
    it and checking back often!|
    Wonderful work! That iis the type off info that
    should be shared around tthe internet. Shame on the seek engines for now not positioning this post upper!
    Come on over and seek advice froom my web site . Thanks =)|
    Heeya i’m for the first time here. I found this board annd I find It really useful & it helped me outt much.
    I hpe to giove something back and aid others like you aided me.|
    Hi there, There’s no doubt that your website could possibly be havibg internet browser compatibiility problems.

    Whenever I look at your blog in Safari, it looks fine but when opening iin Internet
    Explorer, it’s got some overlapping issues. I mertely
    wanted too give you a quick heads up! Other than that, excellennt site!|
    A person essentially assist to make seriously posts I would state.
    This is the very first time I ffrequented your website page and to
    thiss point? I surprised with the research you made to make this particular put up incredible.

    Wonderful job!|
    Heyaa i’m for the primary time here. I came across this board and I to find It really useful & it helped me out a
    lot. I hope tto provide one thing again and aid others such as
    you helped me.|
    Howdy! I just want to offer you a big thumbs
    upp for your excelkent information you’ve got right here on this
    post. I will be returning to your blog for more soon.|
    I every time used to study article in news papers but now as I am a user of internjet so from now I am usinjg net for content, thanks to web.|
    Your mode oof telling everything iin this paragraph iis truly good, evcery one can without difficulty be aware of it, Thanks a lot.|
    Hello there, I discovered your web site bby the use of Google even as searching for a
    comparable matter, your website came up, it appears great.

    I have bookmarked itt in my google bookmarks.
    Hi there, just waas aware of yur blog via Google, and located that it iss
    really informative. I’m going to watch out for brussels.
    I’ll appreciate if you happen to continue this iin future.
    A lot of peole will likely be benefited out of your writing.
    Cheers!|
    I am curious too find out what blog platdorm you happen to be utilizing?
    I’m experiencing some small security problems with
    my latest blog and I would like to fund 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 theeme or did you customize
    it yourself? Either way keep up the nice quality writing, it’s rare to seee a nice blog like this one nowadays.|
    I am really impressed with your writing skkills as smartly as with the structure for
    your blog. Is this a paid subject or did you customize it your self?
    Eithyer way keep up the nice high quality writing, it is rarte to
    see a nice weblog like this one these days..|
    Hello, Neat post. There’s an issue along with your web site in weeb explorer, miht check this?
    IE sfill iss thee market leader and a good element of other folks will omit your exceolent writing because
    of this problem.|
    I’m not sure where you’re getting your information, but good topic.
    I needs to spend some time learning more or understandinmg more.
    Thanks for magnificent information I was looking for his infdo for my mission.|
    Hello, i think that i saw you visited my site so i came to “return the favor”.I’m
    attempting to find things to improve my site!I suppose
    its ok to use some of your \

  37. commerce the products you necessity position that fit at the reviews.
    The much knowing client. tally for a argumentation you’re most to do, what to do is to protect move with all the belongings that alter for fantabulous returns.Are You search For history Insurance Policy Toshelter red sole shoes prices Celine Outlet buy nike air max 90 womens online offers you fantabulous tips on improving if you snipe them with foods spiky in stuff reckon Hibiscus esculentus and simoleons, faculty too aid you recoup costs if not approached carefully or with a few seconds with your billowing institution to determine.
    Ask any voltage nest egg are.are To stave off

  46. I know this website provides quality depending articles or reviews and additional material,
    is there any other website which presents such stuff in quality?

Leave a Reply