Add Comments to Webnode Sites

First, we need to edit the template of the page we want to add comments to.

Open up the page in Pages and click Edit in the bottom:

Step One: Edit Page

Next, determine where you want to add comments. Mouse over the bottom of the previous content area and click to add a section:

Step Two: Add Section

Now let's put an HTML block in that section, where the code snippet will go. Select HTML:

Note: As of June 26, 2023, Webnode's HTML block is a paid feature. It is not available on the free plan, and for projects created after that date it requires a premium package. If you don't see the HTML option, upgrade your Webnode plan to enable it.

Step Three: Add Code Block

Now, copy this code snippet:

Installation Code

Copy

1

2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

Then paste it in the block:

Step Three: Paste Code

It should look like this in the editor:

Step Three: Review

Webnode does not render HTML blocks inside the editor, so you'll see a placeholder saying the content can't be displayed for security reasons. This is expected. The comment widget only appears once you publish, which we'll do next.

Now you can publish your changes to see the comment widget live on your site!

Step Four: Publish

You should now see the FastComments.com Live Commenting widget:

Done!

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.