Quick Start

This guide shows the easiest way to embed Cactus Comments on your website.

The setup described here will use the public cactus.chat servers. If you want to host your own server, see self-hosting.

Prerequisites

To start using Cactus Comments, you need a Matrix account. This account may be on any homeserver. If you don’t have one, you can register here.

Additionally, you need a website where you want to embed comment sections.

Register Your Site

The first thing you need to do is to register your site with Cactus Comments. To do this, start a new chat with @cactusbot:cactus.chat and type:

register <YOUR-SITE-NAME>

Where <YOUR-SITE-NAME> is a unique identifier you choose. It does not have to match your domain.

Embed Cactus Comments

To embed the Cactus Comments frontend, you need to include the following JS and CSS:

<script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
<link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">

Then insert a <div> where you want the comment section to appear:

<div id="comment-section"></div>

Finally, you need to initialize the comment section:

<script>
initComments({
  node: document.getElementById("comment-section"),
  defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
  serverName: "cactus.chat",
  siteName: "<YOUR-SITE-NAME>",
  commentSectionId: "section1"
})
</script>

The commentSectionId can be changed to insert different comment sections.