Page tree
Skip to end of metadata
Go to start of metadata

The Facebook Comments Plugin can be added to any page of your website/webstore. It allows your customers to comment directly from their Facebook account. The comments will be shown on both your page and in the Facebook Commenter's Timeline, giving your website/webstore more exposure through your customer's friends. 


  1. Login to your Workspace.
  2. From the left navigation, select "Themes" then "Theme Code".
  3. Select "Templates", then "product.fluid".
  4. Search "product.fluid" to see if the following code already exists (If it already exists, skip to step 5). 

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script> 
    If the code does NOT exist within "product.fluid", copy and paste it near the top of the page, then select "Save" to save the changes.
  5. Copy and paste the following code where you want the Facebook Comment widget to appear. 
    This is usually added above the Related Products or towards the end of the product.fluid. See screenshot below.
     
    <div class="large-12 columns">
     
          <div class="fb-comments" data-href="http://{{shop.url}}{{product.url}}" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
     
    </div>
     
    Note: 
    - There are 2 color-schemes: light/dark. Select the one that best fits your theme and accordingly change the code above.
    - You can change the number of posts by altering the values in the code above.
  6. Select "Save" to save the changes.
  7. See screenshot below for how the Facebook Comments widget might appear on your webstore.