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. This is very attention-grabbing, You are an excessively skilled
    blogger. I’ve joined your rss feed and stay up for
    in the hunt for more of your great post. Additionally, I’ve
    shared your web site in my social networks

    Feel free to visit my site: home builder

  2. I have been browsing online more than 2 hours today,
    yet I never found any interesting article like yours. It’s
    pretty worth enough for me. In my opinion, if all web owners
    and bloggers made good content as you did, the web
    will be much more useful than ever before.|
    I couldn’t resist commenting. Very well written!|
    I’ll immediately grab your rss feed as I can not in finding your email subscription link or
    newsletter service. Do you have any? Kindly let me recognise so that
    I may subscribe. Thanks.|
    It is the best 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 few interesting things
    or advice. Maybe you can write next articles referring to this article.

    I wish to read even more things about it!|
    It’s the best time to make some plans for the future and it’s time to be happy.
    I’ve read this submit and if I may just I desire to suggest you few interesting
    issues or suggestions. Maybe you could write subsequent articles relating to this article.
    I desire to read more issues approximately it!|
    I have been browsing online greater than three hours today, but I never found any fascinating article like yours.
    It’s beautiful value sufficient for me. Personally, if all webmasters and bloggers made just right content
    as you probably did, the net will probably be a lot more helpful than ever before.|
    Ahaa, its fastidious discussion about this post at this place at this blog, I have read
    all that, so at this time me also commenting here.|
    I am sure this paragraph has touched all the internet users,
    its really really fastidious article on building up new webpage.|
    Wow, this article is nice, my younger sister is analyzing
    these kinds of things, therefore I am going to convey her.|
    Saved as a favorite, I really like your website!|
    Way cool! Some extremely valid points! I appreciate you penning this post plus the rest of the site is also really good.|
    Hi, I do think this is an excellent blog. I stumbledupon it 😉 I may come back yet again since i have bookmarked it.
    Money and freedom is the greatest way to change, may you be rich and continue to help other people.|
    Woah! I’m really digging the template/theme of this blog. It’s simple, yet effective.
    A lot of times it’s hard to get that “perfect balance” between user friendliness and appearance.
    I must say that you’ve done a fantastic job with this.

    Additionally, the blog loads extremely quick for me on Internet explorer.
    Superb Blog!|
    These are genuinely fantastic ideas in on the topic of blogging.
    You have touched some fastidious points here. Any way keep up
    wrinting.|
    I like what you guys are usually up too. This sort of
    clever work and exposure! Keep up the terrific works guys I’ve incorporated you guys to my own blogroll.|
    Hey there! Someone in my Facebook group shared this site with us so I came to give it a look.

    I’m definitely enjoying the information. I’m book-marking and will
    be tweeting this to my followers! Superb blog and wonderful
    design.|
    I really like what you guys are up too. This sort of clever work and coverage!

    Keep up the terrific works guys I’ve incorporated you guys
    to blogroll.|
    Hello would you mind sharing which blog platform you’re working with?

    I’m looking to start my own blog soon but I’m having a difficult time
    deciding between BlogEngine/Wordpress/B2evolution and Drupal.

    The reason I ask is because your design seems different then most blogs and I’m looking for something unique.

    P.S Sorry for being off-topic but I had to ask!|
    Hey there would you mind letting me know which hosting company you’re using?

    I’ve loaded your blog in 3 completely 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 reasonable price?
    Many thanks, I appreciate it!|
    I like it when people come together and share thoughts.
    Great website, continue the good work!|
    Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you!
    However, how could we communicate?|
    Hey 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 formatting issue or something
    to do with browser compatibility but I figured I’d post to let you know.

    The layout look great though! Hope you get the issue
    solved soon. Kudos|
    This is a topic which is near to my heart… Many thanks! Exactly where are
    your contact details though?|
    It’s very trouble-free to find out any matter 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 shoot you an email.
    I’ve got some recommendations for your blog you might be interested
    in hearing. Either way, great blog and I look forward to seeing it improve over time.|
    Hola! I’ve been following your weblog for some time
    now and finally got the bravery to go ahead and give you
    a shout out from Lubbock Texas! Just wanted to mention keep up the good work!|
    Greetings from Idaho! I’m bored to tears at work so I decided to check out your website on my
    iphone during lunch break. I enjoy the knowledge
    you provide here and can’t wait to take a look when I get home.

    I’m amazed at how fast your blog loaded on my phone .. I’m not even using WIFI, just 3G
    .. Anyways, superb blog!|
    Its such as you learn my thoughts! You seem to understand so much approximately this,
    such as you wrote the e book in it or something. I believe that you can do with a few
    percent to pressure the message home a little bit, however other than that, this is magnificent
    blog. A fantastic read. I will definitely be back.|
    I visited various web pages but the audio quality for audio songs existing at this site is truly marvelous.|
    Hello, i read your blog occasionally and i own a similar one and i was just curious if you get a
    lot of spam responses? If so how do you prevent it, any plugin or anything you can advise?
    I get so much lately it’s driving me mad so any assistance is very much
    appreciated.|
    Greetings! Very helpful advice within this post!
    It is the little changes that make the most significant changes.
    Many thanks for sharing!|
    I absolutely love your site.. Great colors & theme.
    Did you make this web site yourself? Please reply back as I’m hoping to create my
    own personal blog and want to know where you got
    this from or what the theme is named. Thank you!|
    Hello there! This article couldn’t be written much better! Going through this post reminds me of my previous roommate!
    He continually kept talking about this. I most certainly will forward this article to him.
    Pretty sure he’ll have a great read. Many thanks for sharing!|
    Incredible! This blog looks exactly like my old one!
    It’s on a entirely different topic but it has pretty much the same layout and design. Outstanding choice of colors!|
    There is definately a great deal to know about this subject.

    I love all the points you’ve made.|
    You made some decent points there. I checked on the web for
    more information about the issue and found most people will go along
    with your views on this website.|
    Hi there, I log on to your blog daily. Your humoristic style is awesome, keep
    it up!|
    I simply couldn’t leave your website before suggesting that I really loved the standard information an individual supply to your guests?
    Is gonna be back steadily in order to inspect
    new posts|
    I want to to thank you for this wonderful read!!
    I absolutely enjoyed every bit of it. I have you saved as a
    favorite to check out new stuff you post…|
    Hi there, just wanted to tell you, I enjoyed this blog post.

    It was inspiring. Keep on posting!|
    Hello, I enjoy reading all of your post. I like to write
    a little comment to support you.|
    I constantly spent my half an hour to read this web site’s content all the time along with a mug of coffee.|
    I for all time emailed this weblog post page to all my friends, because if like to read it then my links will too.|
    My coder is trying to convince 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 various websites for about a
    year and am worried 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 help would be greatly appreciated!|
    Hi! I could have sworn I’ve visited this site before but after going through some
    of the posts I realized it’s new to me. Anyways, I’m certainly delighted
    I stumbled upon it and I’ll be book-marking it and checking back often!|
    Wonderful article! This is the type of information that are supposed to be
    shared across the web. Shame on the search engines for not positioning this
    submit higher! Come on over and visit my website .
    Thanks =)|
    Heya i’m for the first time here. I came across this board and I
    find It really useful & it helped me out a lot.
    I hope to give something back and aid others
    like you aided me.|
    Greetings, I do think your blog may be having web browser compatibility problems.

    Whenever I take a look at your website in Safari, it
    looks fine however, when opening in Internet Explorer, it’s got some overlapping issues.
    I just wanted to give you a quick heads up! Aside from that, fantastic site!|
    Someone necessarily lend a hand to make severely posts I’d state.
    That is the very first time I frequented your website
    page and so far? I surprised with the analysis you
    made to make this particular publish amazing.
    Magnificent job!|
    Heya i’m for the primary time here. I found
    this board and I to find It truly useful & it helped me out a lot.
    I hope to offer one thing back and help others such as you aided me.|
    Hey there! I just would like to give you a huge thumbs up for your great info you have right here on this post.

    I’ll 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 net thus from now I am using net for
    posts, thanks to web.|
    Your means of telling the whole thing in this paragraph is actually good,
    all be capable of simply be aware of it, Thanks a lot.|
    Hi there, I found your blog by way of Google while searching for a comparable
    topic, your website came up, it appears to be like good.
    I’ve bookmarked it in my google bookmarks.
    Hi there, simply was alert to your blog via Google, and found that it is truly informative.
    I am going to watch out for brussels. I will appreciate in the
    event you proceed this in future. Numerous other folks might be benefited out of your
    writing. Cheers!|
    I am curious to find out what blog system you have been utilizing?
    I’m experiencing some minor security issues with my
    latest website and I’d like to find something more secure.
    Do you have any recommendations?|
    I’m really impressed with your writing skills as well as with
    the layout on your blog. 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 these
    days.|
    I am extremely inspired together with your writing skills and
    also with the format in your blog. Is this a paid subject matter or did you modify it your self?
    Either way keep up the nice high quality writing, it is uncommon to look
    a great weblog like this one nowadays..|
    Hi, Neat post. There’s a problem along with your website in internet
    explorer, could test this? IE nonetheless
    is the market leader and a huge component to
    other people will leave out your excellent writing due to this
    problem.|
    I am 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 magnificent information I was looking for this info for my mission.|
    Hello, i think that i saw you visited my weblog so i came to “return the favor”.I am trying to find things to improve
    my web site!I suppose its ok to use {some of|a few\

  9. Awesome issues here. I am very happy to peer your article.
    Thank you a lot and I’m looking ahead to contact you.
    Will you please drop me a e-mail?

  10. Hmm it looks like your website ate my first comment (it
    was extremely long) so I guess I’ll just sum it up what I wrote and say, I’m thoroughly enjoying your blog.
    I as well am an aspiring blog writer but I’m still new to the whole thing.
    Do you have any suggestions for rookie blog writers?
    I’d genuinely appreciate it.

    Also visit my site: easy 1up

  14. Hi there! This blog post couldn’t be written any better!
    Looking at this post reminds me of my previous roommate!
    He always kept talking about this. I most certainly will forward this information to him.
    Pretty sure he will have a very good read. Thanks for sharing!

    Feel free to visit my blog post … club penguin walkthrough

  15. Someone essentially lend a hand to make severely articles I’d state.
    That is the very first time I frequented your website page and so far?
    I surprised with the analysis you made to make this particular post incredible.
    Magnificent job!

    Feel free to visit my web-site: Motion 5 Plugins

  17. I do not even know how I ended up here, but I thought this post was good.

    I don’t know who you are but definitely you are going to a famous blogger if
    you are not already 😉 Cheers!

    Look at my web-site Motion Effects

  21. Pretty component of content. I just stumbled upon your
    site and in accession capital to say that I acquire actually loved account your blog posts.
    Anyway I will be subscribing for your feeds or even I success you
    get admission to consistently rapidly.

    my web blog; best kayaks, showtimemusicworkz.com,

  23. Aw, this was an exceptionally nice post. Taking a few minutes and actual effort to make a top
    notch article… but what can I say… I procrastinate a whole lot and never seem to get nearly anything done.

  24. Torrenys – HQ music torrents and music video download ⲟn OPM provide уou thе lаtest Filipino stuff ß‹n the web.
    When downloading tÒºrough peer to peer networks, play witÒº Ò¯our settings Õ½ntil
    үou are ǥetting ǥood гesults. It was here that Dorssey bеgan tto wгite religious music, ɑlthough he did abandon his style of bright ߋr gaudy lyrics,
    tҺe rhythmic style οf jazz and his love of thee blkues flavor ѕtayed.

  33. I don’t know Ñ¡Òºether it’s just me or if everybody else experiencing iÑ•sues with your website.
    It aрpears like some of tthe written text in your content aare
    rսnning off the screen. Can somebody else please comment and let me know if this is happening tⲟ tһem too?
    This may be a problem with my Ьrowser bеcause I’ve had this happen before.

    Kudos

    Here iis my site

  34. Hey wouâ…¼d you mind sharing which blog platform you’re working with?
    I’m planning to start my own bⅼߋg in the near future
    but I’m having a toÕ½gh time making a dеcisiⲟn between BlogEngine/Wordprеѕs/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.Ð… My apologies for being off-topic but I had to
    ask!

    My web page: pie susu bali

  35. After I initially commented I appear to have clicked the -Notify
    me when new comments are added- checkbox and from now on every time
    a comment is added I receive four emails with the exact same comment.
    Perhaps there is a means you are able to remove me from that service?
    Thanks a lot!

    Here is my site: Anaheim Teeth Cleaning

  36. I’m really inspired along with your writing abilities and also with
    the format to your weblog. Is that this a paid
    topic or did you customize it yourself? Either way keep up the excellent quality writing,
    it is rare to look a nice weblog like this one today..

    Also visit my weblog renovation contractor

  37. Kaci Barfield: I hate making predictions as a result of I
    have to rein in my pure sports activities optimism and be somewhat realistic.

    My webpage … online gambling laws by state 2015 – Grant,

  38. With havin so much content and articles do you ever run into any issues of plagorism or copyright infringement?
    My blog has a lot of completely unique content
    I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the web without my authorization. Do you know any ways to
    help reduce content from being ripped off?
    I’d truly appreciate it.

    Also visit my page :: Concourse Optometry

  40. hello there and thank you for your info – I have certainly picked up something
    new from right here. I did however expertise several technical issues using
    this web site, since I experienced to reload the site a lot of times previous to I could get it to load
    correctly. I had been wondering if your hosting
    is OK? Not that I am complaining, but slow loading instances times will often affect your placement in google and can damage your high
    quality score if advertising and marketing with Adwords. Well I’m adding
    this RSS to my email and can look out for much more of
    your respective intriguing content. Ensure that you update this again soon.

  43. What’s Happening i’m new to this, I stumbled upon this I’ve
    found It absolutely helpful and it has helped me out loads.
    I’m hoping to contribute & help different users like its aided me.
    Great job.

  45. I loved as much as you will receive carried out right here.
    The sketch is attractive, your authored subject matter
    stylish. nonetheless, you command get got an edginess over
    that you wish be delivering the following.
    unwell unquestionably come more formerly again since exactly the same
    nearly very often inside case you shield this
    increase.

    Check out my site: general contractor Los Angeles

  47. I have read so many articles about the blogger lovers but this article is actually a pleasant piece of writing, keep it
    up.

  49. Heey are using WordPress for yoour blog platform? I’m new too the blog world but
    I’m trying to get started annd set up my own. Do yyou require any coding expertise to make your own blog?
    Any help would be really appreciated!

Leave a Reply