Search the Support Center

How to add Facebook comments to your website

You can embed Facebook comments on your website so that your visitors can leave messages with their Facebook accounts. Follow the steps in this article to embed Facebook comments on any page of your website. 

 

Step 1

Navigate to the page of your site where you want to embed Facebook comments.

 

If you want to embed Facebook comments at the bottom of a blog post, follow these steps:

 

  1. Click Blog in the Site Admin
  2. Choose an existing blog post or write a new post
  3. Hover over the title of the blog post, then click to edit it. 
  4. Set Comments to No.

 

Continue on to Step 2 to learn how to add the Facebook comment widget. 

 

Note:

You can also add the Facebook comments widget to the Sidebar of your site so that it appears on every page.

Step 2

Add a new Widget / HTML element to the page and copy the following code into the text field:

 

<div class="n">
    <div id="fb-root" class="fb_reset">
        <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
        </div>
    </div>
    <script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1" type="text/javascript">
</script><script type="text/javascript" language="javascript">

        //<![CDATA[
        document.write("<fb:comments href='YOURSITE.jimdo.com' num_posts='10' width='500'><\/fb:comments>");
        //]]>
    </script>
</div>

 

In Step 3 we will customize the red text in the above code so that it works with your site.

 

Step 3

Change YOURSITE.jimdo.com to the URL of your site—if you have a custom domain name (e.g. yoursite.com), don't include jimdo in the URL. 

 

You can also change the language of your Facebook comments widget by adjusting en_US. Here is a complete list of Facebook language codes in XML format

 

Adjust the width of your comments widget by editing the number 500, which is the width of the comments widget in pixels.

 

Finally, set the number of comments you want to appear per page by adjusting the number 10.

 

Step 4

Click View at the bottom of your site to see the Facebook comments widget as it will appear to your visitors.