Comnto Comments Widget

Welcome! This documentation shows you how to add, configure, and maintain the Comnto comments widget on your website.

What you get

• Drop-in widget that renders comments, replies, reactions, notifications and more.
• Automatic layout adaption, responsive sizing, and dark/light theme support.
• Localization with 20+ ready-made languages and simple overrides for custom words.
• Real-time updates, moderation tools, and login flows.
• Built-in controls for guest access, SSO-only mode, reactions, image uploads, and more..

Getting Started

Grab your Comnto site id and follow the quick checklist below.

• Add a container with data-comnto and your data-site id.
• Load the script once per page: <script src="https://comnto.com/embed.js" defer></script>.
• Refresh and verify: confirm the widget renders, the network panel shows the embed script + iframe, and the console stays clean.

Pick the integration style that fits your page.

Auto-init with data attributes

<div
  id="comments"
  data-comnto
  data-site="my-blog"
  data-topic="article-123"
></div>
<script src="https://comnto.com/embed.js" defer></script>

Manual initialization with window.comnto()

<div id="comments"></div>
<script src="https://comnto.com/embed.js" defer></script>
<script>
  window.addEventListener('DOMContentLoaded', () => {
    window.comnto({
      el: '#comments',
      site: 'my-blog',
      topic: 'article-123'
    });
  });
</script>

If anything looks off, open DevTools → Console for detailed warnings about missing configuration or trusted domains.

Once the widget renders, move on to the Integration guides for more options, or jump to Troubleshooting if something still looks off.

Need a hand? Head straight to Troubleshooting if the widget still refuses to load.