Disqus

Caution

This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.

Before you attempt to integrate Disqus with your Shopify store, you should note that this is an Unsupported customization.

Unsupported customizations fall outside the scope of our support service. This means that we’re not able to help you if you run into problems.

If you need help, there’s a growing community on our forums - you’ll often find friendly and helpful advice there. You could also consider hiring a Shopify Expert to do the customization for you.

About Disqus

Disqus is a free discussion platform. Disqus encourages social engagement and traffic to your website as well as improving your SEO.

Disqus can be used as an alternative to our blog commenting feature, especially if you find that your blog generates a lot of comments or is receiving a lot of spam. Disqus can also be used on product pages to generate discussion about your products.

While the system integrates with Shopify, comment moderation, comment removal and general analytics are done through the Disqus platform.

Disqus

It is a fairly easy system to integrate but, if you are apprehensive or would prefer to moderate comments through Shopify, check out the Disqus integration app on our App Store.

To add Disqus to your website:

  1. Signup for your free Disqus account: https://disqus.com/admin/signup/.

  2. Complete the registration form. All of the fields must be completed to successfully create your account.

    Disqus 1

    By default, the Enable Promoted Discovery option is checked off. Here's more information on Promoted Discovery. It's your choice if you want to enable Discovery or not.

    Disqus 2

    Press Continue once you have completed the registration form.

  3. On the next screen click on the Universal Code option. Two snippets of code will be generated for you.

    Disqus 3
  4. The first snippet of code is meant to go in your Shopify theme where you want the Disqus feature to appear. The second snippet of code can go in your Shopify theme to display comment count. That will go in your theme..liquid file above the closing </body> tag. For now, copy the first snippet of code.

    Disqus 4
  5. In a new tab, open your Shopify store admin.

  6. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  7. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  8. Choose where you would like the Disqus feature to appear:

Product page

  1. Under the Templates folder, locate and click on product.liquid to open it up in the online code editor.

    Disqus 5
  2. Paste your code at the bottom of the product.liquid file.

  3. Save your changes.

Your Disqus comment box should now appear on all of your product pages. To learn about moderating comments, spam and more, have a look at the Disqus' Help section.

Blog page

  1. Under the Templates folder, locate and click on article.liquid to open it up in the online code editor.

    Disqus 6
  2. If you would like to use Disqus instead of Shopify's comment feature, you will need to remove the Comments section of your article.liquid template and replace it with the Disqus code. Each theme is a little bit different so be careful when you remove the code. Make a back-up of your theme if necessary.

  3. Save your changes.

Your Disqus comment box should now appear on all of your article pages. To learn about moderating comments, spam and more, have a look at the Disqus' Help section.

Want to discuss this page?

Visit the Shopify Community