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. It is appropriate time to make some plans for the longer term and it’s time to be happy.
    I have learn this put up and if I may I desire to counsel you some
    interesting issues or suggestions. Maybe you could write subsequent articles
    referring to this article. I wish to learn even more things approximately it!

    Review my web-site; military print

  3. I am curious to find out what blog system you happen to
    be utilizing? I’m experiencing some small security problems with my latest website and I
    would like to find something more safe. Do you have
    any recommendations?

  4. If some one desires to be updated with hottest technologies after that he must be pay a
    visit this site and be up to date everyday.

    Here is my weblog garcinia cambogia applied nutrition;
    Joe,

  5. Hi there! I could have sworn I’ve visited this blog before but after browsing through some of
    the articles I realized it’s new to me. Anyways, I’m certainly pleased
    I came across it and I’ll be book-marking it and checking back frequently!

  6. Hi there, I found your blog via Google at Find the Right Co-Packer same time as searching for a similar topic, your
    web site got here up, it seems great. I’ve bookmarked it in my google bookmarks.

    Hi there, simply became aware of your weblog through Google,
    and found that it is really informative. I am going to watch
    out for brussels. I will appreciate if you happen to continue this in future.
    Numerous people will probably be benefited out of your writing.
    Cheers!

  9. Hello just wanted to give you a quick heads up and let you know a few of the images aren’t loading correctly.

    I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both
    show the same results.

    my blog RMUTT Thailand

  11. Please let me know if you’re looking for a article writer for your
    weblog. You have some really great posts and I think I would be a good asset.
    If you ever want to take some of the load off, I’d love to write
    some content for your blog in exchange for a link back to mine.
    Please shoot me an email if interested. Regards!

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

    Visit my blog post … sri lanka

  14. こんにちは。いきなりのコメントですいません。からだのあちこちの黒ずみってツライですよね、マジで。わたしもだいぶしんどかったですが、あの美白クリーム買ってから良さげになりましたよ。

  16. If you use forex charts and simply follow price action, you are far
    more likely to be successful than you would be by following news stories.

    When I finally gave up watching the news it was like I had tried to give
    up drugs. Untappd is one of the beer apps which offers location-based search options for finding beer.

  18. There are many different fields of engineering, and students may choose
    one of those fields to specialize in at the associate degree level.
    When they figure it out, how about adding some classic jeans, cozy sweaters, and lingerie in smaller sizes.
    Human Services – Students majoring in human services are
    preparing for a career in helping out those in need.
    Article Source: here for another article on Cheap Junior Clothing and visit
    this link for an interesting article on Cheap Maternity Wear.

    You can have inspiration belonging to the Narnia white witch character, or possibly from the Alice
    in Wonderland white wizard character. Music – Music majors study an instrument
    in depth, music theory, and can learn more about the music business.
    s little or no time to get the mission accomplished.

    Feel free to surf to my page … junior dress at nordstroms

  20. Everything published made a ton of sense. However, what about this?
    what if you were to create a killer headline? I am not saying
    your information is not good., however suppose you added a title that makes people desire more?
    I mean How to Add a Facebook Like Button or
    Like Box | Donald Sinatra is kinda plain. You should look at Yahoo’s front page and
    see how they create post titles to get viewers to click.
    You might add a related video or a pic or two to grab people interested
    about everything’ve got to say. In my opinion, it would
    bring your posts a little bit more interesting.

    Feel free to visit my page: key

  23. Hello my family member! I wish to say that this post is awesome, nice written and include almost all
    vital infos. I’d like to see more posts like this
    .

  24. I’ve been surfing online more than 2 hours
    today, yet I ever found any interesting article like
    yours. It is pretty worth enough for me. In my opinion, if all site owners and bloggers made good content as you did, the
    web will be much moree useful than ever before.|
    I couldn’t resist commenting. Percectly written!|
    I will right away seize your rss feed as I can not find your e-mail subscription link
    or newsletter service. Do you’ve any? Kindly permit me understand in order thnat I
    may subscribe. Thanks.|
    It is perfect time to make some plans for the future and
    itt is time to be happy. I have read this ost and if I could I want
    to suggest you some interesting things or tips. Perhapls
    you can write next articles referringg to this article.
    I want to read even more things about it!|
    It’s perfect time to make some plans for the future and
    it is time to be happy. I have learn this put up and iff I could I desire
    to recommend youu few attention-grabbing issues oor advice.

    Perhaps you can wriye next articles relating to thius article.
    I wish to leaqrn more issues about it!|
    I’ve been browing online more than 3 hours lately,
    yet I never discovered any attention-grabbing article like yours.
    It’s beautiful value enough foor me. In my opinion, if all site owners and
    bloggers made excellent content as you did, the web will probably be a lot more helpful than ever
    before.|
    Ahaa, its good discussion on the topic of this
    article at this place at this blog, I have read alll that,
    so now me also commenting here.|
    I am ure this article hhas touched aall the internet people,
    its really really nice article on bulding up neew blog.|
    Wow, this piece off writing is pleasant, my sister is analyzing such things, therefore I am going to inform her.|
    bookmarked!!, I really like your site!|
    Way cool! Some very valid points! I appreciate you writing this post aand also the
    rest of the website is reqlly good.|
    Hi, I do believe this is a great site. I stumbledupon it ;
    ) I may come back yet again since I saved as a favorite it.
    Money annd freedom is the greatest way to change, may you
    be rich and continue to help others.|
    Woah! I’m really lovin the template/theme of this blog.
    It’s simple, yett effective. A lot of times it’s difficult to get that “perfect balance” between usability
    and visual appearance. I mmust say you’ve
    done a ggreat job with this. Also, thee blog loads super fast for me oon Firefox.
    Exceprional Blog!|
    These are genuinely great ideas in on the topic off blogging.
    You have touched some good things here. Any way keep up wrinting.|
    Everyone loves what you guys tend to be up too. Thiss kind of
    clever woek andd reporting! Keep up tthe great works guys I’ve included you guys to our blogroll.|
    Howdy! Someone in my Facebook group shared this site with us so I came to give it a look.

    I’m definitely loving the information. I’m bookmarking
    and will be tweeing thiss to my followers! Great blog and amazing design.|
    I love what you guys are usually up too. Such clever work and reporting!

    Keep up the excellent works guys I’ve added you guys to blogroll.|
    Heolo would you mind stating whch blog platform you’re working with?
    I’m planning to start myy own blolg in the near future but I’m having a toug time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems
    different then most blogs and I’m looking for something completely unique.
    P.S Apologies for being off-topic but I had to ask!|
    Hi would you mind letting me know which hosting company you’re working with?
    I’ve loaded your blog in 3 different web browsers aand I must say this
    blog loads a loot quicker then most. Can youu recommend a good
    web hosting provider at a honest price? Thank you, I appreciate it!|
    I like it whenever people come together and share
    opinions. Great site, continue the good work!|
    Thank you for the auspicious writeup. It in fact waas a amuseement account it.
    Look advanced to far added agreeable from you! By the way, how
    could we communicate?|
    Hey there just wanted to give you a quick heads up.
    The words in your post seem to bee running off the screen in Ie.
    I’m not sure iff this is a forma issue or something to do with web browser compatibility but
    I thought I’d post to let you know. The style
    and design look great though! Hope you get the issue resolved soon. Kudos|
    This is a topic which is close to my heart… Cheers! Exactly where are yyour contact details though?|
    It’s very effortless too find ouut any topic oon net as compared to books,
    as I folund this article at this website.|
    Does your site have a contact page? I’m having problems locating it but, I’d like to shoot you
    an e-mail. I’ve got some suggestions for your blog
    you migt be interested in hearing. Either way,
    great site and I look forward to seeing it deveelop over time.|
    Hello! I’ve been following your wweb site for a long time now annd finally got the bravery too go ahea
    and give you a shout out from Kingwood Texas!
    Just wanted to mention keep up thee great work!|
    Greetings from Carolina! I’m bored to death at work so
    I decided to browse your site on my iphone during lumch break.
    I love the info you present here and can’t wait to take a look when I get home.
    I’m shocked at hhow fast your blog loaded on my cell phone ..
    I’m not even using WIFI, juxt 3G .. Anyhow, superb site!|
    Its such as you learn my mind! You seem to understand so much about this, such
    as you wrote the e book in it or something. I believe that you can do with a feww p.c.

    to power the message house a bit, however other than that,
    this iss wonderful blog. A great read. I’ll definitely be back.|
    I visited multiple websites however the audio featre for audio songs
    present at this site is truly excellent.|
    Hi, i read your blog from time tto time and i own a similar one and i was just curious iff
    you get a lot of spam feedback? If so how do you prevent it,
    anyy plugin or anythimg you can advise? I get so much lately it’s driving me mad so
    any support is very much appreciated.|
    Greetings! Very helpful advice within this post! It’s the little changes that make the largest changes.
    Many thanks forr sharing!|
    I seriously love your blog.. Pleaswnt collors & theme.
    Didd you create this site yourself? Please reply back as I’m hoping
    too creawte my own website and would like to know where you got this from or exactly wha the theme iis named.
    Kudos!|
    Hello there! This post could not be written any better!
    Reading through this article reminds me of my previous roommate!
    He continually kept prfeaching about this. I most certainly will send this post to him.
    Fairlyy certain he will have a great read. Many
    thanks for sharing!|
    Incredible! This blog looks just like my old one!
    It’s on a ttally dfferent subjedct but it has pretty much
    the same layout and design. Superb choice of colors!|
    There’s certainly a lot to know about this subject. I love alll the points you have made.|
    You have made some really good points there. I looked on the internet to
    find out more about the issue and found most peple will go along with yourr views on this
    website.|
    Hello, I log on to your blog daily. Your writing
    sstyle is awesome, keep doinmg what you’re doing!|
    I just couldn’t depart yoour site prior to suggesting that I really ejjoyed the
    standard info an individual provide for your guests?

    Is going to be back regularly to check out new posts|
    I wanted to thank yyou for this wonderful read!! I certainly enjoyed every bit
    of it. I’ve goot you book marked to look aat neew
    things you post…|
    Hi there, just wanted to say, I loved this article.
    It was inspiring. Keep on posting!|
    Hi there, I enjoy reading all of your article. I wanted to
    write a little comment to support you.|
    I every time spent myy half an hour tto read this weblog’s articles or reviews everyday along with a
    mug of coffee.|
    I every time emailed this weblog post page to all myy contacts, as if like too
    read iit afterward mmy contacts will too.|
    My developer is trying to persuade mee to move to .net from PHP.

    I hav alwys dislike tthe idea because of thhe costs.

    But he’s tryiong none the less. I’ve been using Movable-type
    on several websites for about a year and am concerned about
    switching to another platform. I have heard excellent things about
    blogengine.net. Is there a way I can import all my wordpress content
    into it? Any hekp would be greatly appreciated!|
    Good day! I could have sworn I’ve been to this websie bedfore
    but after going through a few of the posts I realized it’s new to me.

    Regardless, I’m definitely pleased I discovered it and I’ll be book-marking it and checking back frequently!|
    Terrific work! This is the kind of information that should be
    shared across the internet. Shame on Google for not positioning this put up
    upper! Come on over and discues with my site . Thank you =)|
    Heya i’m for the first time here. I ound this board and I find It really useful & it
    helped mme out a lot. I hope to give something back and help otbers like you aided me.|
    Hello, I do think your blog could be having internet browser
    compatibility issues. When I look at your web site in Safari, it looks fine however, whsn opening in IE, it’s got soje overlapping issues.
    I merely wanted tto give yyou a quick heads up!
    Other than that, excellent site!|
    A person essentially hel to make critically posts I might state.
    That is the fkrst time I frequented your web page and up to now?
    I surprised with the analysis you maade to make this actual put
    up extraordinary. Excellet task!|
    Heya i am for the primary tume here. I came across this board and I to find It
    really helpful & it helped me out much. I’m hoping to give something back and help others like you aided me.|
    Hey there! I just want to offer you a big thumbs
    up for your great info you have got right here
    on thiss post. I’ll be coming back to yojr blog for more soon.|
    I all the time used to study post in news pazpers but now as I am a user of net so
    from now I amm using net foor articles, thanks to web.|
    Your method of dscribing all in this paragraph is
    actually nice, every one be capable of without difficulty know it, Thanks
    a lot.|
    Hi there, I found your site via Google even as searching for a similar topic, youjr site got here up, it appears to be like good.
    I’ve bookmarked it in my google bookmarks.
    Helllo there, somply became alert to your weblog thru Google, and found that it is really
    informative. I’m gonna watch out for brussels. I will appreciate if you continue this inn future.
    Lots off people can bbe beefited from your writing. Cheers!|
    I amm cuious too find out what blog platform you have been working with?
    I’m experiencing some small security issues with my latest website and I’d likje to
    fiind something more safeguarded. Do you have anny recommendations?|
    I’m extremely impressed with your writing skills as well as
    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 is
    rare to see a great blog like this one these days.|
    I am extremely impressed together with your writing talents as smartly as with
    the structure to your weblog. Is that this a
    paid topic or diid you customize itt yourself?
    Anyway stay up the nice high quality writing, it’s uncommon to
    see a nice weblog like this one today..|
    Hello, Neat post. There’s an issue together with your web site in internet
    explorer, may check this? IE nonetheless is the market chief
    and a huge component to other folks will omit your wonderful writing due to
    this problem.|
    I’m not sure where you’re getting your information, but great topic.
    I needs to spend some time learning more or understanding more.

    Thanks for fantastic information I was looking for this information for
    my mission.|
    Hi, i think that i saw you visited my web site thus i came to “return the favor”.I’m attempting to finnd things to improve myy website!I suppose its ok to use some of
    your\

  26. Its like you read my mind! You appear to know a lot about this, like
    you wrote the book in it or something. I think that you could do with some pics to drive the message home a bit,
    but instead of that, this is fantastic blog. A great read.
    I will definitely be back.

  27. Hello I am so glad I found your blog page, I really found you
    by mistake, while I was looking on Askjeeve for something else, Anyways I am here now
    and would just like to say thanks for a incredible post and
    a all round exciting blog (I also love the theme/design), I don’t
    have time to read through it all at the moment
    but I have saved it and also added your RSS feeds, so when I have time I will be back to
    read much more, Please do keep up the superb b.

  28. You are so awesome! I do not believe I have read through a single ting
    like this before. So nice to find somebody with a few original thoughts on this subject.
    Really.. thanks for starting this up. This web site is one thing that is required on the web,
    someone witfh some originality!

    my web site; John Lennon

  30. デコボコニキビ肌に悩まされていませんか？

    「化粧で隠さないと生きていけない、ニキビ跡が酷すぎてマスクがかかせない」
    「そのままで外に出れない」
    「毎日ミラーで自分の顔を見る度に死にたくなる」
    「そんな自分の顔を見るのが不快なのについつい気になって鏡を見てしまう」

    本当に酷いにきび痕に貴方の為に開発されたのがこのアクレケアです。
    使用方法は簡単で洗顔後クレーター肌が気になる部分につけるだけ。
    月下香抽出液が潤いベールで包んで肌の表層をタマゴ肌にしてくれます。

    この薬用アクレケアを使う事で肌の劣弱意識から解放されて、本当の明るい自分を取り戻しましょう。

    アクレケアに含まれている成分をご紹介します。
    月下香抽出エキスの保湿力はヒアルロン酸の10倍
    南米で取れるカムカムはビタミンCの含有量が世界一
    注目の新美肌成分である卵殻膜は赤ちゃんの肌に多く含まれる3型コラーゲンに関係する成分

    この素晴らしい素材が豊潤に入ったアクレケアであなたもスムーズを手に入れませんか？

  31. hey there and thank you for your information – I have definitely picked up something new from right here.
    I did however expertise a few technical points using this web site, since I experienced to reload the website lots of times previous to I could get it to load properly.

    I had been wondering if your web host is OK? Not that I’m complaining, but slow loading instances times will sometimes affect your placement in google and could damage
    your quality score if advertising and marketing with Adwords.
    Anyway I’m adding this RSS to my e-mail and could look out for a lot more of your respective exciting content.
    Make sure you update this again soon.

  36. I must thank you for the efforts you’ve put in writing this website.
    I really hope to check out the same high-grade blog posts from you later on as well.

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

    my web-site – Servo Motor

  38. First of all I would like to say fantastic blog! I had a quick question that I’d like Tips to make Belonging During Move
    ask if you do not mind. I was curious to find out how you
    center yourself and clear your mind before writing.

    I have had difficulty clearing my thoughts in getting my
    thoughts out there. I truly do enjoy writing
    however it just seems like the first 10 to 15 minutes are wasted
    simply just trying to figure out how to begin.
    Any recommendations or hints? Kudos!

  43. I must thank you for the efforts you’ve put in penning
    this website. I’m hoping to see the same high-grade content by you in the future
    as well. In truth, your creative writing abilities has motivated me to
    get my own site now 😉

  44. It also cuts down on the fuel consumed for producing new plastic bags by 20-40%.
    It really isn’t that hard to find one if you know the pain you are
    looking for. A white handbag can compliment a fancy
    dress in numerous ways so go and acquire your
    white handbags from the closet and bring it out and into the sunshine.

    my site: prada bags outlet

  45. Thanks a lot for sharing this with all of us you really
    know what you are speaking approximately! Bookmarked.

    Please additionally discuss with my web site =).

    We may have a hyperlink change contract between us

    Look at my weblog; watches

  47. Does your site have a contact page? I’m having trouble locating it but, I’d like to send you an email.
    I’ve got some creative ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it develop over time.

  49. In these circumstances, you’ll pay for all of
    your palms up front: in the event you play a ten-hand machine for 5 credit per hand, for example, you will be on the hook for 50 credit at the beginning of every hand.

Leave a Reply