How to add a comment box to your pages with comments.app

The end result can be seen at https://sample.brick.do/comments-app-n8doMB90XP21.

Sign up at comments.app. Then, create a new domain there. We will use sample.brick.do as an example.

comments.app will give you a list of settings, one of them being "site ID".

Choose a page in Brick that you want to have comments for, and use the "Manage head tags" feature — see How to add a third-party integration for more details. You will want your integration to look like this:

Here, the line script.setAttribute('data-comments-app-website', "QtapV-ix") should list your own site ID instead.

The full code is here:

<script>
  var onload = function onload() {
    var script = document.createElement('script')
    script['async'] = 'async'
    script['src'] = 'https://comments.app/js/widget.js?3'
    script.setAttribute('data-comments-app-website', "YOUR ID HERE")
    script.setAttribute('data-limit', "5")
    script.setAttribute('data-page-id', window.__INITIAL_PROPS__.id)
    document.querySelector('.ck-content').appendChild(script)
  };
  if (window.addEventListener) {
    window.addEventListener('load', onload)
  } else {
    window.attachEvent('onload', onload)
  }
</script>