Add Live Commenting to Hostinger Sites

First, note that this tutorial only applies to the Hostinger Website Builder.

If you're using Hostinger with WordPress, you can install our WordPress Plugin which has its own instructions.

This tutorial will continue with instructions for the Website Builder.

Step 1: Add Code Widget

First, open up your site in the Website Builder.

If you don't already have a section where you want the comments to go, add a blank section:

Adding a Section

Now add the Hostinger Embed widget by clicking our new section and clicking Add element at the top and then Embed code:

Embed code

You'll get something like this:

Code Section Added

Now we're ready for Step 2.

Step 2: Add The Code

Now let's add our widget code.

Copy the code below. You'll want to ensure you're signed into fastcomments.com and reload this page if not, so that the code is pre-populated with your account information, otherwise it will show the demo code.

Now let's copy the code:

Hostinger Comments Code

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    });
</script>

Now let's go back to our site builder and click Enter code:

Enter code

Note!

It's important you use the above code and not the code snippets from other documentation, as this snippet has been crafted specifically for Hostinger.

You should now have something like the following, which appears blank. This is expected. Move your mouse over the area where the widget should be:

Code Widget Added

Now drag the widget to be the desired size, you'll see it appear:

Resize It

...and now preview and save!

Success

That's it! You should now have live commenting added to your Hostinger site.

Success

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

Site Domain Errors

You may get an authorization error, like the following:

Domain Configuration Missing

This is because FastComments doesn't know it is 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 site!

Site Customization

FastComments is designed to be customized to match your site.

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

Floating Likes Button

FastComments also supports the Page Reacts (aka Floating Like button) widget for Hostinger.

You can see it in action at the bottom right of this page!

Note!

These instructions are for the Hostinger Site Builder. If you're using Hostinger WordPress, just copy the code below and add it to your WordPress site using WPCode, which is a free and easy plugin for adding small code snippets to your site.

First, copy the code:

Hostinger Floating Likes Code

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

Then, in Hostinger, open the site builder.
Go to Website Settings in the bottom left.
Select Integrations.
Add the new code to the end of the Custom code field and publish your site.
You won't see the widget in preview mode; it will appear on the published site.

Language 🇺🇸 English (US)

Hostinger Site Installation

Hostinger Floating Likes

Add Live Commenting to Hostinger Sites

Step 1: Add Code Widget

Step 2: Add The Code

Note!

Success

Site Domain Errors

Site Customization

Floating Likes Button

Note!