Commentsy is a pilot project. For your own deployment, fork and self-host Commentsy.
Open source. Open conversations.

Your content.
Their thoughts.
One conversation.

Add comments to your website in just a few minutes. Give your readers a place to connect, ask questions, and keep the conversation going.

Get started See how it works
No external dependencies Make it your own
Commentsy comment interface in dark mode
A little space for big conversations
Commentsy discussion with nested replies from readers
Good things start with a comment.

A place for conversation, wherever you create.

BlogsPersonal sitesPhotosEcommerceServices
SMALL ADDITION. MORE CONNECTION.

Built for the conversation.
Designed to feel like you.

A simple experience for your readers. A thoughtful workspace for you.

01 / MAKE IT YOURS

Your site. Your style.

Customize colors for light and dark mode, and preview your changes before saving. Your comments should feel right at home.

A little more you.Appearance editor showing custom comment colors and a live light mode preview
02 / STAY IN THE LOOP

One home for your conversations.

Manage your sites and revisit the comments you've shared, all from your personal Commentsy dashboard.

Everything in its place.Commentsy dashboard with personal comment activity and connected sites
03 / KEEP THE THREAD GOING

Your contributions,
within reach.

Find your comments and replies across sites using Commentsy. Jump back into a discussion, or edit what you've shared.

Find your next conversation
Pick up where you left off.Personal comment history showing replies, GIFs, and links to the original discussions
LESS SETUP. MORE CONVERSATION.

A few minutes. Two snippets.
You're ready to go.

Read the documentation

Create an account, add your site, and use its app code in the snippets below. No external dependencies required.

1

Make room for the conversation

Place this HTML where you want comments to appear.

<!-- 
  Replace {{IDENTIFIER}} with your page's unique identifier variable
  The identifier you pass will be used to create a comments group
  For e.g. https://commentsy.vercel.app/{{YOUR_APP_CODE}}?identifier=my-new-blog-post
  -->
<iframe
  scrolling="no"
  frameborder="0"
  id="commentsyIframe"
  src="https://commentsy.vercel.app/embed/{{YOUR_APP_CODE}}?identifier={{IDENTIFIER}}&theme=light"
  style="width:100%;border:none;overflow:hidden"
/>
2

Add the finishing touch

Paste this JavaScript inside your HTML head tag.

<script>
  /**
   * Important!!! Do not modify this code
   * Paste this JavaScript code snippet as it is inside your HTML <head> tag
   * or
   * Paste it into an external JavaScript file then include it inside your HTML <head> tag
   **/
  window.addEventListener("message", (event) => {
    const iframe = document.getElementById("commentsyIframe");
    if (iframe && event.data) {
      if (event.data.type === "commentsyResize" && event.data.height) {
        iframe.style.height = `${event.data.height}px`;
      }
      if (event.data.type === "pingCommentsyParent") {
        iframe.contentWindow.postMessage(
          {
            type: "commentsyParentSiteData",
            title: document.title,
            url: window.location.href,
          },
          "https://commentsy.vercel.app"
        );
      }
    }
  });
</script>
LET'S TALK.

Give your next visitor a voice.

Bring the conversation to your corner of the internet.

Get started with Commentsy