FastComments.com

Add Comments to a Systeme.io Blog

With FastComments we can easily add live commenting to any Systeme.io blog.

The instructions below are for a blog built on Systeme.io, but the embed code can also be manually added to any page by editing other theme files. FastComments Support can also assist with this.

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: Open The Blog Theme Template Internal Link

We're going to edit our blog's layout to add FastComments to all our blog posts.

In our Blog admin panel, we're going to click the Post Layout button.

Open Post Layout
Open Post Layout

Then we're going to add a Raw HTML block (drag it to where you want the comment area):

Add Raw HTML Block
Add Raw HTML Block

Now move your mouse over the block until it says Raw HTML and click it:

Select Block
Select Block

On the left hand side, now we'll have the option to click Edit Code - click that:

Edit Code
Edit Code

Step 2: Add The FastComments.com Code Internal Link

Now we're going to copy our code. If the code snippet says tenantId: "demo" on line 6 then you should log into your FastComments account and then refresh this page so the copied code snippet has your account id.

Systeme.io Snippet
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo"
7 });
8</script>
9

Now paste it into the editor and click save:

Add The FastComments Code
Add The FastComments Code

... then save your site. That's it!

Success Internal Link

Now if we view a blog post, we should see FastComments!

Success!
Success!

Congratulations on setting up FastComments with Systeme.io! If you've run into a Domain Error, or would like to learn how to customize the comment area, read on!

Customization Internal Link

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.