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. After Cristiano Ronaldo’s Champions League hat-trick, Real Madrid manager Zinedine
    Zidane called the Portuguese the best player in the world
    After Cristiano Ronaldo’s Champions League hat-trick,
    Real Madrid manager Zinedine Zidane called the Portuguese the
    best player in the world. You should be well-known
    about every detail of happenings that are going on. You will find dictionary meaning of the word too tedious to assimilate.

  2. Ò»eу there and thank you for youг info – I’ve definitely pickеd up anything new from гiɡɦt here.
    I did however expertisе a fеw tеchnical issues uѕing this website,
    since I experienced to reload the site many times previous to I cß‹uâ…¼d get it to load
    properly. I Òºad been wondering if your Õ¡eb hosting is OK?
    Ⲛot that I’m cÖ…mplaining, but sluggish â…¼oаding instances times will sometimes
    affect your placement in google аnd сould damage
    yoսr quality score if ads ɑnd marketіng with Αdwords.
    Anyway I’m adding this RSS to my e-mail and can look out for
    much more of yοur respective exciting content. Mɑke sure you update thіs
    again soon..

    My web-Ñ•ite; number phone usa

  6. Experts agree that the ideal treatment plan includes therapies
    and interventions specifically designed for each child and, most important, the earlier the intervention, the better.
    The ridiculous popularity of Wo – W continues unabated and several celebrities appeared in their advertising campaign including
    Mr. Burlesque outfits and clothing have, on occasion,
    been the inspiration for many a celebrity get-up and of late it has developed into a fully blown trend.

  7. Serves as a central source of military intelligence, developing a highly-trained workforce to collect, analyze, evaluate, interpret, produce and disseminate
    sensitive military intelligence.

  8. Corporations opened by jewelers comparable to
    Carl Fabergé and Louis Consolation Tiffany achieved great success by making superb jewelry for the wealthy.

    Look at my site :: joma jewellery lola (Williemae)

  10. Fantastic beat ! I wish to apprentice at the same
    time as you amend your web site, how can i subscribe for a weblog website?
    The account helped me a appropriate deal.

    I were tiny bit familiar of this your broadcast offered shiny clear concept

  12. You actually make it seem really easy together
    with your presentation but I in finding this matter to be really something which I feel I might never understand.
    It kind of feels too complex and extremely wide for me.
    I’m looking forward for your subsequent publish, I’ll try to get the hang of it!

  16. If you happen to be intown in during April, maybe you are able
    to hook Oceanside Times of Art, the yearly street fair backed by
    the Oceanside Cultural Arts Foundation (). Furthermore during April, check out the Dawn to the Coast
    Easter Service backed by New Enterprise Christian Fellowship (760-721-7777).

    Look at my page :: san diego oceanside hotels

  20. I’m amazed, I have to admit. Rarely do I come across a blog that’s equally educative and interesting, and without a
    doubt, you’ve hit the nail on the head. The problem
    is something not enough men and women are speaking
    intelligently about. Now i’m very happy that I found this during my hunt for something regarding this.

    Also visit my web-site; ไฮไลท์ฟุตบอล

  22. I got this web site from my buddy who shared with me regarding this website and now this time I am browsing this
    site and reading very informative articles or reviews at this place.

  27. Hi this is kind of of off topic but I was wondering
    if blogs use WYSIWYG editors or if you have to manually code
    with HTML. I’m starting a blog soon but have no coding expertise so I wanted to get advice from someone with experience.
    Any help would be greatly appreciated!

  28. 新宿の西口と東口つなぐ道のところにリサイクルショップがあっていろんな商品券を売っていた。
    Amazonギフト券も売ってるのかなと思ってお店に入ってみたんだけど、意外なことにAmazonギフト券は売っていなかった。あんなに日本で一番使われてるサイトのギフト券なのにスゴい意外。
    阿波野さんにどうしてAmazonギフト券は売っていないのか聞いてみたところ、さすがなんでも知っているベテランさんはスラスラと教えてくれた。
    要約すると、Amazonギフト券みたいなデジタルの商品券はビール券みたいな紙に印刷された商品券と違くて、紙には価値はない。その代わり紙に印刷されているギフト券番号に価値がある。そのものはいらない。英数字だけあればいい。
    ただ紙の商品券は使えばもう使えなくなるが、ギフト券番号は使ったものなのか使っていないのかがわからない。番号が消えるわけではないから。
    だから買取ショップはそのギフト券の英数字が使用済みなのか未使用なのかがわからない。だから買い取れないというわけ。
    なるほどアキラ先輩、キレっキレっでわかりやすかったぜ。

  29. When using the social interaction that discusses careers, skills or wealth, the chance of the interaction being accepted by the celebrity depends on the level
    of knowledge your sim has about the career or skill or the amount of cash your
    sim has. Not a single soul from the crowd will ever fail to notice their glamour
    and appeal. Born in 1936, Terence Donovan also came from the East end of London and had much in common with David
    Bailey in his upbringing.

  30. Spot on with this write-up, I truly believe that this web site needs much more attention. I’ll probably be back again to
    read through more, thanks for the info!

  31. Hey I am so grateful I found your webpage, I really found you by accident, while I
    was researching on Bing for something else, Anyhow I am here now and would just like to say thanks for a
    fantastic post and a all round exciting blog (I also love the theme/design), I don’t have time to read it all at the minute but I
    have book-marked it and also added your RSS feeds, so when I
    have time I will be back to read more, Please do keep up the fantastic work.

    Here is my webpage https://www.meetup.com/fr-FR/IoT-Thursdays-Brinc-IoT-Hub/messages/boards/thread/50530649

  32. The rock chick look is all about attitude, so look
    for ways you can tone down the style without losing any of the intent.

    Our daily life is transformed from something
    we are entirely used to something we are not entirely
    at home with. Because iguanas are distant relatives of dinosaurs, taking
    care of them will provide children with a base to study their
    prehistoric creatures. Truly feel no cost in order to try out many diverse dresses before making ones ultimate decision and
    click on your own photo through these garments.
    Strapless gowns are best fitted for women using toned upper bodies.

    Native Americans of the Americas are the indigenous people
    who mainly belonged to the southern and northern part of the country.
    This foundation is great for giving your skin a glow to it after you have applied foundation.

    Also visit my web site … 1\/2 length sleeve red dress at macy’s

  33. Have you ever considered about adding a little bit more than just your articles?

    I mean, what you say is valuable and everything. However imagine
    if you added some great photos or videos to give your posts more, “pop”!
    Your content is excellent but with images and video clips, this blog could definitely be one of the
    very best in its niche. Superb blog!

  36. 時代が変化すると愛車も
    異なる。愛車の
    ある人生はとどのつまり目覚ましいです。ウィークエ
    ンドにはラジコンレース、モーターショ
    ーなどのイベン
    トに参戦する感じも
    アップしていきます。ラジコンは車よりもマ
    ネーがかからないので、アットホームにエン
    ジョイする事が出
    来ます。酷く面白い
    ので、ぜひ致してください。

  37. GHS tools est un outil qui permet de faire du
    référencement internet et bien plus encore… je vous conseil de le tester gratuitement pour vous faire votre propre avis
    car 10€ sont offert à l’inscription. Vous pouvez aussi venir sur le forum de GHS Tools pour découvrir les astuces des membres.

    Also visit my web page: seo (Shantae)

  40. 最近のスマゲーは、画質もキレイで、なかなか楽しめるものが増えていますよね。
    どのゲームをやるのかはアプリをダウンロードして遊んでみないと口コミで選ぶと後悔することもある。アンストしてやり直すにも時間がかかるので、事前にちゃんと攻略方法や登場人物などを見ておいたほうがいいですよね。
    wikiや攻略ブログもちょっと時間が経てばそれなりに出来ているので、wikiがないということは基本的にはないでしょう。
    いまはアンテナサイトなどもあるのでそのゲームの攻略情報もまとめて見ることができるので、無駄に時間がかかることもないですし、大手のwikiならほとんどのゲームは大抵攻略情報を見れると思います。

    ポケモンGO　遊び方
    位置情報を活用することにより、現実世界を舞台にポケモンを捕まえたり、バトルしたりできるゲーム。

  41. ｛テレビ番組｜ホンマでっか｝でも｛紹介｜宣伝｝されて話題の｛マイクロニードル｜ヒアルロン酸パッチ｝
    ｛皮膚｜肌｝に｛そのまま｜直接｝貼って刺す｛シート｜パッチ｝なので｛副作用｜トラブル｝がないか
    調べました。｛マイクロニードル｜ヒアルロン酸パッチ｝の中で「｛安心｜安全｝なものも紹介。
    ｛ニードルパッチ｜ヒアルロン酸パッチ｝の｛針｜ニードル｝に配合されている｛有効成分｜美容成分｝も
    どんなものなのか詳しく調べました。

  43. I loved as much as you will receive carried out right here.
    The sketch is attractive, your authored subject matter stylish.
    nonetheless, you command get got an nervousness over that you wish
    be delivering the following. unwell unquestionably come further formerly again as exactly
    the same nearly a lot often inside case you shield this
    hike.

  46. 差当りインターネットやソーシャルネットワーキングサイトで巷で話題、一吹きするだけで歴然たるに除毛できるという「デリーモ除毛スプレー」について調べてみました！インターネットの口コミでも「すごく現然たる！」と高評価の脱毛スプレー「デリーモ」の口コミや効目を見てみてください。

  47. Good day! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success.
    If you know of any please share. Kudos!

  48. Hi, I do think this is an excellent website. I stumbledupon it 😉 I’m going to revisit
    yet again since I saved as a favorite it. Money and
    freedom is the best way to change, may you be rich and continue
    to guide others.

Leave a Reply