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. Hi, I do think your web site could possibly be having web browser compatibility problems.
    Whenever I take a look at your site in Safari, it lookjs fine however when opening in IE, it has soome overlapping issues.
    I merely wanted to provide you with a quick heads up!
    Other than that, wonderful blog!

  9. Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something.
    I think that you could do with a few pics to drive the message home
    a little bit, but instead of that, this is great blog. A great read.
    I’ll definitely be back.

  10. A Hurricane katrina anniversary passes Bungalow needs you to have area to develop it on however.
    Adding rich style, travertine floors and countertops complete this six-piece master bath.
    The Denver Botanic Garden will host their third annual ‘Green Roofs for
    the West’ symposium, a forum that will highlight the use
    of living plant life as a roofing material to provide natural
    insulation to conserve energy and to cool and
    clean the air, among other benefits.

  12. Everything said was actually very reasonable. However, consider this, what if you typed a catchier title?
    I am not suggesting your content isn’t solid., but what if you added a title that grabbed people’s attention? I mean How
    to Add a Facebook Like Button or Like Box | Donald Sinatra is a little plain.
    You might peek at Yahoo’s front page and see how they create
    news titles to get people to click. You might add a video or
    a related picture or two to get people interested about what you’ve written. Just my
    opinion, it could make your blog a little livelier.

  14. hey there and thank you for your info – I have definitely picked
    up anything new from right here. I did however expertise some technical points using
    this web site, since 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 sometimes affect your placement in google and could damage your high quality score if advertising and marketing with Adwords.
    Anyway I am adding this RSS to my e-mail and can look out for a lot more of your respective intriguing content.

    Ensure that you update this again very soon.

  17. Its such as you learn my thoughts! You seem to understand a lot about this, like you wrote the
    ebook in it or something. I believe that you can do with some
    percent to force the message home a bit, but other than that, this is great blog.

    A fantastic read. I will definitely be back.

  20. Oh my goodness! Awesome article dude! Thank you so much, However I am having issues with your RSS.
    I don’t know why I can’t subscribe to
    it. Is there anybody getting the same RSS issues?
    Anybody who knows the answer can you kindly respond?
    Thanks!!

  21. Woah! I’m really loving the template/theme of this website.
    It’s simple, yet effective. A lot of times
    it’s very difficult to get that “perfect balance” between user friendliness
    and appearance. I must say you have done a awesome job with this.
    In addition, the blog loads super fast for me on Internet explorer.
    Exceptional Blog!

  22. 脱毛サロンのご利用を考える時は、脱毛費用の支出を抑えるためにも料金を見比べてください。脱毛サロンごとに大幅に料金が変わるので、お財布に優しいところを見つけましょう。ご利用される時、キャンペーンも忘れずに確認してください。

  24. The CDC estimates that there are 19 million new sexually transmitted illness infections every year in the United States, costing the health care system about $16 billion every year.
    After initial infection, HSV goes into a hidden state in sensory
    nerve cells, regularly reactivating to produce illness. HSV
    usually causes reoccurring oral or genital lesions and can contribute to the
    eye disease herpetic keratitis, a leading reason for loss
    of sight. Even without signs, HSV-infected individuals
    can transfer the infection and shed. Present HSV treatments, which target
    viral proteins, do not effectively control shedding or reactivation of hidden virus.

    Whomp Int ‘l, a center of excellence and the very best sure in herbal treatment.
    You have to take a vibrant action today and provide us an efficacy of our products is guarantee.A licensed and checked organic
    items you can trust for great health and general wellness.
    Moms and dads can either provide the pill or cut the capsule and put the contents
    in the child’s mouth. Do not integrate this herb with antidepressant medication. A great deal of great cold sore treatment products are readily available.
    Some, like drug store items, work only as convenience solutions.
    Do not expect these to heal or prevent fever blisters to any great degree.
    We’ve been on 4 dates in the past 10 days, and our future looks
    rather guaranteeing. Who would have believed that the regrettable experience of acquiring HSV-2 from
    my partner, would eventually lead me to my Mr. Right!), and infections appropriate to prospective bioterrorism (Ebola,
    smallpox, Cliffe’s experiments reveal that the virus has found out a
    method to modify its chromatin – the securely packaged DNA – ideal next to the methyl marks.
    HIV-1 can result in the immune shortage called AIDS.
    A resourceful Traditional Medication Practitioners experts, I constant devising new and development ways of
    preventing illness militating against Staph Aurues and Infertility in Nigeria and world in basic.
    National Health and Nutrition Assessment Study.
    My name is Cristina Alexandra and i was detected of Diabbetes since 3years back, this
    disease began distributing all over my body, and i have likewise taken treatment from my physician, few weeks back i came on the web to see if i
    will be able to get any information regarding treating this illness, on my search i saw numerous statement of Dave
    Desmond who was recovered from HIV and Juliet who likewise healed from Liver
    disease B by the excellent physician, called DR Osele.

    At least 50% of sexually active females and
    men contract HPV at some point in their lives. ) or
    telaprevir (Incivek in Griffin: Actually? Also, screening is not often done if
    clients are treated for their symptoms. An approximated
    2,291,000 non-institutionalized U.S. civilians ages 14-39
    are infected with C. trachomatis based upon Researchers have
    found that antiviral treatment may achieve success in avoiding hepatitis B infection from
    developing into the most typical form of liver cancer, hepatocellular carcinoma (HCC).
    If you should itch or deal with the aching, use a tissue or
    cotton ball. If you’ve suffered from the illness, you understand it
    causes itching, tingling, and discomfort, and shingles can even result in blindness and permanent scarring.
    ), natural emerging infections (bird and swine influenza pressures,
    SARS, A 2nd trial combines a healing vaccine from Johnson and Johnson with a body
    immune system booster from Gilead Sciences. Since chlamydia can be transmitted by anal or oral sex, males who have sex with
    males are also at danger for chlamydial infection. Montoya now has data on 25 CFS clients,
    nearly all of whom had high levels in their blood plasma
    of antibodies to the human herpes virus 6 (HHV-6) and
    the Epstein-Barr infection.

  25. Whoa! This blog looks exactly like my old one! It’s
    on a completely different topic but it has
    pretty much the same page layout and design. Outstanding
    choice of colors!

    Here is my web-site; Tampa

  26. I’m really impressed with your writing skills as well as with
    the layout on your weblog. Is this a paid theme or did
    you modify it yourself? Either way keep up the nice quality
    writing, it’s rare to see a great blog like this one nowadays.

    Look into my blog – children’s books

  27. My spouse and I stumbled over here by a different web address and thought I may as well
    check things out. I like what I see so now i’m following you.
    Look forward to checking out your web page again.

    my weblog … shopping blog

  28. Hello There. I found your blog using msn. This is a very well written article.
    I’ll be sure to bookmark it and return to read more of your
    useful information. Thanks for the post. I’ll definitely comeback.

  30. Excellent post. I was checking continuously this
    weblog and I am inspired! Very helpful info specifically the final
    part 🙂 I take care of such information much.
    I used to be looking for this particular info for a very lengthy time.
    Thank you and good luck.

    Look into my web-site – seo in malaysia

  33. Your bank loan officer can work with you to handle any issues which
    may come up, so as long as your DTI ratio is under forty three percent and your credit score is above
    630, getting a mortgage is usually possible.

  34. Ó€’m reaâ…¼ly impressed along with yojr writiing abilities
    and É‘lso with the format Ñ–n your weblog. Is tÒ»at tÒºis a paid theme or
    dÑ–d you modify Ñ–t youг self? Either wаy stay uup the excellent qualijty writing, Ñ–t’s uncommon to peer a nice weblog â…¼ike tÒ»is one
    today..

    Ⅿу web blog – King Of Thieves Android Hack

  35. I am really enjoying the theme/design of your weblog.
    Do you ever run into any browser compatibility problems?
    A small number of my blog visitors have complained about
    my website not operating correctly in Explorer but looks great in Safari.
    Do you have any recommendations to help fix this problem?

    Feel free to surf to my webpage: fallout shelter hack tool

  36. Greate post. Keep writing such kind of info on your page.

    Im really impressed by your blog.
    Hello there, You’ve done an incredible job.
    I will certainly digg it and in my opinion recommend
    to my friends. I’m confident they’ll be benefited from this website.

    my blog post … jonas jurgella

  39. We’re a group of volunteers and opening a new scheme in our community.

    Your site offered us with valuable info to work on. You have done a formidable job and our whole community will be grateful
    to you.

  40. Today, I went to the beach with my children. I found a
    sea shell and gave it to my 4 year old daughter
    and said “You can hear the ocean if you put this to your ear.” She put the shell to
    her ear and screamed. There was a hermit crab inside and it pinched her ear.

    She never wants to go back! LoL I know this is entirely
    off topic but I had to tell someone!

    Review my website … Mens Fashion

  41. It is appropriate time to make some plans for
    the future and it is time to be happy. I’ve learn this put up and if I could I wish to counsel you few attention-grabbing issues or suggestions.
    Perhaps you can write subsequent articles relating to this article.
    I want to learn more issues about it!

    Here is my web page :: DJ Hire Melbourne

  43. I’m not sure why but this blog is loading very slow for me.
    Is anyone else having this problem or is it a problem on my end?
    I’ll check back later and see if the problem still exists.

  47. Hey there! This is kind of off topic but I
    need some guidance from an established blog. Is it hard to set up your own blog?
    I’m not very techincal but I can figure things out pretty
    fast. I’m thinking about setting up my own but I’m not sure where to start.
    Do you have any points or suggestions? With thanks

    Here is my web page; credit report gov

Leave a Reply