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 means your document is totally sheltered utilizing our Conflict Royale
    generator on the grounds that you get a boundless measure of gold and diamonds with our online privateer
    that is continued our server and is continually noticed thusly, it
    is imperceptible and totally old watches busts use eight days as well as We have recognized many other higher body
    methods be the equal of twelve.

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

    Thanks a lot!

    Visit my homepage – mold removal

  5. Wonderful beat ! I would like to apprentice while you amend
    your site, how can i subscribe for a blog web site? The account helped me
    a acceptable deal. I had been tiny bit acquainted of this your broadcast offered bright clear idea

  8. Amazing! This blog looks exactly like my old one!
    It’s on a entirely different subject but it has pretty much the same page layout and design. Outstanding choice of colors!

  9. This stresses the necessity for companies to rent by far the most ideal writers possessing highly recommended expertise, data and adventure.
    s not necessary for the essay to have a strong scientific topic, it could be anything.
    If you need help in Basic research Papers and Phrase Paper Help you are able to explore Cheap Essay.

  10. I’ve 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 site owners and bloggers made good content as you did, the web will be a lot more useful
    than ever before.

  13. A 20 percentage co-insurance fee can make an application for
    all trips for emergency treatment, meaning the policyholder
    might nevertheless experience substantial out-of- expenses despite they have attained with the deductible in addition to to some major doctor.

  14. Howdy! This post could not be written any
    better! Reading through this post reminds me of my previous roommate!
    He always kept talking about this. I’ll forward this post to him.

    Pretty sure he will have a very good read. I appreciate you
    for sharing!

    Feel free to visit my web blog … Hypnose Lyon

  16. I like the helpful information you provide in your articles.
    I’ll bookmark your weblog and check again here frequently.
    I am quite certain I’ll learn a lot of new stuff right here!
    Best of luck for the next!

  17. Thank you for every other excellent article. The place else could anyone get that type of information in such an ideal means
    of writing? I have a presentation subsequent week, and I am at the search for such information.

    my homepage – malayalam song

  18. With havin so much content and articles do you ever run into any issues of plagorism or copyright infringement?
    My site has a lot of exclusive content I’ve either written myself or outsourced but it seems a lot of it
    is popping it up all over the internet without my agreement.
    Do you know any solutions to help prevent content from being ripped off?
    I’d really appreciate it.

    Feel free to visit my blog: Cheap Moving Boxes

  22. Thank you for the good writeup. It in fact was a amusement
    account it. Look advanced to more added agreeable
    from you! By the way, how could we communicate?

    My blog post :: segway tour stockholm (Estella)

  25. I was suggested this web site by my cousin. I’m not sure whether this post
    is written by him as nobody else know such detailed about my problem.
    You’re wonderful! Thanks!

  28. whoah this blog is wonderful i really like studying your articles.

    Keep up the great work! You understand, a lot of people are searching around
    for this info, you can help them greatly.

  29. titan brawl hack; Eartha, instrument is
    created with superior proxy bypass technology making
    its security very excessive protecting you undetectable whereas utilizing this software in your android or iOS
    device.

  31. Hey! This post couldn’t be written any better! Reading this post reminds me
    of my good old room mate! He always kept talking about this.
    I will forward this write-up to him. Pretty sure he will have a good
    read. Many thanks for sharing!

  35. Hello! I know this is kinda off topic but I’d figured I’d ask.
    Would you be interested in trading links or maybe guest authoring a blog post or vice-versa?
    My blog covers a lot of the same topics as yours and I believe we could greatly benefit
    from each other. If you happen to be interested feel free to send me
    an email. I look forward to hearing from you!

    Terrific blog by the way!

  36. Taking the spot of those hearts are delicate and even intricate blooms of floral designs.
    Everyone seems to recognize that time is elusive, we’re not able to hurry it along
    when we want to and that we certainly can’t slow it down when it is precisely what we want.
    Bike Lights – Bike lights are practical however they may add
    something extra to your bike.

  39. Excellent beat ! I would like to apprentice while you amend your website, how could i subscribe
    for a blog web site? The account aided me a acceptable deal.
    I had been a little bit acquainted of this your broadcast
    provided bright clear concept

    Also visit my weblog: Cool inventions

  42. I think that is one of the so much significant information for me.
    And i’m happy studying your article. But should commentary on few general things, The web site style is ideal, the articles is in reality great : D.
    Good job, cheers

  44. I think this is one of the most vital information for me.

    And i’m glad reading your article. But should remark on few general things,
    The website style is wonderful, the articles is really nice : D.

    Good job, cheers

    my blog … Amazon SEO

  45. hello there and thank you for your info – I’ve definitely picked up something new from right here.
    I did however expertise some technical points using this website, as I experienced to reload the web
    site many times previous to I could get it to load properly.

    I had been wondering if your web host is OK?
    Not that I’m complaining, but sluggish loading instances times will very frequently affect your placement in google and could damage your quality score
    if advertising and marketing with Adwords. Anyway I’m adding this RSS to my e-mail and could look out for a lot more of your respective
    interesting content. Ensure that you update this again very
    soon.

  46. What i do not understood is in truth how you’re now not actually a lot more well-liked than you may
    be right now. You are very intelligent. You already know
    thus considerably in the case of this matter, made me in my view
    consider it from numerous various angles. Its like women and
    men don’t seem to be fascinated until it’s one thing to do
    with Woman gaga! Your personal stuffs outstanding. All the time care for
    it up!

    my weblog; garcinia cambogia aed

  47. Women will read product reviews and look online to the
    benefits and drawbacks of an product. In countries like Colombia along
    with other Latin American country, waste pickers became a legal trade.

    Nobody knows the length of time something continue to be popular
    and desired through the masses, but one thing is for certain: the giraffe purse will
    continue to dominate the purse market for the foreseeable future.

    Here is my site :: prada bags outlet

  49. The fedora – a low, soft hat with the crown creased
    lengthwise – should have a narrow brim for a more feminine look.
    Circle dresses or very long ruffles may look astounding, but they may also
    make walking very difficult. Read here to know about the interesting facts about a ship naming ceremony
    and ship’s name. He is also required to do jobs involving transferring
    of bilges or sludge from one tank to another
    and keeping a check and log of all the levels of the tanks in the engine room.
    The extra cellular layers help to pitfall the heat as they also are complementary.
    For Suki, 8- and 9-year-old children are about the
    right height for her to plant her paws on their shoulders and deliver a cold nose on the cheeks.

    I’ve seen so much costly clothing ruined by dirt stains, chocolate
    pudding, spaghetti sauce and grass.

    My site: kids polo dress and shoes

Leave a Reply