Add Comments to Ionos Sites

With FastComments we can easily add live commenting to any site built with Ionos.

Note that this tutorial requires a FastComments account. It's recommended that you sign up first and then come back here. You can create an account here.

Step 1: Add a Contact Form

First, we're going to add a contact form which FastComments will replace.

To do this, open the site editor, and click Add Section on the desired page.

Then, go to Content -> Contact -> Contact Form on the left, as shown:

Add Contact Form

Next, we need to tell FastComments to replace our form. Click on the default form title:

Set Form Title

We'll set the title to FastComments Goes Here. It's very important that the casing and spacing is the same, or else it won't work, so we recommend you copy this text and paste it in.

When done, it should appear as follows:

Done Setting Title

That's the end of step one!

Step 2: Add FastComments.com Code

Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

Open Settings

Open the Custom Head Code section:

Open Custom Head Code

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Ionos FastComments Snippet

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            const nodes = document.querySelectorAll('h2');
            nodes.forEach(function (node) {
                if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
                    // we get the element that is not full width
                    const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
                    target.innerHTML = '';
                    FastCommentsUI(target, {
                        tenantId: "demo"
                    });
                    interval && clearInterval(interval);
                    loaded = true;
                }
            });
        }
        attemptLoad();
        if (!loaded) {
            interval = setInterval(attemptLoad, 300);
        }
    })();
</script>

...and paste it in as shown:

Paste and Save

Step 3: Publish

Now we just have to publish our site and we're done.

Go back to the content editor by clicking Content in the top left:

Go back to Content

Then we can publish!

Publish!

That's it! FastComments should be live on your site. You should see something similar to this:

Done!

Success

Nice work! You've added live commenting to your Ionos site.

If you've run into a permission denied error, or would like to customize FastComments, read on.

Domain Errors

You may get an authorization error, like the following:

Domain Configuration Missing

This is because FastComments doesn't know it's supposed to allow your account to be used on this domain.

In this case, the fix is simple. You just have to add your site to your FastComments.com account.

Go here to add your site to your account.

Now you should have fast, live, commenting added to your Ionos site!

Customization

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.

Add Polls To Your Ionos Site

Once FastComments is on your Ionos site, you can also run live polls right in the comments. Turn on Enable Polls in your widget customization settings and a poll button appears in the comment toolbar. Polls take 2 to 10 options, results update live for everyone on the page, and you choose who can create polls and whether voting requires logging in. There is nothing else to install on Ionos.

Try the Live Polls demo or read the Polls documentation to set them up.

Language 🇺🇸 English

Ionos Installation

Polls