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”

  2. Hello, I think your blog might be having browser compatibility issues.

    When I look at your website in Opera, it 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!

    my weblog: brunswick guitar

  3. Hello There. I discovered your weblog using msn. This is an extremely smartly written article.

    I will be sure to bookmark it and come back to learn more of your helpful info.
    Thank you for the post. I’ll definitely return.

    Also visit my blog post steampunk watch

  4. It’s perfect time to make some plans for the future and it is
    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 could write next articles referring
    to this article. I desire to read even more things about it!

    wholesale jerseys

  5. Somebody necessarily help to make severely posts I might
    state. That is the very first time I frequented your website page and thus
    far? I surprised with the research you made to create this actual publish incredible.
    Fantastic task!

    Stop by my blog post losing hair men

  7. I believe this is among the such a lot important information for me.
    And i am glad studying your article. However wanna remark on few general issues, The web site style is perfect,
    the articles is actually great : D. Just right job, cheers

    my web page: sequencer

  11. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored material stylish.

    nonetheless, you command get got an nervousness over that you wish be delivering the following.

    unwell unquestionably come further formerly again since exactly the
    same nearly a lot often inside case you shield this increase.

    Also visit my webpage :: san francisco cannabis club

  15. You are so interesting! I don’t suppose I’ve truly read anything like
    that before. So nice to find another person with a few genuine thoughts on this subject matter.
    Really.. thank you for starting this up. This website is something
    that is needed on the internet, someone with a little originality!

  17. Thank you a bunch for sharing this with all people you actually realize what
    you’re speaking about! Bookmarked. Please additionally visit my website =).

    We will have a hyperlink exchange agreement among us

    Feel free to surf to my blog post: free mmorpg

  18. Some drivers may аlso feel tɦey’ve enough coverage mаking
    use of thеir insurance policy in ordeг that tÒºey don’t need thе extra coverage.
    Ꭲhe vehicle owner ᴡith roadside assistance ԝho find hеr caar
    inoperable neеd only сall a tolol free numЬer
    for immеdiate assistance. Уou will pгobably Ьe yօur οwn boss,
    andd wοrk fоr yourself, if you commence yolur own personhal towing
    service business, whilst іt single man job, ⲟr covert it іnto a fleet
    of towing vehicles.

    Ðœy webpage Towing Software for Towing Companies

  20. I have been surfing online more than 3 hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. In my opinion, if all webmasters and bloggers made good
    content as you did, the internet will be a lot more useful
    than ever before.|
    I could not resist commenting. Very well written!|
    I will right away clutch your rss as I can’t in finding your e-mail subscription link or newsletter service.

    Do you have any? Kindly allow me realize in order that I
    could subscribe. Thanks.|
    It is appropriate time to make some plans for the future and it is time
    to be happy. I have read this post and if I could I want to suggest you some interesting things or tips.
    Perhaps you could write next articles referring to this article.
    I wish to read even more things about it!|
    It is perfect time to make some plans for the longer term and it is time to be happy.
    I have learn this publish and if I may I want to suggest you some
    interesting things or tips. Perhaps you can write subsequent articles referring
    to this article. I wish to read even more things approximately it!|
    I’ve been browsing on-line more than 3 hours lately,
    but I by no means discovered any interesting article like yours.
    It is lovely price sufficient for me. In my opinion, if all web owners and bloggers
    made excellent content material as you probably did, the internet will be a
    lot more helpful than ever before.|
    Ahaa, its nice dialogue concerning this article at this place at
    this weblog, 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 viewers, its really really pleasant
    post on building up new blog.|
    Wow, this post is pleasant, my younger sister
    is analyzing these kinds of things, thus
    I am going to inform her.|
    bookmarked!!, I love your site!|
    Way cool! Some very valid points! I appreciate you penning
    this post and the rest of the website is also really
    good.|
    Hi, I do believe this is a great blog. I stumbledupon it 😉
    I may revisit yet again since I saved as a favorite it.
    Money and freedom is the greatest way to change, may you be rich and continue to guide other people.|
    Woah! I’m really enjoying the template/theme of this
    blog. It’s simple, yet effective. A lot of times it’s challenging to get that “perfect balance” between superb usability and
    appearance. I must say you’ve done a fantastic job with this.

    Also, the blog loads extremely quick for me on Safari.
    Superb Blog!|
    These are genuinely wonderful ideas in concerning blogging.
    You have touched some nice factors here. Any way keep
    up wrinting.|
    I really like what you guys are usually up
    too. Such clever work and exposure! Keep up the good works guys
    I’ve added you guys to blogroll.|
    Hi! Someone in my Facebook group shared this website with
    us so I came to look it over. I’m definitely
    loving the information. I’m bookmarking and will be tweeting this
    to my followers! Outstanding blog and fantastic design.|
    I really like what you guys are usually up too. This kind of clever work and reporting!
    Keep up the superb works guys I’ve added you guys to my own blogroll.|
    Hi there would you mind sharing which blog platform you’re using?
    I’m going to start my own blog soon but I’m having a difficult
    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 Sorry for being off-topic but I had to ask!|
    Hey would you mind letting me know which webhost you’re working
    with? I’ve loaded your blog in 3 different internet browsers
    and I must say this blog loads a lot faster then most. Can you recommend a good internet hosting provider
    at a reasonable price? Kudos, I appreciate it!|
    I really like it when folks come together and
    share thoughts. Great site, stick with it!|
    Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you!
    By the way, how could we communicate?|
    Hi there just wanted to give you a quick heads up.
    The words in your post seem to be running
    off the screen in Opera. I’m not sure if this is a format issue or something
    to do with internet browser compatibility but I figured I’d post to let you know.
    The style and design look great though! Hope you get the issue solved soon. Thanks|
    This is a topic that’s near to my heart… Cheers!
    Exactly where are your contact details though?|
    It’s very straightforward to find out any topic on web as compared to books, as
    I found this piece of writing at this web site.|
    Does your website have a contact page? I’m having a tough time locating it but, I’d like to send you an e-mail.
    I’ve got some suggestions for your blog you might be
    interested in hearing. Either way, great site and I look forward to seeing it improve over time.|
    Hey there! I’ve been reading your weblog for some time now and finally got the courage to go ahead and give you a shout out from Lubbock Texas!

    Just wanted to tell you keep up the fantastic work!|
    Greetings from Carolina! I’m bored to tears at work
    so I decided to browse your site on my iphone during lunch
    break. I really like the info you present here and can’t
    wait to take a look when I get home. I’m amazed
    at how quick your blog loaded on my phone .. I’m not even using WIFI, just 3G ..

    Anyways, good site!|
    Its like you learn my thoughts! You appear to understand a lot about this,
    such as you wrote the e book in it or something.
    I feel that you simply could do with some percent to pressure the message home
    a bit, but other than that, that is wonderful blog.
    A great read. I will certainly be back.|
    I visited many web pages however the audio feature for audio songs existing at this web site is truly excellent.|
    Howdy, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam responses?
    If so how do you stop it, any plugin or anything you can suggest?
    I get so much lately it’s driving me crazy so any help is very much appreciated.|
    Greetings! Very useful advice in this particular post! It is
    the little changes that will make the biggest changes.
    Thanks a lot for sharing!|
    I absolutely love your site.. Very nice colors & theme.
    Did you make this web site yourself? Please reply back as I’m planning to create my
    own personal website and would love to find out
    where you got this from or just what the theme is named.
    Kudos!|
    Howdy! This blog post couldn’t be written any better!
    Going through this post reminds me of my previous roommate!
    He always kept preaching about this. I will forward this information to him.
    Fairly certain he’s going to have a very good read. 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. Wonderful choice of colors!|
    There’s certainly a lot to learn about this topic.
    I like all the points you have made.|
    You have made some good points there. I looked on the internet for more information about
    the issue and found most individuals will go
    along with your views on this site.|
    Hi there, I check your blog like every week. Your
    story-telling style is witty, keep up the good work!|
    I simply couldn’t depart your web site before suggesting that I actually loved the standard
    information an individual provide in your guests? Is gonna be again frequently in order to
    investigate cross-check new posts|
    I want to to thank you for this good read!! I certainly enjoyed every bit of it.
    I have you book-marked to check out new stuff you post…|
    What’s up, just wanted to tell you, I liked this post.
    It was practical. Keep on posting!|
    Hello, I enjoy reading through your article.
    I wanted to write a little comment to support you.|
    I constantly spent my half an hour to read this weblog’s content all the time along with a mug of coffee.|
    I always emailed this web site post page to all my contacts, for the reason that if like to read it then 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 costs.
    But he’s tryiong none the less. I’ve been using
    WordPress on a number of websites for about a year and am nervous about switching to another platform.

    I have heard good things about blogengine.net. Is there a way I can transfer
    all my wordpress content into it? Any kind of help would be greatly appreciated!|
    Hello there! I could have sworn I’ve visited this website before but after going through many of the articles I realized it’s new to me.
    Regardless, I’m definitely happy I came across it and I’ll be book-marking
    it and checking back regularly!|
    Wonderful work! That is the type of info that are supposed to be shared across the internet.
    Disgrace on the seek engines for now not positioning this post upper!
    Come on over and discuss with 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 much. I hope to give something back and aid others like
    you helped me.|
    Greetings, There’s no doubt that your web site could possibly be
    having internet browser compatibility issues. Whenever I take
    a look at your site in Safari, it looks fine however,
    if opening in Internet Explorer, it has some overlapping issues.

    I just wanted to give you a quick heads up! Besides that, great website!|
    Someone essentially help to make severely posts I would state.
    That is the very first time I frequented your website page and to this point?
    I amazed with the research you made to create this actual post incredible.
    Wonderful task!|
    Heya i am for the primary time here. I came across this board
    and I to find It really useful & it helped me out much.

    I hope to provide something back and aid others
    like you aided me.|
    Hey there! I simply would like to offer you a huge thumbs up for the excellent
    information you have here on this post. I will be returning to
    your site for more soon.|
    I every time used to read article in news papers but
    now as I am a user of internet thus from now I am using net for content, thanks to web.|
    Your way of explaining all in this article is actually nice, all be capable of effortlessly know it, Thanks a lot.|
    Hello there, I found your web site by way of Google whilst looking for
    a related topic, your site came up, it looks great.
    I’ve bookmarked it in my google bookmarks.
    Hello there, simply became aware of your weblog via Google, and found that it
    is truly informative. I am gonna watch out
    for brussels. I will appreciate when you proceed this in future.
    Many people can be benefited out of your writing.

    Cheers!|
    I am curious to find out what blog platform you have been using?
    I’m experiencing some small security issues with my latest website and
    I would like to find something more safeguarded. Do you have any recommendations?|
    I am extremely impressed with your writing skills as well as with the layout on your weblog.
    Is this a paid theme or did you customize it yourself?
    Anyway keep up the excellent quality writing, it’s rare to see a nice
    blog like this one nowadays.|
    I’m extremely inspired with your writing skills and also with
    the layout for your weblog. Is this a paid subject or did you customize it yourself?
    Either way keep up the nice high quality writing, it’s rare
    to see a great blog like this one these days..|
    Hello, Neat post. There is an issue along with your website
    in internet explorer, may check this? IE still is the market chief and a large portion of folks will omit your
    wonderful writing due to this problem.|
    I am not sure where you are getting your information, but great topic.
    I needs to spend some time learning more or understanding more.

    Thanks for magnificent info 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’m attempting to find things to enhance my website!I suppose
    its ok to use {some of|a few
    \

  21. Hey there outstanding website! Does running a blog such
    as this require a lot of work? I have no understanding of computer programming however I was
    hoping to start my own blog in the near future.
    Anyhow, if you have any suggestions or tips for new blog owners please share.
    I know this is off subject nevertheless I simply
    needed to ask. Appreciate it!

    Here is my homepage – Final Cut Pro X Plugins

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

    Look into my page; best kayaks

  23. Comércio Ambulante: você será considerado um mercador ambulante de
    alimentos, então, você terá que fazer um cadastro como micro
    cometedor individual ou em outra categoria, todavia, é importante que você entre em contato com a Prefeitura da sua cidade para averiguar a existência de alguma legislação/exigências específicas.

  25. I am curious to find out what blog system you’re using? I’m having some
    small security issues with my latest blog and I’d like
    to find something more secure. Do you have any recommendations?

  26. Trabalhar com uma programador visual de sobrolho é uma coisa bastante dissemelhante, a programador visual
    fará com que você encontre caminho certo para criar uma harmonia no seu olhar e em suas expressões, transparecendo com mas naturalidade seus sentimentos.

  27. Heya! I understand this is kind of off-topic however I needed to ask.
    Does operating a well-established website such as yours take a large amount of work?
    I’m completely new to running a blog but I do write in my journal every day.
    I’d like to start a blog so I will be able to share my own experience and
    feelings online. Please let me know if you have any recommendations or tips for brand new
    aspiring blog owners. Appreciate it!

    my weblog: room addition Los Angeles

  28. And indeed, fha loan limits mcallen tx (Maximo) home loan insurance coverage is extremely pricey, though it’s typically the only choice for several debtors so they might have no other choice.

  29. First off I want to say fantastic blog! I had a quick question in which I’d like to ask if you
    do not mind. I was interested to know how you center yourself and clear your head before writing.

    I’ve had a hard time clearing my mind in getting my ideas out.
    I do enjoy writing but it just seems like the first 10 to 15 minutes tend to be lost just trying to figure out how
    to begin. Any ideas or tips? Many thanks!

    Here is my blog: Anaheim Dental

  31. I have been exploring for a little for any high-quality articles or blog posts in this kind of space .
    Exploring in Yahoo I ultimately stumbled upon this website.
    Reading this information So i am satisfied to exhibit that
    I have an incredibly good uncanny feeling I found out just what I needed.
    I such a lot without a doubt will make certain to do not overlook this site and provides it a look regularly.

  33. I’m gone to say to my little brother, that he should also
    visit this weblog on regular basis to obtain updated from newest news update.

    Here is my web-site :: homepage (Kristeen)

  35. It is appropriate time to make some plans for the longer term and
    it’s time to be happy. I have read this publish and if I may I desire to suggest
    you few interesting things or tips. Perhaps you could write next articles relating to this article.

    I want to read even more issues about it!

  37. What’s up, this weekend is nice in favor of me, because
    this occasion i am reading this enormous educational piece of writing
    here at my home.

    Also visit my webpage :: yarn

  42. Hello There. I found your blog using msn. This is an extremely
    well written article. I’ll make sure to bookmark it and come
    back to read more of your useful information. Thanks for the post.
    I will certainly return.

  45. Terrific article! That is the kind of information that should be shared around the net.

    Shame on the search engines for no longer positioning this put
    up higher! Come on over and consult with my website .
    Thanks =)

    Also visit my website :: inventions ideas

  47. Heya i am 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 aided me.

    Here is my weblog … mandala

  48. I blog frequently and I truly thank you for your information. This article has truly peaked my interest.
    I am going to take a note of your website and keep checking for new information about once a week.
    I subscribed to your Feed too.

    Here is my web site – steel darts

Leave a Reply