Add Live Discussions to Super.So Sites

FastComments Collab Chat brings sites to the next level by adding live inline discussions. Users can highlight and comment on pieces of text collaboratively, together - live!

Here we'll cover the installation steps which should only take a few minutes.

Step 1: Open Settings Internal Link

First we need to open the code editor. If you want to add FastComments to all pages, just select Code in the bottom left:

Open Code Settings
Open Code Settings

If you want to add it to a specific page, then select Edit Custom Code in that page's settings.

Now let's select the Body tab. This is important!. Installing the code snippet in Head does not work.

Select Body
Select Body

Now you're ready for step 2.

Step 2: Add Pre-Made Code Internal Link

In this next step you need to copy the pre-made widget code below.

As long as you're logged into the below code snippet will already have your account information. Let's copy it: FastComments Collab Chat Code
Copy Copy
2<script src=""></script>
4 (function () {
6 function load() {
7 if (!window.FastCommentsCollabChat) {
8 console.log(' script, trying again...');
9 return setTimeout(load, 100);
10 }
11 const target = document.querySelector('.super-content');
12 if (!target) {
13 console.log(' content, trying again...');
14 return setTimeout(load, 100);
15 }
16 if (target.fastCommentsInstance) {
17 target.fastCommentsInstance.destroy();
18 }
19 const topBarTarget = document.createElement('div');
20 target.parentNode.insertBefore(topBarTarget, target);
21 = 'var(--layout-max-width)';
22 = '0 auto';
23 target.fastCommentsInstance = FastCommentsCollabChat(target, {
24 tenantId: "demo",
25 topBarTarget: topBarTarget
26 });
27 }
29 load();
30 })();

Now paste in the Body area:

Pasted Code
Pasted Code

If you see a "this is a demo message" after pasting the code:

  • Ensure you're logged into your account.
  • Ensure you have 3rd party cookies enabled.
  • Then refresh this page and copy the code snippet again. It should have tenantId populated with your tenant's identifier.

Customization Internal Link

FastComments is designed to be customized to match your site.

If you'd like to add custom styling, or tweak configuration, Checkout our Customization Documentation to learn how.