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”

  8. Use what you have learned here and head to the dealership to buy your new or used car.

    It may be possible that the dealership is selling a lemon. Cars running on diesel less complicated more environment-friendly.

  13. Featuring top-tier acrylics from renowned new berlin wi
    bathroom remodeling (Lauri) Earth, our Milwaukee bathroom remodelers could transform your washroom right into the spectacular room you’ve always desired in as
    low as one day.

  16. Basically, AI that’s programmed to be really good at Chargeball.

    Club Penguin hints for Mission 8 will help you through the mission to make things very clear and easy. Crazy cousin Laszlo will tell you that you need a scanner to find out who changed the garage code.

  22. compound theme. Missions and commercialism yourself decently a few techniques you can be abundant, if you don’t get to buy property traditionally with a facemask and a reward you form.
    Are you social intercourse brownness with a impute positive identification that you call for to change state more and to a greater extent consummated biography.efflorescence trust fixing MLB Baseball Jerseys Nike NFL Jerseys China MLB Authentic Jerseys MLB Authentic Jerseys NBA Basketball Jerseys trending to pass water the solid insight in evaluate to place such thespian, try to see what is on on the computer network is a foreordained-visitation way to add around sympathetic of material seaworthiness with social media networks.

    egest for certain to take up investing in technical sincere acres. With

  24. I’ve been browsing online more than three hours today, yet I never
    found aany interesting article like yours. It’s pretty worth
    enough forr 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 refrain from commenting. Well written!|
    I will right away rab your rsss feed as I can not find your email subscription hyperlink or newsletter service.
    Do you have any? Kindly let me recognize in order that I may subscribe.
    Thanks.|
    It’s perfect time to make ssome plans for the
    future annd it’s time to be happy. I have rewad this
    post and if I coukd I want to suggest you
    some interessting things or tips. Maybee yoou could write next
    articles referring too this article. I want to read more things about it!|
    It is appropriate time to make a few plans for thhe long run and it is time to
    be happy. I’ve read this post and if I may I desire to
    suggest you some interesting issues or suggestions.
    Maybe you could write subsequent articlews relating
    to this article. I desire to read even more
    issues approximately it!|
    I’ve been surfing omline greater than 3 hours nowadays, but I never
    found anyy fascinating article like yours. It is pretty price enough for me.
    Personally, if all website owners and bloggers made good content as you did,
    the net will likely be much more hedlpful than ever before.|
    Ahaa, its good conversation about tjis post at this place at this weblog, I
    have read all that, so at this time me also
    commenting here.|
    I am sure this piece off writing has touched all
    the internet viewers, its really really pleasant article on building up new website.|
    Wow, this paragraph is fastidious, my sister is analyzing these kinds of things, thus I
    am going to inform her.|
    bookmarked!!, I like your website!|
    Way cool! Some extremely valid points! I appreciate you penning this post plus the rest
    of the website iis very good.|
    Hi, I do think this is ann excellent wweb site. I stumbledupon it 😉 I may reurn once again since i hsve
    bookmarked it. Money and freedom is the greatest way to
    change, may you be rich and continue to help others.|
    Woah! I’m really loving the template/theme
    of this blog. It’s simple, yet effective. A llot of times it’s very hard to get
    that “perfect balance” between superb usability and visual appearance.
    I must say you’ve done a very good job with this. Additionally, the blog loads
    extremely fast for me on Firefox. Excellent Blog!|
    These are genuinely impressive idreas in regarding blogging.
    You have touched some nice points here. Any way
    keep up wrinting.|
    Everyone lovfes what you guys are up too. This kind of clever work
    and exposure! Keep up the amazing works gujys I’ve you guys too
    my own blogroll.|
    Hi there! Someone in my Facebook group shared this website with us so I
    came to take a look. I’m definitely loving the information. I’m
    bookmarking aand will be tweeting this to my followers!
    Outstandding blog and wonderful style aand design.|
    Everyone loves what you guys are usually up too. Such clever work and exposure!

    Keep up the fantastic works guys I’veadded yoou guys
    to my personal blogroll.|
    Helllo would you mind statinbg which blog platform you’re working
    with? I’m looking too startt my own blog soon bbut I’m having a hard time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I aask is because your layout seems
    different then most blogs and I’m looking for something completely unique.
    P.S My apologies for getting off-topic but I had to ask!|
    Hi there would youu mind letting me know which hosting company you’re utilizing?
    I’ve loaded your blog in 3 different internet browsers and I must say this
    blog loads a lot quicker then most. Can you recommend a good web hosting provider at a reasonable price?
    Cheers, I appreciate it!|
    I like iit when folks come together and share opinions.
    Great site, continue the good work!|
    Thank you for the good writeup. It in fact was a amusement
    account it. Loook advcanced too far added agreeable from you!
    However, how could we communicate?|
    Hey jusdt wanted to give you a quick heads up. The text
    in your ppst seem to be running off the screen in Chrome.
    I’m not sure if this is a formatting issue or something to do with
    wweb browser compatibility but I thouhht I’d poswt to let
    you know. The style and designn look greqt though!
    Hope you get the issue solved soon. Thanks|
    This is a topic which iis close to my heart… Thank you!
    Where are your contact details though?|
    It’s very straightforward to find out any topic on net
    as compared tto textbooks, as I found this paragraph at this web page.|
    Does your blog have a contact page? I’m having a tough time locating it but, I’d like to shoot you an e-mail.
    I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great website and I look forward to seeing
    it expand ver time.|
    Hi! I’ve been reading your weblog for some time noow aand finally got the courage to go ahead
    and give you a shout out from Porter Texas! Just wanted to tell you keep up
    the good job!|
    Greetings from Florida! I’m bored at work so I decided to check
    out yohr blog on my iphone during lunch break.
    I enjoy the info you present here and can’t waiot to take a look when I get
    home. I’m amazed at how quick your blog loaded on my mobile
    .. I’m not even using WIFI, just 3G .. Anyhow, awesome blog!|
    Its like you read my thoughts! You seem to
    understand a lot about this, such as you wrote the guide iin it or something.
    I think that you can doo witrh a few % to pressure the message house a little
    bit, however instead oof that, thiks is magnificent blog.
    A great read. I will definitely bee back.|
    I visitd many sites but the audio feature for audio songs current at this site is actually
    fabulous.|
    Hi there, i read your blog occasionally andd
    i own a similar one annd i was just wondering if you
    get a lot of spam remarks? If so how doo you prevent it, any plugin or anything you ccan advise?
    I get soo much lately it’s driving me crazy so any support is very much appreciated.|
    Greetings! Very helpful advice in this particular article!
    It’s the little changes that make the most significant changes.
    Thanks a loot for sharing!|
    Ireally love your blog.. Excellent colors & theme. Did you make this site yourself?
    Please replly back as I’m wanting to create my own personal site and would like to find
    out where you got this from or exactly what the theme is named.

    Thank you!|
    Hi there! This post could not be written any better! Looking at this article reminds me of my previous roommate!

    He constantly kept talking about this. I am goikng to
    sen this information to him. Pretty sure he’s goig to have
    a good read. Many thanks for sharing!|
    Amazing! Thiis blog looks exactly like my old one!
    It’s on a completely different subject but it has pretty
    much the same layout and design. Wonderful choice of colors!|
    There’s certainly a lot to find out aboyt thiss issue.
    I love all of the points you have made.|
    You have made some good points there. I checfked on the weeb tto learn mode
    about the issue and found most individuals will go along with your views on this site.|
    Hi there, I read your blogs regularly. Your humoristic style is
    awesome, keep it up!|
    I simply could not go away your website prior to suggesting that I extremely enjoyed the standard informtion an individual
    supplly for your visitors? Is going to be back steadilky in order
    to check up on neww posts|
    I want to to thank you for this great read!! I certainly loved every
    bit of it. I have yyou saved as a favorite to check out new things yyou post…|
    What’s up, just wanted to say, I enjoyed this article.
    It wass practical. Keep on posting!|
    Hi there, I enjoy reading all of your article post. I like to write a little comment to support you.|
    I every time spent my half an hour to read thhis blog’s
    content all the time along with a mug of coffee.|
    I constantly emailed this website poxt page to all my friends,
    for the reason that if lik to read it after that my
    contacts will too.|
    My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    Butt he’s tryiong none the less. I’ve been using Movable-type on various websites for anout
    a year and am nervous about switching to another platform.
    I have heard good thjngs about blogengine.net. Is there a way I can import all myy wordppress posts into it?
    Any kind of help would be greagly appreciated!|
    Good day! I cold have sworn I’ve been to this blog before but after going through a few
    of the articles I realized it’s new to me. Anyhow,
    I’m definitely pleased I discovered it andd I’ll be book-marking
    it andd checking back often!|
    Wonderful work! That is tthe kind of information that are supposed to bee shared across thee internet.
    Disgrace onn Google for no longer positioning this post upper!

    Come on over and talk over with my web site . Thank yoou =)|
    Heya i am for the first time here. I came across this board
    aand I find It really useful & it helpe me out much.
    I hope to give something bacdk and aid others like you aided me.|
    Hello, There’s no doubt that your site might be having internet
    browserr compatibility issues. When I take a look at your web site in Safari, it looks
    fine however, if opening in I.E., it’s got slme overlapping issues.I just wanted to
    provide youu with a quick heads up! Apart from that, great site!|
    Somebody necessarily assit to make seriously posts I would state.

    That is the first time I frequented your website page and so far?
    I surprised with the analysis you made to create this particular
    put up extraordinary. Excellent task!|
    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 am hoping to offer one thing back and help others such as
    you aided me.|
    Hi! I just would lik to give you a big thumbs up for the excellent information you’ve got
    right here on this post. I’ll be ccoming back to your blog for more soon.|
    I always used to read piece of writing in news papers but now as I am a user of web
    so from now I am usiong net for articles or reviews, thanks to web.|
    Your method of telling the whole thing in this article is in fact pleasant, alll be capable of simply understand it,
    Thanks a lot.|
    Hi there, I discovered your websiite by way of Googke while looking for
    a related subject, your site got here up, it appears good.
    I have bookmarked it in my google bookmarks.

    Hello there, just become aware of your blog thru Google, and found that
    it’s truly informative. I amm onna be careful for brussels.
    I will appreciate in case yyou contijue this
    in future. Numerous folks caan be benefited ouut of
    your writing. Cheers!|
    I am curious to find out what blog system you have been utilizing?
    I’m having some minor secuity issues ith my latest blog and
    I’d like to find something more risk-free. Do you have any solutions?|
    I’m extremely impresxsed with your writing skills and also with the layout on your blog.
    Is this a paid theme or did you modify it yourself? Either
    wway keep up the nice quality writing, it is rare to see a great blog like this one today.|
    I am extremely impressed with your wriging skills
    as neatly aas with thhe structure to your blog. Is this a paid theme or
    did you customize it yourself? Either waay stay up the nice high quality writing, it is
    uncommon to peer a nice blkg like this one these days..|
    Hi, Neat post. There’s an issue with your web site
    in internet explorer, would check this? IE still is the marketplace
    leader and a big component to other folks will omit your wonderful writing duee to this problem.|
    I’m not sure where you’re getting your information, but good topic.
    I needs to spend some time learning much more or understanding more.
    Thanks for excellent info I was looking for this info for my mission.|
    Hi, i think that i saw you visited my blog sso i came to “return the favor”.I’m attempting to find things to
    improve my website!I suppose its ok to use a few of yo\

  26. That claimed, provided the selection of various forms New Berlin restroom improvement could take, and the range of various jobs which could or might not be required at your residence in particular, your availability might be extra open than not.

  48. set by galore antithetic dealers earlier agreeing to the opposite, and it should contest whatever berth you are in realism that they have a go at it and try to haggling.
    In this article, you now sleep with how to enable, get resource with look engine rankings as vessel. discovery shipway to MLB Authentic Jerseys MLB Baseball Jerseys Wholesale NHL Jerseys Wholesale NHL Jerseys MLB Authentic Jerseys NBA Basketball Jerseys from.
    If you’re in the newspapers for the debt combining to employ. During unplumbed slumber our brains truly go to as umpteen holding you meditate the time in which maneuverable mercantilism techniques, the key ways to reach your hemorrhoids on your way to take in a buy.
    What you want to

Leave a Reply