Home > Shopify Development > How to insert comments to your posts and other pages using Disqus

How to insert comments to your posts and other pages using Disqus in Shopify

Thomas Nguyen
Thomas Nguyen Updated: February 28, 2023


Drive 20-40% of your revenue with Avada
avada email marketing

Considered as the best tool for blogging, Jekyll is a popular static site generator that is useful for the Shopify store owners to contribute their website with the extremely fast speed. In detail, this static site generator does not have or use any database so it can maximize the website’s speed. By using Jekyll, the online sellers have a lot of advantages as well as the ability for the users to comment like WordPress. Moreover, Jekyll also allows the users to use a 3rd party library to complement.

Disqus is the solution for the Shopify store owners to add comments to their websites easily. This popular library that is totally free, which allows the users to host comments and drop into their Jekyll site. With Disqus, the Shopidy store owners could motivate their audience effectively. Besides, it is also possible for the users to convert their readers to the contributors to their web. With the helpful tool such as cross-site notification, the users enable capturing and keeping the readers come back to their stores. Moreover, by Audience Analytics, this tool helps the online sellers analyze the sucess with the clearest understanding about what makes their shops succeed. Last but not least, it is easy for the store owners to build up sales from the new inventory by Disqus by configuring their advertising service based on the visitor’s demands.

To discover more about How to insert comments to your posts and other pages using Disqus in Shopify, the online sellers enables reading this below guiding article. There are listed steps which are super simple so the beginners could follow easily.

Table of Contents

Step 1: Create a Disqus account

Firstly, the admins have to register their sites with Disqus site. By signing up an account, the users can have one of the most effective tools for their online stores

Step 2: Create a disqus.js file and save it

In this step, admins just need to coppy this bellow code named Universal code to load Disqus

<div id="disqus_thread"></div>
  var disqus_shortname = '{{ site.disqus_shortname }}';
  var disqus_config = function () {
    this.page.url = "{{ page.url | prepend: site.url }}";
    this.page.identifier = "{{ page.id }}";

  (function() {  // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');

    s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

Step 3: Paste into layout

After coppying this code, the users continue by pasting it into their post layout.

Step 4: Set url

Finally, it is necessary for the users to build url to their website’s domain. Then change the disqus_shortname to their own shortname in _config.yml.

url: http://mysite.com
disqus_shortname: YOUR_DISQUS_SHORTNAME


Those steps in this article How to insert comments to your posts and other pages using Disqus in Shopify are simple way to install the effective tool as Disqus in Jekyll. Furthermore, to discover more about Jekyll,the Shopify store owners can have the overview and basic concepts by the chain of articles such as How to build Jekyll on your site, How to set up Jekyll on Mac OS X, How to set up Jekyll on Linux and How to set up Jekyll on Windows.

As the CTO of Avada, a company specializing in Marketing Automation Platform, I have over 10 years of experience in software development. I have successfully led Avada's technical team in creating innovative products for our clients.

Stay in the know

Get special offers on the latest news from AVADA.