Add Live Commenting to Zyro Sites

Step 1: Add Code Widget

First, open up your site in the Website Builder.

Now 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 Zyro Embed widget by clicking our new section and clicking Add element in 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:

Zyro 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 Zyro.

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 Zyro 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'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 site!

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.

Floating Likes Button

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

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

First, grab the code:

Zyro 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 Zyro, 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 will not see the widget in preview mode, but it will appear on the published version of the site.

Zyro Site Installation

Zyro Floating Likes

Add Live Commenting to Zyro Sites

Step 1: Add Code Widget

Step 2: Add The Code

Note!

Success

Site Domain Errors

Site Customization

Floating Likes Button