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. Because A line provides maximum versatility,
    you’ll find lots of people take advantage
    of the fashion features, including strapless chiffon print dress with skirt
    bridesmaid dresses style. You might wish to think about having refreshments such as water and juices readily available throughout the ceremony and party to stop guests from dehydrating.
    A party at your own house where you are the hostess – Since you will be on your feet most of
    the time, look for comfort. The tea length adds unexpected appeal to this organza wedding dress
    that’s anything but traditional. A great alternative to strapless
    dresses if they are not quite your style are one shoulder dresses.
    We know the evening is an evening you’ll never ever
    forget. Click through and view all our information on woman’s dress guides.

    Here is my blog post :: strapless dress armpit fat liposuction

  2. Hey there, I think your site might be having browser compatibility issues.
    When I look at your website in Opera, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, terrific blog!

  3. Hello! I know this is kinda off topic but I’d figured I’d
    ask. Would you be interested in trading links or maybe gguest
    writing a blog post or vice-versa? My website addresses a lot of the
    sasme subjects aas yours and I feel we could greatly bendfit from each
    other. If you are interested feel free to send me an e-mail.
    I loiok forward to hearing from you! Fantastic blog by
    thee way!

    Feel free to visit myy homepage fann facebook fr (George)

  4. Fiгѕt of alⅼ ӏ want to say fantastic blog! I Һad a
    quick question tÒºat I’d like tÖ…o asҝ if yoÕ½ don’t mind.
    I was curious to find оut Һow yⲟu center youгself
    аnd câ…¼ear your mnd prior tо writing. I’ve Òºad a difficult tÑ–me clearing
    mmy mind іn ɡetting mү ideas оut. I doo
    taқᥱ pleasure in writing but it juѕt seems
    liҝᥱ the fіrst 10 to 15 minutes aare generaⅼly lost simply juѕt trying to figure out how to bеgin. Any suggestins or hints?
    Appreciatе it!

    mʏ web-site :: csr racing 2 Cheats (csrracing2.hackwitches.com)

  5. こんにちは。自分は今年で28歳と10カ月になります。そしてムシムシする時期になりました。ですからやっぱりむだ毛は除毛したいですよね。近年では、全国に脱毛できる病院がいっくらでもあります。やりたい場所は、人それぞれですが、特に多いのはワキです。私は、全身脱毛のシースリーに行ってます。そのおかげで、だいぶムダ毛が減ってきました！やはり自分で処理するのとは、効果が凄いです。シースリーに通ってムダ毛を減らしたいです。でも、医療クリニックに通ったとしても気になるのが脱毛にかかる金額です。それについては、先生に聞けばいいでしょう。あと気になるのが、いつまで通わないといけないのかです。私はできれば、半年くらいで全部終わってくれるといいですけどね。まあ、シースリーに行きたい人は相談してみましょう。

  6. Wonderful beat ! I wish to apprentice while you amend your web site,
    how could i subscribe for a blog web site? The account aided me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast provided bright clear idea

    Here is my website … segway stockholm (Merrill)

  7. ハロー。私は何年も前からダイエットをやっていました。体重は増えたり減ったりで結局たいして痩せれませんでした。ですが、30歳を超えると昔よりも少ない食事量でも太りやすくなってきたと思っています。そのため、今後は本気でダイエットしようと決めたんです。しかもこれから暑くなってきます。ですからダイエットの本を見て調べたんです。どんな方法のダイエット法があるのか、こんな方法のダイエット法がおすすめとかの知識が増えました。最近は酵素を使ったサプリのダイエットが注目されていますね。健康を意識しながらダイエットできるようです。また、エステサロンなどで注目されている痩身ですね。これも美を高めながら痩せる方法ですね。その痩身エステにもサロンによっていろいろあって効果が期待できそうです。しかもほとんどのエステには体験コースというものがあるので、まずは体験コースから試してみるといいですよ。そして野菜を摂るのも大事です。また、野菜野菜が苦手な方は野菜ジュースやトマトジュースなどでしっかりと栄養を摂ってダイエットしましょう。

  9. Greetings from Idaho! I’m bored to death at work so I decided
    to check out your blog on my iphone during lunch break.
    I really like the information you present here and can’t wait
    to take a look when I get home. I’m amazed
    at how quick your blog loaded on my mobile .. I’m not even using WIFI,
    just 3G .. Anyhow, very good blog!

    Also visit my website :: madden mobile coins cheap (asociacionvalinor.hostoi.com)

  10. For most up-to-date information you have to pay a quick visit world wide
    web and on web I found this web site as a most excellent site for most
    recent updates.

    Feel free to surf to my weblog: e-commerce

  18. Early indications are the way the Samsung Galaxy Note will be a good worldwide achievement despite early booking.
    However, we simply can’t help juxtaposing it while using representative phone of the
    One series, One X+ or One X Plus and see whether this phone will probably be worth our purchase and big attention. But its
    unmatchable colors like white and pebble blue did not a lot appreciated by
    their admirers as it did not match to them.

    Also visit my blog post – free iphone 6 plus|#SCM6 iphone 6 ringtones free download mp3

  20. Credo che lei abbia sbagliato. Sono sicuro. Io propongo di discuterne. Scrivere a me in PM, ti parla.
    [url=http://gorkielitovskie.ru/frm/viewtopic.php?f=3&t=27570]xyzzyPa[/url]

  25. Later this coming year the i – Phone 5 arrives for release,
    and like previous instalments of the wildly popular i – Phone 4range, it is likely to challenged the
    competition yet again for the competition. This has just seen two upgraded versions, the Sensation XE and the Sensation XL.
    Smartphone sales are presently huge for those
    manufacturers because of more basic feature phones being replaced by smartphone
    varieties.

    my web-site: free iphone 6 verizon upgrade|#SCM8 free iphone 6 plus survey

  28. Thank you for every other informative website. Where else may just I am getting
    that type of information written in such an ideal method?
    I have a venture that I’m just now running on, and I have been at the look out for such information.

    Look at my site; tiendas virtuales

  30. Does your site have a contact page? I’m having trouble locating it but, I’d like to shoot you an email.

    I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it expand over time.

  32. Mɑny companies often rᥱlease fix on their softwarе to lower set up or initializing some time to to enhance the proрortions of the GPS to diɡ oᥙt satellitе even though the signals
    are weak. It wɑlks you while you walk around town, tҺus the
    product is a excellent selection for foot travel.
    Gps Tracking can create a realm of difference іn tɦe way a company operatеs.

    Feel free to visit my page … gabloty ekspozycyjne

  34. When someone writes an article he/she keeps the image of
    a user in his/her brain that how a user can understand it.
    Therefore that’s why this article is outstdanding.

    Thanks!

    My webpage: business

  37. I love your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do
    it for you? Plz answer back as I’m looking to design my own blog and would like to know
    where u got this from. thank you

  39. If you would like to get a good deal from this piece of writing then you
    have to apply such strategies to your won website.

    Feel free to surf to my web page data breach target (Trena)

  41. I all the time used to study paragraph in news papers but now as I am a user of net therefore from now I am using net for posts, thanks to web.

  45. Its like you read my mind! You appear to know so much
    about this, like you wrote the book in it or something.
    I think that you could do with some pics to drive the message
    home a little bit, but instead of that, this is great blog.
    A great read. I will certainly be back.

  49. The demand for cleaning up area rugs and also oriental carpets, either on area or in-plant, is proliferating.

    Feel free to visit my web blog elite carpet cleaning (Rhea)

Leave a Reply