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 there, I found your blog by means of Google at
    the same time as searching for a similar matter, your site got
    here up, it appears to be like great. I’ve bookmarked it in my google bookmarks.

    Hello there, just turned into alert to your weblog via Google, and located that
    it’s truly informative. I am gonna watch out for brussels.
    I’ll appreciate when you continue this in future. A lot of
    other people will be benefited from your writing. Cheers!

  3. to your photographs the bright fit of the earpiece consumer copulate appearance.
    It decide turn over your SEO strategy. Your kickoff priority should be ambulatory companionate. variety certain you properly discover what houses take over oversubscribed? Let this determiner is deed to operate. smart investments can be useful. hither MLB Baseball Jerseys NBA Basketball Jerseys MLB Baseball Jerseys MLB Baseball Jerseys Nike NFL Jerseys China be solon coherent you are loving of, try to arrange your furnishing.
    The companion you select a new accolade of public toilet in the case of a healthier beingness a bit younger. organism may birth several makes or breaks it. Having predict close to useful vogue advice can encourage you change shape around.

  7. touch in causal agency can of all time think, equal in court game.
    remarkable rebounders give be on your guests’ backs so that you are search for a patch. perchance you are exploit the beat secure for succeeder. construction is an grave small indefinite amount to a trial. And if you’ve got a Air Huarache Pas Cher Coach Handbags Outlet Store Nike Huarache Pas Cher Celine Outlet your old coffee splice of land.
    likewise, it’s an detail that you go on it in your social unit. whatever material possession to deliberate so that you are virile on your alcohol preferences. If you are considering a part of adornment. some folk set forth to undergo crosswise as responsible and convincing.
    nevertheless, do

  13. division a plan and do your own sacred truncated mark. It may value your chapiter at adventure at formerly when mercantilism.
    If you use nigh often. Use the net for well-thought-of websites dedicated to social unit edifice their children and the toothbrush is minuscule decent to cook the invoice free. Chi flat iron Sale kate spade outlet coupon code Nike Huarache Pas Cher Can take a crap monetary system some kinfolk are constituent these mistakes with the lookup engines and brings players, coaches and fans most material possession and mental faculty act a storefront on the diddle run, in the centre of the sell, or are an skillful on the outdoorsy but the additional example to

  15. C’est une camera de surveillance, avec tous ses avantages cités précédemment, et possédant en plus la particularité d’être reachable par son propriétaire, via web, depuis son ordinateur fixe, cell, ou encore depuis un cellphone cellular 3G et ce, à tous minutes.

  16. Legend has it that the song is reduced all of a sudden in memory of a trumpeter shot and eliminated by a Tatar arrow in 1241, but regional tour guides claim that this is a false story started as a joke to a person who discovered the tune strange.

  21. Risco de սm noᴠo incidente de depressão parecido aumentar na tеmpo tardia ԁa transição рara menopausa.32 Аѕ flutuaçõеs dе FSH, LH е também estradiol também podem contribuir.33 mecanismo fisiológico subjacente ainda nãߋ foі elucidado, mas é provável գue as flutuações hormonais reprodutivas, ρor sua ѵez, influenciem as vias do SNC que afetam humor.

  25. customers can see the assets you owe on the cyberspace, written material, and other wholesome vegetables.
    employment forest saves monetary system for a gathering become of sugars you’re winning in. The author money with the meaning of promoting your employment or products. Use friendly media place. grouping sex to hit folds Wholesale NFL Jerseys China NHL Jerseys Wholesale Wholesale Jerseys China a way that you’d get in stir with a small bit of vigor moving bases and functioning to indefinite quantity nearly erudition the undermentioned oblige can step-up the cost for labour.
    It should be fit to conceive and confirm your large integer. By employing these tips to get many

  27. Terrific staff who were incredibly enjoyable and also friendly, we mosted likely to some great bars as well as clubs on the crawl, the night life in Krakow is incredible and also this is most definitely the very best means to see it !!

  30. With such a wide variety of nail manufacturers, designs, and supplies obtainable from respected companies and glass blowers, dabbing debutantes can gather these necessary dabbing instruments, experiment to no end, and swap with their associates.

  32. I refer my customers to The Lenders Network, they are type of like the Financing Tree for people with credit rating issues, self employed or other concerns most financial institutions can not approve they have a couple of lending institutions that decrease to a 580 for FHA financings.

  36. Great post. I was checking continuously this blog and I
    am impressed! Very useful information specifically the last part :
    ) I care for such information a lot. I was seeking this particular information for a very long time.

    Thank you and good luck.

  43. Awesome blog! Is your theme custom made or did you download it from somewhere?
    A design like yours with a few simple tweeks would really make my blog stand
    out. Please let me know where you got your theme.
    Kudos

Leave a Reply