Add Comments to GoHighLevel Sites

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

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.

Signing in first will ensure the generated code snippets are already tied to your account.

GoHighLevel Membership Sites and Other Sites

This tutorial is split between two categories: Membership Sites and regular GoHighLevel Sites.

We start with the instructions for Membership Sites.

Step 1: Edit Course

First, we're going to edit the settings for our course.

To do this, open the course, and click Edit Details.

Edit Course Details

Step 2: Open Advanced Settings

Next, we need to open the Advanced settings:

Open Advanced Settings

We'll be adding our code to the Tracking Code section. Go to that section and click Footer Code.

Step 3: Copy Code

Now we're going to copy our FastComments code. Try using the "Copy" button on the right, as the code is quite large to work properly with GoHighLevel:

GoHighLevel FastComments Code Snippet

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        const oldPushState = history.pushState;
        history.pushState = function pushState() {
            const ret = oldPushState.apply(this, arguments);
            window.dispatchEvent(new Event('pushstate'));
            window.dispatchEvent(new Event('locationchange'));
            return ret;
        };
        const oldReplaceState = history.replaceState;
        history.replaceState = function replaceState() {
            const ret = oldReplaceState.apply(this, arguments);
            window.dispatchEvent(new Event('replacestate'));
            window.dispatchEvent(new Event('locationchange'));
            return ret;
        };
        window.addEventListener('popstate', () => {
            window.dispatchEvent(new Event('locationchange'));
        });
        function render() {
            let rendered = false;
            function tryNext() {
                if (rendered) {
                    return;
                }
                const container = document.querySelector('#post-body');
                if (container) {
                    console.log('FastComments: container found, updating...');
                    if (document.querySelector('.fastcomments-wrapper')) {
                        document.querySelector('.fastcomments-wrapper').remove();
                    }
                    const target = document.createElement('div');
                    target.classList.add('fastcomments-wrapper');
                    container.append(target);
                    FastCommentsUI(target, {
                        tenantId: "demo",
                        showLiveRightAway: true
                    });
                    rendered = true;
                    const interval = setInterval(function() {
                        const doesContainerStillExist = document.querySelector('.fastcomments-wrapper');
                        if (!doesContainerStillExist) {
                            rendered = false;
                            tryNext();
                            clearInterval(interval);
                        }
                    }, 1000);
                } else {
                    console.log('FastComments: container not found, waiting...');
                    setTimeout(tryNext, 300);
                }
            }
            tryNext();
        }
        render();
        window.addEventListener('locationchange', function () {
            console.log('Updating FastComments.');
            render();
        });
    })();
</script>

Step 4: Paste Code

Now that we've copied our snippet, paste it in the Footer Code section as shown:

Paste Code

Member Site Success

That's it! You should now have live commenting added to your GoHighLevel course.

Success

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

Member 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!

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

Step 1: Add Custom Code Element

First, we're going to open the editor for the page of our site we want to add comments to.

Open Editor

Now find the place on the page where you want to add comments. Move your mouse toward the end of that area. A + icon will appear:

Add Section

If we click that it asks us how many columns should the new section be. We'll select 1 COLUMN:

Add a Column

Now if you move your mouse over the new 1-column-row you'll have the option to add an element. Click that:

Add Element

Scroll down and pick CUSTOM JS/HTML:

Select CUSTOM JS/HTML

Now select our new element and click Open Code Editor on the left:

Open Code Editor

Step 2: Copy and Paste Code

It's time to copy our code. Copy the following code:

GoHighLevel Site Comments Code