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”

  3. Just want to say your article is as astounding.
    The clarity for your submit is simply excellent and that i can suppose you are a professional on this subject.
    Well together with your permission let me to grab
    your feed to stay up to date with forthcoming post. Thank you one
    million and please continue the rewarding work.

    Review my blog post :: herbal remedy

  4. Howdy! I know this is somewhat off topic but
    I was wondering which blog platform are you using filming for oculus rift 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 great if you could point me in the direction of a
    good platform.

  5. Hi there! This is kind of off topic but I need some help from an established blog.

    Is it very difficult to set up your own blog? I’m not very
    techincal but I can figure things out pretty quick. I’m thinking about creating my own but I’m not sure
    where to start. Do you have any tips or suggestions?
    Cheers

    Here is my homepage iversion table

  8. Please let me know if you’re looking for a article author for your blog.
    You have some really great articles and I feel I would be a
    good asset. If you ever want to take some of the load off,
    I’d really like to write some content for your blog in exchange for a link back to mine.

    Please send me an e-mail if interested. Thank you!

    my weblog: keluaran sydney terbaru

  13. On a Streamline re-finance without an evaluation,
    the new funding amount could not exceed the unsettled primary
    balance plus 30 days rate of interest, and as a result could not result in cash back to the
    customer.

    Also visit my web-site fha loans mcallen tx
    (Siobhan)

  16. Sometimes people don’t believe me when I tell
    them about how much
    you can make taking paid surveys online… so I took
    a video of
    myself actually getting paid $500 for paid surveys to finally set
    the record straight.

    [CHECK IT OUT NOW]
    http://paidcashforsurveys.com/

    I’m not going to leave this video up for long, so check it out
    now before I take it down!

    Jason White

  19. I don’t even know the way I stopped up here, but I believed this publish used to be good.
    I don’t recognize who you’re however certainly you’re going to a famous blogger
    if you aren’t already. Cheers!

  20. First Choice must be doing something proper because its
    payday mortgage evaluations are overwhelmingly constructive.

  24. Have you ever consxidered about including a little bit more than just your articles?
    I mean, what yoou say is important and everything.
    But think about if you added some great graphics or videos to give your posts more,
    “pop”! Your content is excellent but with image and video clips, this blog could undeniably be one
    of the very best in its niche. Awesome blog!

  25. Hi! This is my 1st comment here so I just wanted to give
    a quick shout out and say I genuinely enjoy reading through your articles.
    Can you recommend any other blogs/websites/forums that cover the same topics?
    Thank you!

  28. We’re a group of volunteers and opening a new scheme in our community.
    Your web site offered us with valuable info to
    work on. You have done an impressive job and our entire community will be thankful to you.

    My page … auto liker

  29. Hello 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 options for another platform. I would be
    great if you could point me in the direction of a good platform.

    My weblog :: Snoring Cardiff (Kate)

  32. It’s a shame you don’t have a donate button! I’d certainly donate to this
    brilliant blog! I suppose for now i’ll settle for book-marking and
    adding your RSS feed to my Google account. I look forward
    to fresh updates and will talk about this site with my Facebook group.
    Talk soon!

    Feel free to surf to my blog Panera menu prices

  40. Hello, Neat post. There’s an issue along with your site in internet explorer,
    could check this? IE nonetheless is the market leader and a huge part of people will leave
    out your magnificent writing because of this problem.

    Feel free to visit my blog post 360 filming

  41. Excellent goods from you, man. I’ve understand your stuff
    previous to and you’re just extremely magnificent. I really like what you’ve acquired here, really
    like what you are stating and the way in which you say it.
    You make it enjoyable and you still care for to keep it sensible.
    I can’t wait to read far more from you. This is actually a tremendous website.

  43. Hello! This is my first visit to your blog! We are a collection of volunteers and starting a
    new project in a community in the same niche. Your blog provided us valuable
    information to work on. You have done a outstanding job!

    Here is my webpage GoPro 360 rig

  47. Howdy this is kind of of off topic but I was wanting to know if blogs use WYSIWYG
    editors or if you have to manually code with HTML. I’m starting
    a blog soon but have no coding experience so I wanted to get advice from
    someone with experience. Any help would be enormously appreciated!

    my homepage … cat parts dealer

  49. fha loans mcallen tx – Venus, finances are
    not limited to first time property buyers, nor exist maximum earnings limitations or geographic limitations
    related to the program.

  50. I’ve been browsing online more than 3 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for me.
    Personally, if all website owners and bloggers made good
    content as you did, the net will be a lot more useful than ever before.|
    I couldn’t refrain from commenting. Exceptionally well written!|
    I’ll immediately take hold of your rss as I can not find
    your e-mail subscription link or e-newsletter service.
    Do you’ve any? Please allow me know so that I may just subscribe.
    Thanks.|
    It is appropriate time to make some plans for
    the future and it’s time to be happy. I’ve read this post and
    if I could I wish to suggest you some interesting things or suggestions.

    Maybe you can write next articles referring to this article.
    I want to read more things about it!|
    It’s perfect time to make some plans for the longer term
    and it’s time to be happy. I’ve learn this publish and if I may I wish to suggest you some fascinating issues or tips.
    Maybe you could write next articles regarding this article.
    I desire to learn even more things about it!|
    I have been browsing online more than three hours today, yet I by
    no means discovered any fascinating article like yours.
    It is lovely worth enough for me. In my opinion, if all site owners and bloggers made just right
    content as you did, the web shall be much more helpful than ever
    before.|
    Ahaa, its fastidious conversation concerning this article here at this blog, I have read all that, so now me also commenting at this place.|
    I am sure this piece of writing has touched all the internet people,
    its really really pleasant paragraph on building up new website.|
    Wow, this piece of writing is fastidious, my sister
    is analyzing these kinds of things, thus I am going to inform her.|
    bookmarked!!, I love your blog!|
    Way cool! Some extremely valid points! I appreciate you penning this write-up
    and also the rest of the site is really good.|
    Hi, I do believe this is a great website. I stumbledupon it 😉 I will come back yet
    again since I bookmarked it. Money and freedom is the greatest way to change, may you be rich and continue to help others.|
    Woah! I’m really enjoying the template/theme of this website.
    It’s simple, yet effective. A lot of times
    it’s hard to get that “perfect balance” between user friendliness and
    visual appeal. I must say that you’ve done a amazing job with
    this. Additionally, the blog loads very fast for me on Opera.
    Excellent Blog!|
    These are really great ideas in concerning blogging.
    You have touched some good points here. Any
    way keep up wrinting.|
    I love what you guys tend to be up too. This sort of clever work and exposure!
    Keep up the fantastic works guys I’ve included you guys to blogroll.|
    Hey! Someone in my Facebook group shared this site with us so I
    came to check it out. I’m definitely loving the information. I’m book-marking and
    will be tweeting this to my followers! Superb blog and excellent design and style.|
    I love what you guys are usually up too. This type of clever
    work and exposure! Keep up the wonderful works guys I’ve added you guys to my personal blogroll.|
    Howdy would you mind sharing which blog platform you’re using?
    I’m planning to start my own blog soon but I’m having a tough
    time making a decision between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique.
    P.S Apologies for getting off-topic but I had to
    ask!|
    Hi would you mind letting me know which web host you’re using?
    I’ve loaded your blog in 3 different internet browsers and I must say this blog loads a lot faster then most.
    Can you suggest a good internet hosting provider at a honest price?
    Cheers, I appreciate it!|
    I really like it when people get together and share opinions.
    Great website, continue the good work!|
    Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you! However,
    how can we communicate?|
    Hey there just wanted to give you a quick heads up.

    The text in your article seem to be running off the screen in Internet explorer.
    I’m not sure if this is a format issue or something to do with web browser compatibility but I figured 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 that’s near to my heart… Many thanks!
    Exactly where are your contact details though?|
    It’s very easy to find out any matter on net as compared to books,
    as I found this piece of writing at this web site.|
    Does your site have a contact page? I’m having trouble locating it but,
    I’d like to shoot 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 expand over
    time.|
    Hi! I’ve been reading your site for a while now and finally got the bravery to go
    ahead and give you a shout out from Porter Tx! Just wanted to say keep up the good work!|
    Greetings from Ohio! I’m bored to death at work so I decided to browse your blog on my
    iphone during lunch break. I really like the information you present here and can’t wait to take a look when I get home.
    I’m shocked at how quick your blog loaded on my mobile ..
    I’m not even using WIFI, just 3G .. Anyhow, awesome site!|
    Its such as you read my mind! You appear to know so much approximately this,
    like you wrote the ebook in it or something.
    I feel that you just could do with a few % to pressure the message home a bit, however instead of that, this is fantastic blog.
    A great read. I will definitely be back.|
    I visited multiple web pages however the audio quality for audio songs present at this web page is truly wonderful.|
    Hello, i read your blog occasionally and
    i own a similar one and i was just curious if you get a lot of spam remarks?
    If so how do you protect against it, any plugin or anything you can advise?

    I get so much lately it’s driving me insane so any help is
    very much appreciated.|
    Greetings! Very helpful advice within this post!
    It’s the little changes that will make the most significant changes.

    Thanks for sharing!|
    I truly love your website.. Pleasant colors & theme.
    Did you make this site yourself? Please reply back as I’m attempting to create my own personal blog and would love
    to learn where you got this from or what the theme is called.
    Thank you!|
    Hello there! This article could not be written much better!
    Reading through this article reminds me of my previous roommate!
    He constantly kept preaching about this. I am going to send this post to him.
    Pretty sure he’s going to have a good read. Many thanks for sharing!|
    Incredible! This blog looks just like my old one! It’s on a entirely different topic but it has pretty much the same page layout and
    design. Superb choice of colors!|
    There is definately a great deal to learn about this topic.
    I like all of the points you have made.|
    You made some really good points there. I checked on the
    internet to find out more about the issue and found most
    people will go along with your views on this website.|
    Hello, I read your new stuff like every week. Your writing style
    is witty, keep it up!|
    I simply couldn’t leave your web site before suggesting that I actually loved the standard info an individual provide in your visitors?
    Is going to be back regularly to check up on new posts|
    I need to to thank you for this great read!!
    I definitely enjoyed every little bit of it. I have you
    book marked to look at new things you post…|
    What’s up, just wanted to tell you, I loved this post.
    It was inspiring. Keep on posting!|
    Hello, I enjoy reading all of your article. I like to write a little comment
    to support you.|
    I constantly spent my half an hour to read this webpage’s articles all
    the time along with a mug of coffee.|
    I always emailed this blog post page to all my friends,
    for the reason that if like to read it afterward my friends
    will too.|
    My developer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress on numerous websites for about
    a year and am nervous about switching to another platform.
    I have heard fantastic things about blogengine.net.

    Is there a way I can import all my wordpress
    posts into it? Any help would be greatly appreciated!|
    Hi there! I could have sworn I’ve been to this
    blog before but after going through some of the posts I realized it’s new to me.
    Regardless, I’m definitely delighted I discovered
    it and I’ll be bookmarking it and checking back regularly!|
    Wonderful work! This is the type of info that are meant to be shared
    across the internet. Shame on Google for now not positioning this
    submit higher! Come on over and seek advice from my website .
    Thanks =)|
    Heya i’m for the first time here. I came across this board and I find
    It truly useful & it helped me out a lot. I hope to
    give something back and help others like you helped me.|
    Hi there, There’s no doubt that your blog could possibly be having internet browser compatibility problems.

    When I look at your web site in Safari, it looks fine but when opening
    in IE, it has some overlapping issues. I simply wanted to give you a quick heads up!

    Apart from that, great site!|
    A person necessarily lend a hand to make significantly articles I’d state.
    This is the first time I frequented your web page and up to
    now? I amazed with the analysis you made to make this particular post extraordinary.

    Magnificent job!|
    Heya i am for the first time here. I found this board and I to find It truly useful & it helped me out much.

    I am hoping to give something back and aid others like you helped me.|
    Hello! I just want to offer you a big thumbs up for your excellent information you’ve got right here on this post.
    I will be coming back to your website for more soon.|
    I every time used to read piece of writing in news papers but now
    as I am a user of web therefore from now I am using net for
    posts, thanks to web.|
    Your way of telling all in this paragraph is truly fastidious, every
    one can simply know it, Thanks a lot.|
    Hello there, I found your site by way of Google whilst looking for a comparable subject, your web site came up, it appears
    great. I’ve bookmarked it in my google bookmarks.
    Hi there, just become aware of your blog via Google, and found
    that it is truly informative. I’m going to be
    careful for brussels. I will appreciate if you happen to continue this in future.
    Lots of other folks will probably be benefited from your writing.
    Cheers!|
    I’m curious to find out what blog platform you’re utilizing?
    I’m having some minor security problems with my
    latest blog and I would like to find something more risk-free.
    Do you have any solutions?|
    I am really impressed with your writing skills and also with the layout
    on your blog. Is this a paid theme or did you customize it yourself?
    Anyway keep up the nice quality writing, it is rare to see a nice blog like this one today.|
    I’m really inspired with your writing abilities as smartly as with the layout
    on your blog. Is that this a paid topic or did you customize it yourself?

    Either way keep up the nice high quality writing, it’s
    rare to peer a great blog like this one nowadays..|
    Hello, Neat post. There is an issue with your
    site in web explorer, would test this? IE
    nonetheless is the marketplace leader and a good component of folks will
    omit your wonderful writing because of this problem.|
    I’m not sure where you are getting your info, but
    good topic. I needs to spend some time learning much more or understanding
    more. Thanks for fantastic information I was looking for this information for
    my mission.|
    Hello, i think that i saw you visited my web site so
    i came to “return the favor”.I am attempting
    to find things to enhance my web site!I suppose its ok to use
    {some of|a f\

Leave a Reply