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. Consequently, the art of a deceased celebrity will be deemed rare
    and die-difficult collectors and followers of the celebrity will spend almost something
    to personal artwork from the celebrity. So, you should be very careful in choosing
    your friends and tell the secrets to trustful friend.
    Young girls generally tend to wear them as a form
    of expression and are very pleased once it is done.

  3. hello there and thank you for your info – I’ve definitely picked up something new
    from right here. I did however expertise several
    technical points using this site, since I experienced to reload the website lots
    of times previous to I could get it to load correctly.
    I had been wondering if your web hosting is OK? Not that I am
    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.
    Well I am adding this RSS to my email and could look out for much more of your respective exciting content.
    Ensure that you update this again very soon.

  6. Analysts around the world are comparing this trend
    towards the upcoming trend of utilizing mobiles to browse websites inside
    the near future. The point to note here is this website development services
    usually do not end after developing and implementing a web solution but it is a continuous process.
    Keeping these matters in mind you’ll be able to get a solid idea of what should it look
    like.

  7. Quando se está até pescoço dentro da chuva, seu corpo só está suportando 10% de
    seu peso, e também movimentos dentro da água possuem 12 vezes a resistência do
    oxigênio, que torna a natação excelente para fortalecer, tonificar e também condicionar praticamente todo seu corpo.

  10. The remote control includes 3 different frequencies, and you can operate
    the car from up to 8 meters. Now you will soon forget about key-fobs as well since new biometric
    revolution is going to allow you to enter your car with your fingerprint,
    face detection or eyeball recognition. Access Free Online Maps via Wi – Fi or
    3G network, such as Google Map.

  13. Very good blog! Do you have any tips for aspiring writers?
    I’m planning to start my own blog soon but I’m a little lost on everything.

    Would you propose starting with a free platform like WordPress
    or go for a paid option? There are so many options out there that I’m completely overwhelmed ..
    Any recommendations? Thank you!

  16. I used to be suggested this web site by my cousin. I am
    no longer sure whether this put up is written by way of him as
    no one else recognise such precise about my trouble. You’re amazing!
    Thank you!

  18. The basic idea is that you have to plant explosives on a
    structure in order to collapse it. Basic a quick-growing mobile app market during modern times,
    it can be nearly impossible to assume how such a market did not even exist merely ten years ago.

    This is a good Lords Mobile Hack casino strategy, but not an effective one.

  21. I think this is one of the most vital information for me. And i am glad reading your article.

    But wanna remark on some general things, The website style is perfect, the articles is really excellent :
    D. Good job, cheers

  23. If sone one needs expert view about running a blog then i suggest him/her
    to pay a visit this website, Keep up the nice job.

    Also visit my blog post: Paul mccartney, Dorothea,

  25. Sears may have the perfect Easter outfit on sale this week for every member of the family, for every age, size and style.
    It has its unique design and can be made as customer
    requirement. Whatever you wear for Easter, make sure you channel that younger you.
    For the faint-hearted or those who cannot stand the sight
    of real blood, and the sounds of penitents moaning in pain while
    going through the motions of being actually nailed to the cross,
    a better choice of destination would be Sto. In the 1870s, the tradition of the New
    York Easter Parade began, in which women decked out in their newest and most
    fashionable clothing walked between the beautiful gothic churches on Fifth Avenue.
    What makes the presentation interesting and engaging is the element
    of ‘moro-moro’ or role playing and use of theatrical props, as the procession progresses.
    Check out the next section for all your ghostly fonts and tips.

    Here is my web blog – toddler easter dress and coat set

  28. BIM Group is also implementing many high-profile property projects across
    Viet Nam and in foreign countries, such as Lotus Residences, Green Bay Village, Little
    Vietnam Trade Townhouse in Halong Marina Urban Area in northern Quang
    Ninh Province, and the five-star Crowne Plaza Vientiane Complex in Laos.

    Feel free to visit my web site :: บิม

  29. To study the importance of Bim in the response of our
    model to LA, we tested the impact of Bim targeting by siRNA on cell death of IGROV1
    and IGROV1-R10, 24 h after transfection exposed to LA 1 mM (Fig.

    Feel free to surf to my homepage; st1688.com

  30. This simply fits over a camera’s flash to soften the harshness of the light, preventing glare and providing you
    an even more natural lighting effect. Soon after its introduction, the wheeled carry-on luggage became popular and it
    has stayed so since. Probably the good thing with
    backpack chairs is they sit pretty low and being close to the ground they allow you to
    definitely be more comfortable and thus relax easier.

    Here is my website prada bags outlet

  32. Its like you read my mind! You seem to know so much 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 fantastic read.
    I will certainly be back.

  36. 初めまして。いつも興味深く拝見させてもらっています。私はスタートアップ資金の用意する方法についての記事を書きました。みんなが知りたいどうすれば審査をパスするのか、について情報をまとめています。これからもブログ楽しみにしています。

  37. 今晩は、年齢肌に立ち向かうコスメジプシーいおりが書きますよ。この後書く、美容アイテムのメッセージは定期的に読み直してください。まずは洗顔の重要性です。洗顔はお肌の毛穴のバイキンを落とします。洗顔がちゃんとできていないと肌トラブルのの元になります。なんで？と思うかもしれませんが肌は、常時排気ガスでダメージがあります。吹き出物などを予防するために洗顔は必要です。洗顔料には色々な種類があるのです。その中で今回は、保湿力の高い洗顔料について書きます。この洗顔料の特徴は、洗浄力を選べることです。このことによって、皮膚の状態に応じて、使い分けることができます。次に化粧水が肝心です。化粧水も洗顔料と同様に顔の状況に合わせて選ぶことが一番です。化粧水もたくさんの形態があります。その中で今回は、保湿用化粧水について書きます。このタイプの化粧水は使い所を誤ると、お肌の調子を悪化させてしまいます。だからこそ化粧水の用途をしっかりと見識を深めてから使用するようにしましょう。化粧水の後は美容液の登場です。美容液は50代になるととても重要なコスメです。美容液は低価格なものを選ぶのではなく、美容成分がしっかり入った美容液を選択するようにします。美容液も化粧水や洗顔料と同じでたくさんの形態が存在します。その中で今回は、混合肌用美容液について説明します。

  38. Hello! Do you know if they make any plugins to safeguard against hackers?
    I’m kinda paranoid about losing everything I’ve worked hard on.
    Any suggestions?

  41. An outstanding share! I’ve just forwarded this onto a friend who was
    conducting a little homework on this. And he in fact ordered me breakfast simply
    because I stumbled upon it for him… lol. So let me reword this….
    Thanks for the meal!! But yeah, thanx for spending some time to talk about this topic here on your
    site.

  45. It is perfect time to make a few plans for the future and it’s time to
    be happy. I have learn this put up and if I may just I
    wish to suggest you some fascinating issues or advice. Perhaps you can write ubsequent articles regarding this article.
    I want to learn even more things approximately it!

    Take a look at my blog; web site – Gretchen,

  46. What’s up i am kavin, its my first occasion to commenting anywhere, when i read this
    piece of writing i thought i could also create comment due
    to this brilliant paragraph.

  49. They are called reluctant celebrities and sometimes we at the media accidentally stumble upon such
    stars who don. Fashion and Bollywood has a deep connection
    since ages. The Movie Times has a vast picture gallery
    and allows you to rate celebrities.

Leave a Reply