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”

  4. Check the routine here If you do desire an arranged scenic tour from Krakow (which typically consists of
    a bus there as well as an overview as soon as there),
    they cost c. PLN130 per person.

    Also visit my web site best pub crawl

  5. Hello would you mind stating which blog platform you’re working with?
    I’m looking to start my own blog in the near future but I’m having a tough 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 Sorry for being off-topic but I had to ask!

  6. Hello there! Would you mind if I share your blog with my twitter group?
    There’s a lot of people that I think would really appreciate your content.
    Please let me know. Cheers

  10. I believe this is one of the most important information for me.

    And i am satisfied reading your article. However want to remark on few
    basic things, The site style is wonderful, the articles is
    actually great : D. Just right task, cheers

    my web site :: wedding preparations (dragonvapr.com)

  11. Magnificent goods from you, man. I have understand your stuff previous to and you’re just too fantastic.

    I really like what you’ve acquired here, certainly like what
    you’re saying and the way in which you say it. You
    make it entertaining and you still care for to keep it wise.
    I can’t wait to read much more from you. This is really a wonderful website.

    my website – lakota

  14. I do not even understand how I ended up here, however I believed this submit used to be good.
    I don’t recognise who you’re but certainly you are
    going to a well-known blogger if you are not already.
    Cheers!

  16. Hello, i feel that i saw you visited my website thus i got here to return the desire?.I
    am attempting to find things to enhance my site!I suppose its
    good enough to make use of some of your ideas!!

  17. What’s Going down i am new to this, I stumbled upon this I have discovered
    It absolutely helpful and it has helped me out loads. I am hoping to give a contribution & help different users like its aided me.

    Great job.

  19. Thank you for the blog post. Thomas and I have
    been saving for just a new e-book on this theme and your writing has
    made us all to save money today (bargainsharing.Com.au).
    Your thoughts really solved all our problems. In fact, a
    lot more than what we had known just before we ran into your great blog.
    My spouse and i no longer have doubts including a troubled mind because you have attended to
    our own needs here. Thanks

  20. Hmm is anyone else experiencing problems with the pictures on this
    blog loading? I’m trying to figure out if its a problem on my
    end or if it’s the blog. Any responses would be greatly appreciated.

    my page … wedding process (http://www.out2Go.de)

  21. Oh my goodness! Awesome article dude! Thank you, However I am going
    through issues with your RSS. I don’t understand why I am unable to join it.

    Is there anybody having the same RSS problems? Anybody
    who knows the answer can you kindly respond?
    Thanks!!

  22. Good day! This is my first comment here so I just wanted to give a quick shout out and tell you
    I genuinely enjoy reading your blog posts. Can you suggest
    any other blogs/websites/forums that go over the same topics?
    Many thanks!

  24. Check out her full line of adult princess costumes as well as boy dress up clothes like pirate
    and superhero at. Clean your items, paint them or make minor repairs before you place them
    in the sale. Sometimes, when you are a writer, you get into a “flow. I’ve now gained many compliments regarding my new wardrobe, consequently I do know I’ve arrived at the right style. You could also include items like instant hot chocolate or coffee to complement that promotional product. There are many ways to group objects such as, breakables, kitchenware, seasonal, technology, men’s items, women’s items, children’s items and so on. The country of Israel collides with the nations that surround her, yet she remains solid and commanding.

    my weblog :: amazon women clothing
    australia

  27. I’m also commenting to make you be aware of of the amazing experience my friend’s child experienced reading
    through your web site. She came to understand a wide variety of issues, which
    included how it is like to possess an amazing giving spirit to have many more effortlessly learn about
    a variety of grueling matters. You really did more than my expectations.
    Thanks for producing these valuable, safe, informative
    not to mention easy guidance on that topic to Tanya.

    Here is my blog … wedding dresses made (http://sosobae.com/board_EycS80/8627)

  28. マンガはどんどん新しい話題作が生まれるので注目作品は絶えずチェックしておく必要がありますよね？だけど時間を漫画だけにそんなに使えるわけでもないのでどの作品を観るかは結構悩ましい判断になりますよね？
    そんな時はわいはまとめサイトでざっとコメントをみて、スレの長いものをまずはチェックするようにしています。特にキャラについてスレが熱い作品は人気が出る傾向なので必ず早めにチェックします。あとは、漫画のスピード感の早いものはおすすめです。なかなか臨場感が感じない作品は僕はあまり相性がよくないのです。
    まとめサイトでは、キャラの人気度、ストーリーのスピード感をチェックするのがおすすめです。
    あとはtwitterですね。ソーシャルメディアrの公式アカウントのフォロワー数を見てみると人気の作品はかなりの数のフォロワーがいると思います。特にシリーズ化しているタイトルはすごい数です。ざわざわ感が伝わってきますね。
    僕はこんな感じでアニメ、マンガの人気チェックをしていますので参考にしてください。

  30. If some one wants to be updated with most recent technologies after that he must be visit this site and be up
    to date daily.

  31. I think this is one of the so much vital info for me.
    And i am glad reading your article. However want to observation on few general things, The
    website style is wonderful, the articles is in point of fact nice :
    D. Just right process, cheers

    Here is my blog post child tax credit calculator (q2a.bxpert4u.info)

  33. Oh my goodness! Incredible article dude! Thanks, However I am experiencing problems with your RSS.

    I don?t understand the reason why I am unable to join it.
    Is there anyone else having the same RSS issues? Anybody who knows
    the answer will you kindly respond? Thanks!!

    Here is my webpage … carbon emmissions tax (borane.org)

  35. Very nice post. I just stumbled upon your weblog and wished to say that I’ve really
    enjoyed surfing around your blog posts. After
    all I will be subscribing to your feed and
    I hope you write again very soon!

    my web page :: funny tee

  37. Thank you for the blog post. Thomas and I have already been saving for our new book on this issue and your blog post has made us
    all to save our make money today (http://ym-kan.com/).
    Your ideas really answered all our problems. In fact, a lot more than what we had known ahead of the time we came across your amazing blog.
    I actually no longer nurture doubts and also a troubled mind
    because you have really attended to our own needs here. Thanks

  40. of course like your web-site but you need to
    test the spelling on quite a few of your posts.
    A number of them are rife with spelling problems and
    I to find it very bothersome to inform the reality on the other hand I will certainly come back again.

    Here is my web page :: katsinas

  41. Wow, this article is pleasant, my younger sister is analyzing tyese kinds of things, so Iam
    going to tell her. methods related to that.|Hi, off course tjis post
    is genuinely fastidious and I have learned lot of things from it about blogging.

    thanks.|It’s an remarkable article in support of all
    the web visitors; they will take advantage from it I am sure.|I aall the
    time used to reead piece of writing in news papers but nnow aas I am a
    user of internet therefore from now I am using net for articles or reviews, thanks to web.|Hi colleagues, is there any other fastidious blog related to JavaScript articles,
    whle this onne is good for PHP programming.|Hello, I also
    wopuld like tto share my opionion here, when i don’t know even about a straightforward thing related to
    Personal home pages, I always go tto explore that from internet.|Wow!
    It’s a nice jQuery script; I was also seeking for that, thus i ggot it right now from at this time.
    Keep it up admin of this site.|When I wish for to place gallery or LightBoxx or yet a slider on my web page I always attempt to
    use jQuery script iin favor of that.|In fact proogramming is nothing
    however it’s a logic, if you get control onn it afterward you are the professional else nothing.|I like to
    work on PHP rather than .NET, though .NET presents the
    ability of drag and drop elements, however I like PHP a lot.|Okay you aare correct, in fact Perwonal home page is a open source and
    its assist we can tske free from any forum
    or web site since it takes place here at this web
    site.|Hi there to all, I am also genuinely keen of learning Personal home pages programming, except
    I am new one, I forever used to examine articles related to PHP programming.|What
    a video itt is! Actually amazing and fastidious quality, please upload more movies having
    such good quality. Thanks.|A number of viewers are
    keen to watch comic video clips, but I like to watch terrible videos oon YouTube.|Actually
    picture is the presentayion of some one’s feelings;
    it providdes the lesson to the viewers.|Hello friends, nice post and nice urging commented aat this place, I am in fact enjooying by these.|All right this
    YouTube video is much improved than last one, thuis one has
    fastidious pictujre feature as well ass audio.|At present I wass so tired, and
    now this time I have got some relax by watching this fjnny YouTubee video, thanks,
    keep it up.|On every weekend, we all mates jointly used to watch movie, because enjoyment is allso essentikal in life.|I am keen of
    learning Flash, is there anny piecce of writing related to Flash, if okay, then please post it,
    thanks.|Yes I aam also in look for of Flash tutorials, as I would like to learn more on the topic of flash, so if you
    have please postt it here.|I also like Flash, however I
    am not a good designer to design a Flash, holwever I have computer
    software bby witch a Flash is automatically created andd no more to
    work.|Hello friends, I am again at this place, and
    reading this post related to SEO, its also a nice article,
    therefore keep it up.|Can any one tell me that is there anny
    on the web classes for Search engine marketing, because I wjsh for to learn more on the topic of
    Search engine marketing.|What’s up every
    buddy, it’s a impressive entertaining at at this place watching
    these funny YouTube videos at here, nice stuff, thanks to admin of this site|It is the happiest
    day of my life so far, when I am watching these funny movies here,
    because after whole day working I was so tired and now feeling sound.|It’s going
    to be inish of mine day, except before end I am reading this enormous paragraph too improve
    mmy knowledge.|Why visitors still make use of to read news papers
    when in this technological world everything is accessible on net?|This post is good and fruitul in support of all new Personal holme pages related web programmers; they muzt study it and perform the practice.|Hi mates, hoow is the whole thing,
    and what you want to say about this post, in mmy view its really awesme for me.|What’s up Jackson, if you are a new web user afterward
    you must visit all the time this web page aand read the updated posts at
    at this place.|I keep listening to the news speak about getting free online grant
    applications so I hve been looking around for the best site
    to get one.|Thank you for your help!|There is obviously a lot tto know about
    this. I think you made some good pkints in Features also.|Keep workling
    ,great job!|Super-Duper site! I amm loving it!! Will come back again – taking you feeds also, Thanks.|Hello.

    Great job. I did not expect this on a Wednesday.
    This iis a great story. Thanks!|You made some good points
    there. I did a search on the topic and found most people will agree with your
    blog.|As a Newbie, I am alpways searching online for articles that can help
    me. Thank you|Wow! Thank you! I always wanted to write in mmy site
    something like that. Can I take part oof your post to my blog?|Of course,
    what a great ste and informative posts, I will add backlink – bookmark this site?
    Regards, Reader.|In searching foor sites related to web hostiing and specifically comparison hosting linux plan web, your site came up.|You are a very smart person!|Nice post!

    GA is aoso my biggest earning. However, it’s not a much.|thanks !!
    vedry helpful post!|amazing stuff thanx |my God, i thought you were going to chip in with some decisive insghyt
    at the end there, not leave it with ‘we leave it
    to you to decide’.|What is captcha code?, pls provide me casptcha code codes
    or plugin, Thanks in advance.|That’s Too nice, when it
    comes in india hope it ccan make a Rocking
    plache for youngster.. hope that come true.|Wow! what an idea !
    What a concept ! Beautiful .. Amazing …|I usually don’t post in Blogs but your
    blog forced me to, ammazing work.. beautiful …|Please, can you PM me
    and telkl me few more thinks abiut this, I am really fan of your blog…|Hey very
    nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take
    the feeds also…|Hi, I can’t understand how to add your sitre in my rss reader.
    Can you Help me, please |It sounds like you’re creating problems yourself by trying to solve this issue instead of looking at
    why their is a problem in the first place|I keep listening to the news speak about getting free online grant applicatiohs so I have been looking around for the
    best site to get one.|Thank you for your help!|There is obviously a lot
    to know about this. I think you made some good poits in Features also.|Keep
    working ,great job!|Super-Duper site! I am loving it!!
    Will come back again – taking you feeds also, Thanks.|Hello.
    Great job. I did not expect this oon a Wednesday. This is a great story.
    Thanks!|You made some good points there. I did a search on the topic andd found
    most peeople will agree with your blog.|As a Newbie,
    I am always searching online for articles that can help me.
    Thank you|Wow! Thank you! I always wanted
    too write in my site something like that. Can I tazke part of your
    post too my blog?|Of course, what a great
    site and informative posts, I will add backlink – bookmark thhis site?
    Regards, Reader.|In searching for sites relate to webb hosting and specifically comparison hosting linux plan web, your site came up.
    |You aree a very smart person! |Hi there, I fouynd your bloog via Google while searching for first aid for a heart attack and your post looks
    very interesting for me.|Nice post! GA is also my biggest earning.

    However, it’s not a much.|To start earning money with
    your blog, initially use Google Adsense but gradually as your traffic increases, keep dding more and more money masking programs to your site.|thanks !!very helpful post!|I don’t usually reply
    to posts but I will in this case. |my God, i thought you were going to chip in with some decisive insght
    at thee end there, not leave it withh ‘we leave it to you to decide’.|What is
    captcha code?, pls provide me captcha code codes oor plugin, Thanks in advance.|That’s Too nice, when it
    comes in iindia hope it can make a Rocking place for youngster..hope tht come true.|Wow!
    what an idea ! What a concept ! Beautiiful .. Amazing … |I usually don’t post in Blogs buut your blog
    foeced me to, amazing work.. beautiful …|Please, can you PM me and tell me few more thinks about this, I am
    really fan of your blog…gets solved properly asap.|Hey very ice blog!!
    Man .. Beautiful .. Amazing .. I will bookmwrk your blog and take
    thee feeds also…|Hi, I can’t understand how to add your site
    in my rss reader. Can you Helpp me, please |It soundds like you’re creating problems
    yourself by trying to solpve this issue instead of looking at why their is
    a problem inn the first place.|thanks !!
    very helpful post!|amazing stuff thanx |Such a usefule blog…wow
    !!!!|Your blog is so informative … keep up the good work!!!!|I
    don’t usually reply to posts but I will in this
    case. WoW |Hey very nice blog!!|good good…this post deserves nothing …hahaha
    just joking 😛 …nicepost :P|ohhh nice info|VRy ingeresting too read it
    😛 |ohh…nice post but really?/? :P|Come
    on dude, these facts* and proof* i mean who is posting* lol :
    P|haha … the one who is posting thhe comments |Hello webmaster I like your post ….|yea nice Work
    |:O So mush Info :O … THis Is he MOst AMAzung
    SIte DUDe… |Blogroll links aint that great :
    P but i am not tthe admin… 😛 … Juust Telling 😛
    |Hi there I like your post|Interesting article.
    Were did you goot aall the information from… |Great articles
    & Nice a site….|Hello, I found your blog iin a new directory of blogs.
    I dont know how your blog came up, must have been a typo, Your
    blog looks good. Have a nixe day.|gr8 resrch bro…|found your site on del.icio.us today and
    really liked it.. i bookmarked it aand will be
    back to check it out some more later ..|I wish getting over a broken heart can be so easy
    as following a few steps.. but its not… |Hi.

    I read a few of your other posts and wanted to know if you would bbe interested in exchanging blogroll links?|Hello to all I can’t understand how to
    add your site in my rss reader. Helpp me, please|Wow, thanks a unch m8
    |Pretty! This was a really wonderful post. Thank you for your
    provided information.|Greetings! Veery helpful advice on this article!

    It is the littloe cchanges that make the biggest changes.
    Thanks a lot for sharing!|Hi there! This post couldn’t be written any better!

    Reading through this post reminds me of my previous room
    mate! He always kept talkjing about this. I wjll forward
    this article to him. Pretty sure hee will have a gopod
    read. Thank you for sharing!|Hi, I think your site might be having brrowser compatibility issues.

    When I look at your website in Safari, iit 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, fantastic blog!|Having read this I thought it was very informative.
    I appreciat yoou taking the time and effort to put this article
    together. I once again find myself spending way to much time both reading and commenting.
    But so what, it was still worth it!|After
    all, what a great site and informative posts, I will upload inbouynd link – bookmark this web site?
    Regards, Reader.|Hello! I could have sworn I’ve been to this blog before but after
    browsing through some of the post I realized it’s new to me.
    Anyways, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!|I’d have to examine
    with you here. Which is not one thing I usually do!
    I take pleasure in reading a post that may make folks think.
    Additionally, thanks for permitting me to comment!|I wanted to thank you
    for this great read!! I definiteely enjoying every little bit of it I have
    you bookmarked to check out nnew stuff you post…|Hi , I doo believe this is an excellent blog.
    I stumbled upon it onn Yahoo , i will come back once again. Money and freedom
    is the best way to change, may yyou bbe rich andd help
    otheer people.|This blog is definitely rather handy since I’m
    at the moment creating an internet floraql website – although I am
    only starting out therefore it’s really fairly small, nothing like
    this site. Can link to a few of the posts here as they are quite.

    Thanks much. Zoey Olsen|Than for the effort, keep up the good work Great
    work, I am going to start a small Blog Engine course work using your
    site I hope you enjoy blogging with the popular BlogEngine.net.Thethoughts you express are really awesome.
    Hope you will right somee more posts.|Yoour style is so unique compared to many other people.
    Thank you for publishing when you have the opportunity,Guss
    I will just make this bookmarked.2|Those are yourfs alright!
    . We at least need to geet tese people stealing images to start blogging!
    They probably just did a image search and grabbed them.
    They look good though!|I got good info from your blog|Great liine up.
    We will be linking to this great article on our site.
    Keep up the gooid writing.|This iss a very good tips especially
    to those new to blogosphere, brief and accurate information… Thanks
    for sharing this one. A must reead article.|I couldn’t
    resist commenting |Save as a favorite, I really like your blog!|Great post.
    I am facing a couple of thhese problems.|Way cool, some valid points!

    I appreciate you making this article available, the
    rest of thee site is also high quality. Have a fun.|Great wordpress blog
    here.. It’s hard too find quality writing like yours these days.
    I really appreciate people like you! take care|This is
    a topic close to my heart cheers, where are your contact details though?|I love your blog..
    vedy nife colors & theme. Did you create this website yourself?
    Plz reply back as I’m looking to create my own blog and would like to know wheere u got this
    from. thanks|Hi, just required you to know I he added your sitee to my Google bookmarks due to your
    layout. But seriously, I believe your iinternet site has
    1 in the freshest theme I??ve came across.

    It extremely helps make reading your blog significantly easier.|I love it when people clme together and share opinions, great blog, keep it up.|Good info.
    Luccky me I reach on your website by accident, I bookmarked it.|he blog was how
    do i say it… relevant, finally something that helped me.

    Thanks|Everything is very open and very clear explanation of issues.

    was truly information. Your website iss very
    useful. Thanks for sharing.|I would like to thnhkx for
    tthe efforts you have put in writing thi blog. I aam hoping the same high-grade blog post
    from you in the upcoming as well. In fact your creative writing abilities has inspired me tto get
    myy own blog now. Really the blogging is spreading its wings quickly.
    Your write up is a good example of it.

  44. Hello! I know this is kind of off topic but I was wondering if
    you knew where I could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having problems finding one?
    Thanks a lot!

    Take a look at my site … wedding process; owchtube.com,

  45. Thank you for your site post. Thomas and I are already saving to buy a new
    e-book on this issue and your short article has made people like us
    to save our own money. Your notions really responded to all
    our problems. In fact, over what we had thought of in advance of the time we
    discovered your excellent blog. My partner and i no longer nurture doubts
    as well as a troubled mind because you have attended to
    all of our needs in this article. Thanks

    Feel free to visit my website wedding jacket

  47. Hmm is anyone else encountering problems with the pictures on this blog loading?
    I’m trying how to sell small business – everything you need to know
    about selling a small business (wafel.pl) determine if its a problem on my end or if it’s the blog.
    Any feedback would be greatly appreciated.

  49. I know this web site presents quality based posts and extra information, is there any other web site which presents these data in quality?

Leave a Reply