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 feel that i saw you visited my weblog so i got here to go back the favor?.I’m attempting to to find issues to improve my web site!I guess its good enough to use some of your ideas!!

  5. Hello there, I discovered your blog by way of Google
    while searching for a related matter, your web site came
    up, it seems to be great. I have bookmarked it in my google bookmarks.

    Hello there, simply changed into aware of your blog thru Google, and located that it’s
    really informative. I’m going to watch out for brussels.
    I will appreciate for those who proceed this in future.
    Numerous people can be benefited out of your writing.
    Cheers!

  6. I’ve been browsing on-line more than three hours these days, but I never
    discovered any attention-grabbing article like yours. It is pretty price enough
    for me. In my view, if all web owners and bloggers made good content material as you probably did, the
    internet might be a lot more useful than ever before.

    Here is my web page: DGUV V3 Prüfung

  9. For more on Elizabeth Taylor, grab the latest copy of People magazine.
    It is ideal while wearing a bikini while on the beach or a simple cute cropped top and a skirt on an
    exciting night out. It can also be used in graphics
    designing softwares like Adobe Photoshop, Adobe Flash, GIMP,
    Corel Draw, just to name a few.

  14. Hey! I just wanted to ask if you ever have any issues with hackers?
    My last blog (wordpress) was hacked and I ended up losing many months
    of hard work due to no backup. Do you have any solutions to stop hackers?

  17. obviously like your website but you have to check the spelling on quite a few of your posts.
    A number of them are rife with spelling issues and I in finding it very
    bothersome to tell the reality on the other hand I will
    definitely come back again.

  22. I know this if off topic but I’m looking into starting my own blog and was wondering what all is required to get a marijuana license setup?
    I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very web smart so I’m not 100% sure. Any tips or advice would be greatly appreciated.

    Cheers

  24. Hello there! I know this is kind of off topic but I
    was wondering which blog platform are you using for this site?

    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.

    Here is my blog post … ez battery reconditioning scam

  25. Like some other thing around us, even Teds woodworking has got its pros and cons.
    If you believe that you would like a more elaborate outdoor shed later
    on, you might consider deciding on a shed plan that leaves the
    opportunity of an addition in a later time. Make sure you use a paper sack nearby in the case of hyperventilation because of excitement.

  26. For most recent news you have to go to see the web and on world-wide-web I found this site
    as a finest site for latest updates.

    My weblog … garcinia cambogia waist away reviews (Micheal)

  27. Hi there! I know this is kinda off topic but
    I was wondering if you knew where I could find a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having difficulty finding one?

    Thanks a lot!

  28. I’m curious to find out what blog system you have been working with?
    I’m having some small security problems with my latest blog and I would
    like to find something more safeguarded. Do you have any suggestions?

  31. This is very interesting, You’re an overly skilled blogger.
    I have joined your feed and look ahead to looking for more of your great post.
    Also, I’ve shared your website in my social networks

    Visit my website :: garcinia cambogia about (Bryan)

  32. I’m truly enjoying the design and layout of your website.
    It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit
    more often. Did you hire out a developer to create your theme?

    Superb work!

  33. Very nice post. I just stumbled upon your blokg and wanted
    to say that I’ve truly enjoyed surfing around your blog posts.
    In any case I’ll be subsfribing to your feed and I hope you write again very soon!

    my webpage … website

  34. Awesome blog! Do you have any tips and hints for aspiring writers?

    I’m planning to start my own blog soon but I’m a little lost
    on everything. Would you advise starting with a free
    platform like WordPress or go for a paid option?
    There are so many choices out there that I’m completely
    confused .. Any tips? Thanks!

    My webpage; car rental

  36. I pay a visit each day some web sites and information sites to
    read articles, but this website presents feature based content.

  37. My programmer 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 anxious about switching to another platform.
    I have heard great things about blogengine.net. Is there a
    way I can transfer all my wordpress posts into it? Any help would be greatly appreciated!

  38. fix my phone, fix my phone, fix my phone,fix my
    phone, fix my phone, fix my phone,fix my phone, fix my phone, fix my phone,fix my phone, fix my phone,
    fix my phone,fix my phone, fix my phone, fix my phone,fix my phone,
    fix my phone, fix my phone,fix my phone,
    fix my phone, fix my phone,fix my phone, fix my phone, fix my phone,

  41. Wankpuffin – Georgia is likely a long shot, but the demographic
    trends also favor Democrats making the state more competitive in 2016.

    Louisiana (8) – (R) 57%-42%, (R) 59%-40%, (R) 58%-41%, Trump
    47% v. Conspiracy theorists the world over will never ever be satisfied or that was the
    gist of President Obama’s speech when he made his own announcement about the death of Osama Bin Laden and why he
    considered the showing of photographs too gruesome. Wankpuffin

  43. So I downloaded Reiss’s trilogy, Songs of
    Submission , onto my iPad and – to my surprise – was riveted, both
    by the train-on-the-tracks writing style and the self-love inducing sex scenes.

  44. There are additionally a number of versions of the video poker that do include progressive jackpots
    and relying on the dimensions of the sport or the casino involved, you possibly can be
    taking a look at 1,000,000 greenback jackpot.

  45. Hi there, just became aware of your blog through Google, and found
    that it is really informative. I am gonna watch out for
    brussels. I’ll be grateful if you continue this in future.
    Numerous people will be benefited from your writing.

    Cheers!

  47. This is a company run by a Scott Whitaker. He is in Granada Hills
    but claim to be a NAtional and Global company. Liars! They will
    make you pay twice the minimum, charge you 5x more for plus fees.
    Scott Whitaker and company are pure thieves. Scott Whitaker and company know nothing
    about the websites, IT or SEO industry and you will not be paid.
    People on phone unprofessional with babies crying in the background.

    Do NOT use this company! They are a complete and utter waste of money and time!

    ————–

    I had so many issues with Scott Whitaker service that we decided to cancel.
    I called and canceled and was told my account was closed and that a manager would
    call me regarding a refund for the previous month due
    to my dissatisfaction with the service. I was never called back and was charged again the following month.
    I called them back to remove the charge and I was told my account was never canceled in the first place.
    I had them pull up the phone conversation on the date I had canceled.
    They were unable to argue when they heard that yes, indeed I had canceled my account.
    It took them weeks to refund me my money, and when I asked to speak to a manager of Scott Whitaker and company I was told no one was there and that one would
    call me back. Scott Whitaker and company never did.

    I called back 5 times leaving messages and asking to
    please speak to a manager regarding my experience.
    No one ever called me back.

    Today I made one last valiant effort to speak with a manager and share my experience.
    I was transferred to the Scott Whitaker and company billing department
    where an employee by the name of Scott Whitaker
    rudely defended their service and was unable to have any empathy or even listen to my experience.
    Scott Whitaker and company lacked professionalism or any type of customer service skills and should not be speaking with clients.

    She told me that it was not her problem because it was another department’s
    mistake. Scott Whitaker and company stated that some clients are going to like their service and some are not.

    Wow what a way to run a business!!!

    I will never use their overpriced and poorly run service again and would not suggest it to
    my worst enemy.

    ————-

    Scott Whitaker and company service is horrible.
    Its too pricey and was hard to get ahold of Scott Whitaker and company.
    Tried calling to cancel, Scott Whitaker and company rep
    never called me back. After getting ahold of Scott Whitaker and company they
    refused to cancel and gave me a free month trying to keep me.
    They didn’t create a site for me and wouldn’t give me a refund because they have a
    “no refund policy” and “30 day cancelation policy”. The Scott Whitaker and company customer service is not great at all!
    They definitely need some improvement in this area.
    I requested to have the terms read over the phone sent to me via email.
    They never sent them. I wish I had read all these reviews on the
    company before I signed up. Listen to the feedback on these
    Google reviews! This company is out to take advantage of the customer and not in a
    good way! BUYER BEWARE!!!!!

    ——————

    Scott Whitaker and company has the The worst customer service ever!
    I regret signing up with Scott Whitaker and company.
    The reviews here are completely honest. I’ve had 1 person rush to sign me up and after
    that he was gone. They pass me off to someone else who does the job and after that they
    can’t do all the updates needed. Your forced to
    deal with a digital concierge team …. uuum excuse me but nobody helps.
    My site is still not finished and it’s been 2 months. Not to mention they have no issue taking the funds out of your account.
    $150 plus a month and you have your site look like a child built it.
    My clients have been non stop complaining about my site.

    I’ve reached out and receive numerous emails claiming Scott
    Whitaker and company are working on my site and still nothing is done.
    I have lists of emails of exactly what I want and my prices are wrong on my page
    or have no price which makes customers think my services are free.

    I’m embarrassed for my business. I’m sending my clients to my site to
    book and the fonts are terrible. Honestly the site I built before this was beautiful and
    now I’m stuck with crap from Scott Whitaker and company!!!

    Where is management when you need them Scott Whitaker and company?
    Do they realize how this is being ran Scott Whitaker and company??

    I’m calling to speak with someone and I get hung up on and nobody calls you back.
    I call and I’m on hold for 15 minutes with the most god awful hold music.

    Scott Whitaker and company is a joke and I’m about
    to close my account because I see it as a waste of money I’m beyond furious.

    Customers beware!!!

  48. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is valuable and everything.
    Nevertheless think about if you added some great pictures or videos to
    give your posts more, “pop”! Your content is excellent
    but with pics and clips, this website could definitely
    be one of the greatest in its niche. Amazing blog!

    Feel free to surf to my blog post … matches today

Leave a Reply