You are here: Home / Topics / Development / How to Add Facebook Social Comment Box on any Website or WordPress

How to Add Facebook Social Comment Box on any Website or WordPress

Please wait
June 20, 2011 By 295 Comments
Buffer


Facebook Social Plugins are a set of plugins that enables social interactions on your website. Not to mention the huge user base Facebook has developed along the time. Previously, it was a pretty much a hassle to go through the Facebook connect implementation for a website. Now with Facebook Social Plugins things are much more simpler to implement and use. Lets take a look how easily we can implement a Facebook Social Comment box for virtually any website that allows HTML and Javascript.

Get 5GB Free Space on the Cloud for your Devices

Here are the steps:

  1. Create a Facebook Application for your website. This step is required and all the fields must be filled up.

    Site name : Your Site Name
    Site URL: http://somewebsite.com/
    Locale: English (or your preferred language)
  2. Now you need to fill up a Captcha to confirm creation of the Facebook Application for your site.
  3. Once you click Submit on step 2, you would be able to see the confirmation page with your Application ID and Application Secret. You can modify your existing Applications at My Apps page.
  4. Now go  to Facebook Social Comments site. Fill up the URL where you want to put your comment box to. Enter the number of Default comments to be shown and finally enter the width of the comments box.

    NOTE: The URL can be a single HTML or Dynamic page too (eg. http://somewhere.com/test.html).
  5. Once you are done with step 4, you can click the Get Code button to get/copy the necessary codes for your site.
    facebook comments code
    .
  6. Create a empty HTML file on your website (eg. index.html). Then paste the code in between <body> and </body> section of the HTML file. Save the file and upload to your server.

    NOTE: Your Website APP ID is pasted inside the meta property for facebook underneath the <head> tags.
  7. Open the file you have just created using your browser, you should be able to start posting comments on that page. Yes that’s about it.

 

I must also say this is just a simple implementation of Facebook Social Comment at your website. There might be more options available for you to implement if you go through the documentation.

 

How to Implement the Comments Box on WordPress:

  1. Follow the Procedures mentioned on the previous steps and after then
  2. Look for the file comments.php inside your themes folder (the name of the theme depends on which WordPress theme you are using)
  3. Open and edit the file using a text editor. Modify the code you have found on the previous implementation (Which is for using it on a standard website) as below.

    NOTE: You need to change the part href=”<?php echo get_permalink($post->ID); ?>”
  4. Paste the code into upper part of your comments.php file. Save and Upload it back to your server.
  5. You should be able to see the Facebook Dynamic Comments for all your WordPress posts.

 

Where do you manage/moderate and administer your comments?

 

Do not post Test comments on this post because it confuses other people who are reading this post.

Eventually your test comments will be blocked and Banned.

Test it on your own site. Thanks.

This article is an upgrade of the previous Facebook Connect Comment Box article for your website.

Filed Under: Development, Social Media, Wordpress Tagged With: , , , , , , , , , , , , , , ,
About Ruhani Rabin

Ruhani Rabin is the original owner and author of this blog. He also reviews web 2.0 startups at Tech2all.com. Largely interested in web 2.0 apps & Social Media. Currently the Vice President of MOL Access Portal (MOL is owner of Friendster.com). Also he is Web 2.0 & Social Media Researcher and a Total fun Geek!.. There you have it ;)

Facebook Comments

  • Anonymous

    new comment test 

    • http://izmirescortbuse.org/ izmir escort

      thank u sir.. good articles.. that is a good blog…

  • Pingback: Comments box plugin for website | Digital Page and Web Design

  • http://www.mspy.com/ Wendie Lee

     recently found this site using yahoo. com And i want to thank you for work. You have done really excellent site. Great work, great site! Thank you!

  • Anilkumat

    hi

  • Rebin-snjawy

    hi

  • http://www.directboattransport.com/ boat shipping

    Thanks for posting Really Such Things. I should recommend your site to my friends. Cheers.

  • http://www.masterinformation.com Masterinformation.com

    Sweet been looking for a tutorial on how to do this.

  • Lorrinelle

    Hi  I followed all the instructions from facebook developer and some other sites but for some reason when I press ctrl and f in the same time then i pres body> tag but I don’t seem to find it, can somebody please help me I’ll appreciate it so much. thanks :(

  • Home Theater Installation

     
    Thanks for posting
    Really Such Things. I should recommend your site to my friends. Cheers.

  • Rjds

    hi this is nice

    • online slots

      Thanks a lot for
      sharing such nice information to me and my friend also.I am very much
      satisfied by this website.

  • Anonymous

    test

  • http://www.facebook.com/people/寒天/100001290178507 寒天

    test, thanks!

  • kasperben

    slt

  • http://www.esparkinfo.com/ Nitesh

    hey people like do as well find twitter & facebook comment box.. as well in my group one of my friend tell me that why dont you put twitter & facebook comment box in my blog..
    this is latest trend but with as well DISQUS is also popular…
     

  • http://howtogetlaideasy.com meelis king

    I didnt know that it’s even possible. Thanks!

  • poster

    Thanks for nice information.

  • http://xn----zhclg9ajtd8ch.com/ סאמר סקול

    Just stumbled across this and I’m SO glad I did! Thanks for the great info.
    There aren’t a lot of good sources like this. I can see that you are an expert in this area.

  • http://craniosacral-il.com/ טורטיקוליס

    Just stumbled across this and I’m SO glad I did! Thanks for the great info.
    There aren’t a lot of good sources like this. I can see that you are an expert in this area.

  • Play Slots

    Your blog is very informative for the facebook users.
    Play Slots

  • Pingback: Anonymous

  • http://www.markjewellmd.com/ Liposuction Procedure

    Generally I don’t learn post on blogs, but I wish to say that this write-up very forced me to try and do so! Your writing style has been amazed me. Thanks, very great article.

    • supercuts

      Thanks for nice sharing…….

  • custom t-shirt

    It provides a lot of
    information, which is great merit in this site.

    Many thanks for a good exchange of information in this blog.

  • http://vacationrentalnet.com/ vacation home rentals

    I just started
    reading and I m glad I did. Your a great blogger, one of the best that Ive
    seen.

  • klsjf

    Boom

  • Abdul Rehman Khan

    How can i modify my comment box like yours. I want a comment box for all (facebook, twitte, google, yahoo)
    tell me tell me.

    Please

  • http://bestdjsoftwares.com Sammy

    Great post. I absolutely love this app :)

    • Lk

      Bark

  • Hra hotjig

    hello

  • http://ontai.net/ Oscar Tignach

    Jump to Embed Facebook Comments Box In Your WordPress Weblog‎: Facebookfeatures a social plugin called Comments which allow you to add Facebook comment box to your WordPress website.

  • Blcservices

    Good artilce post thanks I really like this post thanks you are sharing a great article

  • Eldelcable__

    Me parece muy ben artículo

  • ashutosh nigam

    thanks for sharing nice article with us….

  • ashutosh nigam

    great post for all the Facebook lovers……..thanks for sharing with us…

  • Pingback: 20 Fun and Creative Ways To Increase Your “Likes” | The Social Biz Buzz

  • http://www.jonaas.com Jonathan Araujo

    Or you can simply download the DISQUS comment system plugin for wordpress like you have Rabin.

  • Anonymous

    123

  • Anonymous

    ujkjj

    • custom t-shirt

      Its a great post for all the Facebook Fans. Nice sharing 

  • Anonymous

    nice

  • http://www.facebook.com/kevin.ringoot Kevin Ringoot

    test

  • Dn

    check

    • Fuck

      fuck

  • http://spiritofhack.blogspot.com Triyono

    i confuse buddy

  • Chrissy

    dsaf

  • Trip Itaka

    So this layout is what i want to avoid on my blog! You have a wordpress comment box showing comments, a facebook comment box with its own set of comments then 2 different like buttons showing 2 different numbers.

    I’d like to consolidate. I’d like all facebook and wordpress comments to be grouped together and appear seamless. All comments seen on WP styled as dictated by my theme, these same commentsm also seen in facebook. So all facebook comments added to the WP database and all comments in the WP database exported to facebook.

    Has this been done? If so can someone show be a blog where this happens? thanks

  • David

    Do you know how to get this to work with comments_popup_link()?

  • http://www.facebook.com/james.castaneros James Earl N Castaneros

    Is there a way that we can customized the theme of the facebook comment?

  • Anonymous

    Can somebody help 

  • Anonymous

    I got an error when i tried the process

  • Anonymous

    great tutorial

  • Jamescastaneros

    this is a nice tutorial

    • Robert

      What could be the problem man? Maybe I can help

  • WASEEM

    Nice information

    thanks

  • anonymous

    ASIANS CAN ACTUALLY READ MINDS!!!!!!!!!
    they can hear and see what your visually thinking

    the reason alot of asians have completely expressionless faces, only associate with asians and dont associate with non asians very much is to avoid accidentally revealing that they can read read minds, if all over a billion asians were to show facial expressions all the time just as much as non asians, associate with non asians much more, and be much more friendly and talkative, then alot of them might accidentally reveal that they can read minds by accidentally showing a facial expression or dirty look when someone thinks, or visually pictures something in their mind they dont like or find astonishing or funny, and if they were all to associate with non asians alot more there would be alot more people around for them to accidentally show facial expressions when those other people think things they dont like, so they only associate with asians so there wont be anyone around for them to see that and have any accidents happen in the first place

    think about it, its not normal how alot of them act, and the entire way they act is all to hide their mind reading abilities, it makes perfect sense to do all of that to hide that they can read minds, because all of that is the perfect way to do it!
    every single asian on the planet is hiding their mind reading abilities, they value hiding their mind reading abilities more then their own lives!
    thats why nobody knows about it!

    try thinking, best yet visually picturing in your mind something something absolutely crazy as you possibly can when you are around asians, and try looking for asians who give people particular looks, especially dirty looks for what appears to be for completely no reason, that is them giving people looks when they hear and visually see someone thinking something they dont like, find funny or astonishing
    it still happens despite a large number of them having completely expressionless faces all the time, it would just happen alot more if none of them had completely expressionless faces all the time, its not uncommon!

    i know this sounds crazy, impossible, and completely unbelievable, BUT IT ISNT CRAZY WHEN ITS TRUE

    you have to spread the message!!!
    the world has to know about this!!!!

  • Anonymous

    Great post bro!

  • http://www.facebook.com/people/Le-Viet-Duc/100000031913784 Le Viet Duc

    dasdadadad

  • Anonymous

    Sorry, I’ll try the box :3

  • Anonymous

     ghjfghj

  • http://www.lacosteoutlet.co lacoste polo

    Worthy of collection

  • http://profiles.google.com/mohamedgomaa80 mohamed gomaa

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articels

  • http://profiles.google.com/mohamedgomaa80 mohamed gomaa

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articel

  • http://profiles.google.com/mohamedgomaa80 mohamed gomaa

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articels

  • Bikas

    thanks

  • http://www.facebook.com/boosul Lee Junghyun

    Comment Plugin .. good

  • Eee

    testing

  • Personthethird

    How can I delete or manage the comments made on my page?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Please read the previous comments before making a question.. you can manage your comments here http://developers.facebook.com/tools/comments

  • http://www.facebook.com/Kuldeepkd Kuldeep Gupta

    great 

  • http://www.facebook.com/people/Mohd-Domais/538186367 Mohd Domais

    testing the facebook comment box :)

  • http://www.facebook.com/milan.pastor.cz Milan Pastor

    test

  • http://www.hoteldealsrevealed.com Randy

    Thanks for the great post.  I see that you’re not using it?  How come?

  • http://www.netiniz.com şarkı sözleri

    i love facebook :) )

  • http://www.facebook.com/LAMerida Ac Merida

    can you PLEASE explain how to list as an administrator of the comments(with pictures of the process)…… im having so many issues it never works

    • http://www.ruhanirabin.com/ Ruhani Rabin

      you can configure and administer your comments over here developers.facebook.com/tools/comments

  • Test

    test

  • Test

    a<sd

  • Ni

    werwr

  • Aixuan01

    Thank you very much
    for that astonishing article

  • http://www.facebook.com/people/Roman-Kolbiev/671278827 Roman Kolbiev

    test

  • rafiqul awal

    how to remove user thumbnail / profile pic face from the comment box…………..i just want the comment box not user thumbnail……plzzz suggest or give a the code………….thanks

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Sorry there is no option for that

  • http://www.facebook.com/people/Gorgia-Cali/100001126290427 Gorgia Cali

    hello

  • http://www.facebook.com/people/Kenny-Foster/9430256 Kenny Foster

    Test

  • Jfranz01

     where can i find my site name and site URL!!plzz thxx

  • Withkanddoubles

    Thank you very much for writing your post! Nonetheless, I got a question for you. People in the US  seem to see the box, but people who have their language set to Spanish or actually if their Facebbok was created in Mexico, can’t see it. Is there any way we can fix this? I was thinking creating two comment boxes? one for each? What do you think? Would this work? Thank you before hand! =) 

    -K

    • http://www.ruhanirabin.com/ Ruhani Rabin

       Hi There, I am not exactly sure how that will work out but you are always welcome to do some experiment .. DO let me know how it worked out!

      • itzco

        Not really sure why it wouldn’t show, but have you tried just changing the language code? If you’re using PHP or any other server language replace the en_US for the language code for spanish probably es_MX (I do between Thai and English)

  • santa

    Thanks.. Is there a way to specify the href of fb:comment on run time/ dynamically ?

  • http://foxhost.ca/ Hébergement Web

    Thanks for taking time out to write this very detailed article. The plugin can help more people to install the comments, because it is easy. They each definitely have a purpose.

  • Kenmehoo Comakin

    i am unable to create a new tab on my facebook tab this may be due to facebook changes from fbml to iframes perhaps. I have everying ready just can;t insert it yet

  • Jaspervalle

    Where will i get the Site URL??sorry i’m too confused.
    coz everytime i paste the url to the “URL TO COMMENT ON”it doesn’t have the app ID..help please..

    • http://www.ruhanirabin.com/ Ruhani Rabin

      start at number step 1 (or 3) .. site url is your web site link where the comment box will be visible..

  • mannu singh

    i have some problem to add face book comment box to my site

    when i comment on this page picture are not sent on my facebook id
    please help

    • http://www.ruhanirabin.com/ Ruhani Rabin

      You need to consult facebook forum for that..

  • http://www.facebook.com/people/Gagandeep-Singh/100002137272067 Gagandeep Singh

    Thanks for the help. I have one another problem and looking for solution for the same. I have my website where i have more than 150 pictures with each picture having its own static page. Now how i can add comment box to each page. Right now i have tried to add the same code on all the pages and when i comment on one picture the same comment is posted on all the pages.

    Any help

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Send me the example of your site (I mean the site itself) .. use the
      “contact” form at the navigation bar.

  • http://www.facebook.com/profile.php?id=100000382522685 Noli Valdez

    very helpful thanks

  • Lolubodunwa

    thanks a lot…it worked for my blogger site

  • http://www.facebook.com/people/Boon-Boon-Boon/712261374 Boon Boon Boon

    testing

  • http://www.facebook.com/people/Boon-Boon-Boon/712261374 Boon Boon Boon

    testing

  • http://www.facebook.com/people/Boon-Boon-Boon/712261374 Boon Boon Boon

    testing

  • http://kiranatama.com ruby on rails developer

    it’s not working for my template

    • http://www.ruhanirabin.com/ Ruhani Rabin

      I didn’t see the code anywhere in your site.. also you have other ajax
      script which might conflict with the FB codes.. try DEBUG using firebug or
      similar.

  • http://www.accountantfinder.co.za Peter

    Thanx for this article. I recently started to use the box comments for my website and it really works well. Thanx. Peter

  • woody

    How can I create more different comment boxes? If I add two comment boxes this way, one comment will show up in both comment boxes

  • http://www.facebook.com/FiliberkeBroucke Tom Broucke

    Nice

  • Anonymous

    uuuu

  • http://electricscootersforadultsreview.com electric scooters for adults

    I was just wondering, if this feature was enabled on a wordpress blog, would it overwrite the original WP comment box?

  • http://www.konstrukcjestalowe.info Konstrukcje Stalowe

    Thanks for this solution! But first of all i need to register Facebook Account :>

  • http://www.facebook.com/people/Ajay-Shokar/715226753 Ajay Shokar

    good

  • http://www.rupees4gigs.com rupees4gigs

    Hi Ruhani,

    Good to know how to add social comment box and thanks for sharing.

    • Ondray40

      yes it is good

  • sumit saini

    i like it

  • Peter Petrelli

    As far as I can see the first step (create FB App) is not truly required. I only want to integrate the CommentBox on one Page and can’t see any reason to create an App for it?

  • 8802659069

    Its really very helpful for me Thanks Ruhani thanks a lot

  • 8802659069

    Its really very helpful for me Thanks Ruhani thanks a lot

  • Anonymous

    test

  • http://www.malaysiapos.com admin

    Your tips is very good @ the best.

    Thanks

  • http://www.facebook.com/people/Dominique-van-Roon/100000242900289 Dominique van Roon

    just testing the commenting feature

  • http://www.facebook.com/emreyayman M. Emre Yayman

    How can we do it on dynamically generated pages like “domain.com/article.aspx?artID=12 ” ?
    The comments are same on all pages now. Can it be different on each page?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      I’ve already posted/replied a comment regarding this.. please look up the previous comments on this topic..

  • http://www.todayiwrotenothing.com Rona

    Never mind! I’ve worked it out. :) Thank you so much for this; it’s a great tutorial!

  • Anonymous

    Test

  • http://www.facebook.com/sarceda Santiago Sarceda

    Test

  • http://www.almostlikeeverything.com Almostlikeeverything

    Thanks Ruhani, was waiting for this Tut, facebook comments will surely help, to Increase traffic from Facebook!

  • ELF

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF

    why in step 1 i can’t found “create an app” page ….?? ?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Most probably you do not have facebook developers app access ..

  • Test

    test

  • http://www.facebook.com/haNdy24 ‘haNdy 연애 중 Pipa

    like this….

  • Angeliearnido

    hfgjhfg

  • http://www.ibankr.com/ business valuation

    I am glad that now I can add facebook social comment box on my website thanks to your instructive tutorial. It is a very useful post for every one who wants to add this feature to his websites.

  • Mohitmathur

    hello

  • http://www.nhile.net nhile

    Great tutorial, some question, based on number 6 do I really need to create a blank html page for this to work? or I can only used my index.php,header.php or in page file in wordpress,by the way my site powered by wordpress.

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Hi you don’t really need a blank HTML file, i could go anywhere where HTML is supported.. For WordPress you might need to do coding to resolve your dynamic URL inside the tag ( example fb:comments href=”ID)); ?>” ) you get the idea..

  • http://essayserve.com/ custom essays

    Thanks for interesting and very useful information.

  • Amir Mishani

    Hey bro how do you customize the style on the new comments plugin, on the old one you could insert a CSS style sheet and figure out the IDs and give them your own styling but it doesn’t seem to work on the new comments plugin.

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Hi Amir, Few days before I saw the documentation and there is no mention of any custom CSS.. you can check it again and confirm

    • Josegu

      Hey Amir, beeing around with the same questions…? :)
      See You in Berlin, Sebastian

  • Nonee

    ارجوكم ياجماعه ساعدوني عندي ظروف صعبه جدا والدي مشلول وانا بشتغل وبصرف علي البيت بس مش عارفين نعيش وانا مش عارفه اعمل ايه؟؟ اللي عايز يساعدني يحولي اي حاجه علي الرقم دا 0191778367 وانا ببيع الرصيد لاي سنترال ارجوكم ساعدوني وربنا يجزيكم كل خير

  • Kapansenget

    hi ruhani..gone thru all those steps but failed at step 6 and 7..
    if i’m a blogger and hosted ad blogspot[dot]com. ,how to made the html files on HTML code?
    i had pasted things in step 5 but it does not visible in my blog..
    thanks

    • http://www.ruhanirabin.com/ Ruhani Rabin

      blogspot uses dynamic URLs so it would be really difficult without doing code hacking.. try to debug your site using FireBug..

  • Mrjoesebastian

    how do we delete(the user/admin) these comments if offensive?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Each url has it’s admin link.. you can either find it on myapps or you can find the link at the comment page itself .. (if your FB id is the owner)

  • Mrjoesebastian

    nice one

  • thesis writing

    why do people do this? seriously? is that because they think that everybody has a facebook account ? what if not? cause in reality it is not! i think it is wrong decision to put those boxes everywhere!

    • Vin

      Actually, the Comments Box even lets users without a Facebook account comment. But it’s helpful because for the 600 million people who do have Facebook accounts and spend more time there than any other site, links to your web site get posted to their newsfeeds. It drives traffic and helps their friends discover the site.

      • http://www.ruhanirabin.com/ Ruhani Rabin

        Nice Insight Vin!

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Facebook social comments box allows adding comments system to a static website without knowing of any dynamic coding.. just as simple as copy paste..

  • Kiralylorand

    i have a question, how can i put different comment box in different page, an comment box for every game from my site and to be able to see the insights? please help me, can you explain me on my mail please?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Hi, you need to repeat step 4 and 5 for every game pages of your site ( http://www.site.com/game1.html or http://www.site.com/game2.html ) and copy paste the corresponding codes to respected pages. And of course you need to create an app for your website first.

      • dbc

        Actually this is not really true, as you see in the picture at step 5 you have “a href” in where you can change the url yourself into a dynamic code, depending on what coding or cms you use you can put in code to retrieve current url and echo it into the href tag.

      • dbc

        Actually this is not really true, as you see in the picture at step 5 you have “a href” in where you can change the url yourself into a dynamic code, depending on what coding or cms you use you can put in code to retrieve current url and echo it into the href tag.

  • Anonymous

    Hi Ruhani
    I have heard that it should be possible to allow anonymous comments in the new Facebook Social Comments module. Do you know if this is true? And if true – how do you set it up?
    Thank you for a great wizard.

    • http://www.ruhanirabin.com/ Ruhani Rabin

      It might be possible if you are not already logged in to facebook. Most probably the default comment box would work

      • Anonymous

        This is very helpful

  • Pingback: 20 Fun & Creative Ways to Increase Your “Likes” | Personal Branding | Business Branding | Social Media Branding | Social Media For Profit | Facebook Fan Pages | Custom Facebook Sidebars | Wordpress Training | Wordpress Blogging | Website C

  • http://www.wind-up-your-friends.co.uk/ prank call

    It is fact that Facebook is world famous social networking site.Facebook Social Plugins are a set of plugins that enables social interactions on your website. Its very easy to add from facebook and get more advantage.

  • http://www.wind-up-your-friends.co.uk/ cainemichael49@gmail.com

    It is fact that Facebook is world famous social networking site.Facebook Social Plugins are a set of plugins that enables social interactions on your website. Its very easy to add from facebook and get more advantage.

  • Aet9rat6

    Im using firefox and neither one of your links work the wizards 1step

    • http://www.ruhanirabin.com/ Ruhani Rabin

      This article has been outdated since Facebook upgraded to FB Social Plugins … start here http://developers.facebook.com/docs/reference/plugins/comments/

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Hi this article has been modified for the New Facebook Social Comments implementation.. Do check back..

  • http://www.facebook.com/nickenttee Lip Jian Tee

    ksjdlkjsdfll

  • Pushpendra Jadon

    zcdfddfdsf

  • Kirkshoe

    Question (after explanation)

    I registered an App (website) with Facebook so that I could install a Facebook Comments box to that website. My root index.htm is a split frames page with the website navigation menu page topframe.htm static in the top frame. I installed a Facebook Comments Box in the page that loads in the bottom frame – bottomframe.htm. When a User posts a comment that also posts to their facebook page, the Link is for bottomframe.htm and not the index.htm page with the Menu that I want people to link to. I have been unable to find an answer on Facebook.

    Can someone here instruct me on how to set up my Facebook Connect “app” so that the Posted link refers to index.htm and not bottomframe.htm?

    • Vin

      Go into your developer settings for the app, and find “Site URL” – that should be the URL you want your app to link to.

      Check the href field in your fb:comments tag on your page. That should be the url you want comments to link back to.

      You might need to set up a way to dynamically load content in the bottomframe.htm depending on some extra querystring in the URL for index.htm, if you’re not able to pull off what you were trying to do.

  • http://twitter.com/priyansu29 priyansu

    very nice job

  • Lukasz Lawreszuk

    Hi, im trying to add facebook comments on static html page and I have tried so many codes and cant make it work… do you know if it’s possible to add facebook comments on static html page?

    • http://www.ruhanirabin.com/ Ruhani Rabin

      Yes it is possible, check the updated article..

  • Sdfsds

    @fdsfs sffds

  • http://M7chat.com M7chat

    teeeeeeeeeeeeeeeeeest

  • http://M7chat.com M7chat

    test

  • Abc

    test1234

  • Testduh

    Sup

  • http://www.rewardsgenerator.com Rewards Generator

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks…

    • Vin

      For that you need to implement other elements of Facebook. Look at the other Facebook Social Plugins on their site to see what’s helpful for you. There are many different ways to implement it. Regardless of whether or not people register with your site using Facebook, the comments box works the same way.

  • http://www.rewardsgenerator.com Rewards Generator

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks..

  • http://www.rewardsgenerator.com Admin

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks.

  • http://twitter.com/ericajonsson ericajonsson

    coolio

  • http://twitter.com/ericajonsson ericajonsson

    great help. Thx.

  • Anonymous

    very good help, thank U!

  • longines sunglasses

    I just came by your blog and wanted to say that I’ve really liked browsing your blog posts.<a href=”http://www.sunglassescool.biz/longines-sunglasses.html”>longines sunglasses</a>

  • Sssss

    I just came by your blog and wanted to say that I’ve really liked browsing your blog posts.

  • Sartajbedi

    Hi,
    I registered myself with facebook developer but where is the xd file. the screen shots are not the same. Please advise.

  • http://twitter.com/prashanth284 Prashanth R
  • http://www.facebook.com/profile.php?id=668797017 Dave Matthews
  • http://www.hawaiibookblog.com Alex

    Awesome. I may actually implement DISQUS though.

  • Anonymous

    good

  • http://www.visvimonline.com/ Emuboots

    support

  • Noone

    :D

  • http://pakforex4u.Co.CC Nomi

    thanx for this post.. very nice job

  • Ime

    test

  • http://www.gpsgolf.com.au Golf GPS

    Thanks for this post. We are looking to implement some social plugins on our site

  • http://twitter.com/matchmate MatchMate

    great post

  • http://security-wire.com/10/how-to-remove-antivirus-action-rogue-anti-spyware.html remove antivirus action virus

    I really appreciate your step by step guide.

  • Pingback: 6 Articles about Facebook for Business Owners

  • http://www.facebook.com/profile.php?id=711240839 Victoria Godfrey

    hbhghghghgh

  • Foxy_mkd

    njjjjjjjjjjjjjjjjjj

  • http://forexhug.com forexhug

    i think facebook is not good way promote anything i always go twiter accs

  • George

    Strange, I don’t get to the 2nd page as described here ! after the captcha I see a whole other story !!

  • Pingback: [News] Facebook Comment Box Replaced DISGUS | Cherry Solution

  • Pingback: Facebook Comment to your website tutorialRAYMANEXE | RAYMANEXE

  • http://pulse.yahoo.com/_7XCFQC53V5BRB66ZTFGR4BMOPI Mr Jim Dude

    Thanks for that, pretty much what I was looking for!

  • CeCkZNT

    Do u know if there’s a comment box for Classic ASP?

  • http://www.facebook.com/people/Ochado-Ochuko/100000208961677 Ochado Ochuko

    I like this application

  • http://twitter.com/kamarajg kamaraj

    hi

  • http://twitter.com/AnnieMueller Annie Mueller

    Thanks for this – took me an hour of searching thru FB apps/WP plugins to realize they weren’t exactly as custom as I needed… this is the exact information I was looking for. Appreciate it.
    Best,
    Annie Mueller

  • Psthink1

    I don’t even see the second option to download the XD_receiver.html file
    please help

  • http://twitter.com/Wolverin3 Rahul Baskaran

    This is wonderful information. Thanks a lot. Gonna try it with my site and hope it works. :)

    Thanks
    http://twitter.com/Wolverin3

  • Victoria Whitehead

    Hi,
    I have been trying to create an application for the past few days now and have been unable to get through security. It keeps saying that I typed the Captcha words incorrectly, but I know they are correct. Has anyone else experiencing this issue, and any news on when it will be fixed. I am in Spain…maybe the developers wizard is only open in certain countries at the moment? Thanks

    • Asdf

      yxghk

  • http://www.jeromelocson.com Jerome Locson

    Thanks for sharing this one!

  • http://twitter.com/milosmacedoljan Miloš Macedoljan

    THX

  • sharin_sg

    Great tutorial! Thanks for sharing, Ruhani :)

  • bluecrystaldude

    Thanks for the tutorial. Nice!

  • http://twitter.com/brettany Brett Sall

    How'd you do it? Can you post the link to your page so i can see it?

  • http://donnyien.com Donnyien

    thanks 4 this tutorial..

  • Rahul

    greate

  • Red-firm

    great

  • Casey

    What about adding the comment box on your FB tabs. Do you need to create and application for this?

  • George Stan

    error! why?

    • Victoria Whitehead

      @George… me too. Unable to get past the Captcha Page

  • Mooee

    i have this same

  • bergasa

    I got it working! Thanks anyway.

  • http://twitter.com/johnberger John Berger

    Is there a way to get the comments box working with an iWeb page? My problem is twofold: I'm not sure there is a way to upload the xd_receiver.htm file to my iWeb page, and then I'm not sure if you can adjust HTML code in iWeb. There is an HTML snippet widget, do you think that would work? Thanks for any help!

  • pesz

    This http://developers.facebook.com/setup/ link does not work for me. I fill it out, click button and then blank page appears.

  • Yuda

    AAA

  • http://www.ruhanirabin.com/ Ruhani Rabin

    On my demo site … I posted comments and it works..

  • http://www.footyfree.com live soccer streaming

    i was getting the same error , u need to write as http://www.xyz.com/ (slash at the end is important) .

    cheers.

  • http://www.footyfree.com live soccer streaming

    they might have can u check and let me know if its working for u caus when i click on create a application it take 2min to load and gives error '' connection time out ''

  • http://www.ruhanirabin.com/ Ruhani Rabin

    They might have changed their API have you checked on FB site yet?

  • http://www.footyfree.com live soccer streaming

    thanks for the guide ,its a nice feature but it not working from 2weeks :S am i doing something wrong? as in the application name or some thing

  • livereceptions

    I doing seo job, backlink is the most important for seo, one week I added 600 backlinks,it is lots of job, I did it manually, how othere people do it?

  • Darkyyy

    i'm getting invalid url error …

  • http://www.ruhanirabin.com/ Ruhani Rabin

    Thanks :) This is being outdated for a while (Last updated OCT 2009). I will update it when I can have some time on my hand.

  • Skt2009

    r we talkin about the same facebook geesh…eithr this is outdated or i cant speak or understand the english language

  • Amir sayani

    my issue is: facebook is not showing all comments at same time, it shows sometime 2 sometime 3, and so on, i wanna see at same time.. please help

  • Taddei11

    77

  • john143

    bookmarking this page, thanks for the post, really enjoyed reading this

  • http://www.ytmusic.mojblog.hr Darius

    I have simple html blog and Im trying to use this option (comment box) but all i get is loading gif while the like box is working properly. Any advice how to work this out?

  • http://www.atechadviser.com/ TechAdviser

    This is pretty nice feature but like somebody else mention here in comments it's not really easy to manage the comments. Maybe I can't find or there (on Facebook) are not any feature to see all comments at one single place and manage it there. You should visit all the pages and subpages with comments and check whats new – if there is any new comment. In WordPress you have all comments for all posts at one single place. With facebook comment box this is not the case (or I just can't find this).

  • http://twitter.com/fdelin Fredrik Delin

    just remember that this code is now old. There is a new connection method, but just click the application wizard link in the post and facebook will take you to the new page!

  • http://pricepakistan.com Kauser

    I have add fb connect to my site finally :D Now I wanna add manually twitter oponid and yahoo to my wp blog. is it possible?

  • http://www.nike-air-force-one.com air force one shoes

    The post of thread is very nice and informative, I often come this froum and really love it! Actually I love various kinds of food so much and this forum I learn much things ,and this forum constantly hold many activities that can make us meet many people .and I know some websites which provide many good products and they are in discount ,they are **** welcome you!

  • Arvin

    I was excited to see this but when I tried doing it, the screen images here did not match those I see on my Facebook. They're very diffferent. There's no more Steps 1-2-3.
    What happened? Please advise.

  • http://www.hobbybreeders.com Dog Breeders

    I think that it must helpfull for usuers. Thanks.

  • http://www.easyrecovery.co.uk/ data recovery

    I regularly visit Facebook and this tips is really useful for me.

  • Pingback: Tweets that mention [How to] Add Facebook Connect Comment Box on Any Website -- Topsy.com

  • http://www.montrealaubaines.com HoTiCE_

    Ruhani,
    What do you think will be the impact of switching from your own WordPress commenting system to a Facebook comment box?

    Do you think it will increase user interaction? and in turn blog traffic? I'd be curious to have your opinion on this

    One thing I don't like right now is the lack of ability to simply moderate comments and see statistics. I know this is probably all possible via the graph API but for the common users…this is not an easy task

  • http://www.newswatchdogservice.com/blog-mainmenu-9 News Watchdog Service

    nice thanks for your help

  • http://www.igre123igrice.com igre 123 igrice

    nice explaned

  • http://www.igre123igrice.com kiki

    good job

  • http://www.wheelmax.com Rims

    I am agreed with you. It is very easy to use facebook. It is becoming more popular day by day. I am using facebook.

  • http://www.ApplicationUSA.com Ty

    Hi Ruhani, thank you for this easy to understand tutorial.. really helped…
    I created a DEMO/test comment form page but in mine (regardless of the browser and my log-in state) all i see is the option to Comment by Logging Into FaceBook so no anonymous option is visible.. (Name/Email)

    http://applicationusa.com/facebookcommentbox.html

    (PS: “Allow Anonymous Comments” is checked YES)

    any help would be appreciated…

  • http://komenkodin.blogspot.com/ zarul702

    salam ruhani rabin
    sy suker tgk ruangan komen anda, simple box dan friendly
    blh bg tau tak mcm mn nk buat?

    harap dpt tolong sy

  • Cheryl

    For some reason, I can't get it to allow anonymous posts (for those with no facebook login)… I checked the 'anonymous' box, but still no luck… any idea what's going on or how to fix it?

  • Pingback: Easy steps to Facebook Connect Comment Box [How to] « Facebook applications for developers

  • http://www.ruhanirabin.com/ Ruhani Rabin

    If it is less than 10% then you should let go of ie6

  • http://lukees.com lukees

    I guess if you can't fix it and I can't, there's nothing to be done.

    The browser stats on our website show only 4.4% using IE6, so we may just let it slide.

  • http://www.ruhanirabin.com/ Ruhani Rabin

    Not really sure how I can help on that

  • http://lukees.com lukees

    I'm trying to set this up for a website and it's not loading in IE6. I just checked out your demo site and it isn't either.

    Any insight?

    I'm running IE6 in a virtual windows installation with VMWare Fusion on a MacBook Pro, though this shouldn't matter.

  • Pingback: uberVU - social comments

  • http://www.zikrihusaini.co.cc/ zikr the jalanan sepi

    thanks for the tips :-)

  • http://AutomatedSocialNetworking.com/ Janice Clark

    Big ups for this . . . thanks! :D

  • Sam

    Is it possible to review all of the comments that people leave on your site in one place?

  • Sam

    Hello,

    Is it possible to set up a star rating system using Facebook?

  • http://www.facebook.com/keo.visay Keo Visay

    Trying out this article to setup a facebook connect in a demo site.

  • apjet

    Not directly related to this post. I want to say I like the DISQUS comments. But it asks you to create a DISQUS account which I don't know if anyone would be interested.

  • http://www.facebook.com/people/Khasruzzaman-Milon/1313110595 Khasruzzaman Milon

    How can i set facebook connect like
    http://www.tv4play.se/sport/fotbollskanalen?sel…
    anybody help please

  • uttammitra

    hi i want this plugins please help me other wise my boss kick me out of my company.Just send plugins address send me.If possible then send twitter also.

  • uttammitra

    hi i want this plugins please help me other wise my boss kick me out of my company.Just send plugins address send me.If possible then send twitter also.

  • mfarney

    I really have no idea why web designers still earn their daily bread. It seems that anyone can create a blog in just minutes. The internet is simply amazing. Of course, for a sturdy business site a web designer can do more than an online free tool. Still, it never has been so easy to create a blog, even for people with no programming skills.
    ________________
    Mathew Farney – Web Hosting

    • John

      Umm…probably because not everybody wants a regular old blog with a few color changes? You know, there are still people that like things customized professionally.

  • http://www.starcraft2strategy.com Starcraft 2

    facebook How to Install Facebook Connect Comments on WordPress Facebook has just introduced its first widget, the Facebook Comment box for Facebook Connect Now

    Now, if you would like to easily get Facebook Connect set up on your WordPress blog, you can easily do it with these simple steps

    your readers to comment with Facebook effortlessly How to tattoo Wow, nice tips, very easy understand, I have some works to do now

  • http://www.starcraft2strategy.com Starcraft 2

    facebook How to Install Facebook Connect Comments on WordPress Facebook has just introduced its first widget, the Facebook Comment box for Facebook Connect Now

    Now, if you would like to easily get Facebook Connect set up on your WordPress blog, you can easily do it with these simple steps

    your readers to comment with Facebook effortlessly How to tattoo Wow, nice tips, very easy understand, I have some works to do now

  • makinghollywood

    How do i know where to insert the code on my wordpress site ???

  • http://www.facebook.com/joebasurto Joe Basurto

    I like this.

  • robinng

    thanks for this. i actually looking for it!

  • Pingback: Most interesting blog articles of the year | Blog Engage Blog

  • http://www.ruhanirabin.com Ruhani Rabin

    Actually “Disqus” Does it all :) This tutorial only for the people who like
    to use FB Comments systems in their static websites etc..

  • Wes

    Is there any benefit to using the facebook comment box over the Disqus comment box?

  • kem jem

    testing .how do u upload a picture?

  • http://www.inkatechnology.co.uk/facebook-connect-integration-api.php facebook connect

    I’m really glad to see this! One of the things I love about Facebook is that their products tend to actually work… I’ve been extremely frustrated with just about everything Myspace and OpenID hasn’t worked for me either..

  • http://www.ruhanirabin.com Ruhani Rabin

    This article mainly intend to add the box on any website including plain
    website :) yeah please do let us know about your cool investigation :)

  • http://www.shoutmeloud.com/ Harsh Agrawal

    Few days back I implemented the same but with little difference and that is keeping the same wordpress commnt box and beside it added an option to comment using facebook connect, but later on somehow I guess messed with commnts.php code and it stopped working. I will see if I can implement again this one..

  • Pingback: The most interesting blogs on the week | Blog Engage Blog

  • http://www.faqpal.com Pliggs

    Good post, trying to implement something similar in a project I am working on.

  • Pingback: You are now listed on FAQPAL

  • Pingback: Tweets that mention [How to] Add Facebook Connect Comment Box on Any Website -- Topsy.com

  • Pingback: Vote on this article at blogengage.com