How to add comments to any website in under a minute

EchoThread works on any website — WordPress, Next.js, Hugo, Astro, Gatsby, plain HTML, or any other platform. Here's how to set it up.

Step 1: Create your account

Head to echothread.io/register and create your free account. No credit card required during beta.

Step 2: Add your site

From the dashboard, click "Add site" and enter your domain name. You'll receive an API key.

Step 3: Drop in the snippet

Add these two lines before your closing </body> tag:

<div id="echothread" data-api-key="YOUR_API_KEY"></div>
<script src="https://cdn.echothread.io/widget.js"></script>

That's it. Comments will appear on every page where you include the snippet.

Optional: customize

You can configure the widget with additional data attributes:

• data-theme="dark" — force dark mode
• data-accent-color="#e8353a" — custom accent color
• data-identifier="unique-id" — stable identifier for the page's comment thread

For full theming control, override the CSS custom properties on the .et-widget class.

Platform-specific notes

WordPress: Paste the snippet into your theme's footer.php or use a "Custom HTML" widget in the post template.

Next.js / React: Add the snippet to your layout component using dangerouslySetInnerHTML or load the script dynamically with useEffect.

Static sites (Hugo, Astro, Jekyll): Add the snippet to your post layout template. EchoThread automatically creates a new thread for each unique page URL.

Questions? Visit our homepage to learn more about what EchoThread can do.