Ask a Question ?
Design & Publish Websites Faster

How to Enable Commenting on your Blog Posts with Disqus

Instructions to Embed Disqus in your Site

In this tutorial we’ll go through how to add a Disqus widget to your new Blog App so your visitors can leave comments and start a discussion about any of your blog posts. We know that feedback and discussion is an essential part of any blog, so even though the blog app doesn’t have a native way of providing them, we offer you the opportunity to use a third party system, like Disqus, to enable comments in your blog.

For Starters…

1. Login to your Disqus account. If you don’t have one, you can create one for free.

Note: if you don’t have an account, you’ll need to click on the orange “Get this on your site” button. Be sure to do so because there’s a difference between a “commenter account” and a “primary moderator account” and Disqus gives you the option to create either one (you’ll need the “primary moderator account” because you’re the manager of your site).

Create a new primary moderator account with Disqus

Click on the orange button to create a new “primary moderator” account with Disqus

A new window will open up and you’ll need to fill in your site’s information. Then, you’ll have to type in your username, password and email address. Hit “Continue” when you’re finished.

Note: your site must be published for this to work.

Login information required to add Disqus to your site

You’ll need to add your sites’ and your own information in order to create an account.

A confirmation message will be sent to your email account. You’ll need to verify your email address by clicking in the link they send your way.

Get the Code

Now to the substantial part. In the Disqus page, click on the “Admin” button in the navigation menu. This will take you to a new page where you’ll see three tabs: “Moderate” “Tools” and “Settings”. With them you can manage your comments and customize your account. Click in “Settings” to edit your account’s configuration (you can add a description, change the language, choose the color scheme, etc.).

Note: if you have more than one site on your account, you’ll need to select one to continue.

Click the Settings tab

Once you’re on the “Admin” page, click on the “Settings” tab to continue

Find the “Install” link under the “Settings” tab and click on it.

Under Settings, you'll find the Install link

To get the embed code, you’ll need to click on the Install link

Scroll down to where it says Universal Code and click on it.

Click on it to get the embed code

Click on “Universal Code” to get the embed code from Disqus

You’ll be provided with a code. Copy all of it so you can add Disqus to your site.

Select and copy the code

Select and copy all of the embed code that was provided

Back in Your Site…

After you’ve installed the new blog app in your site, you can edit its settings by clicking the “wrench” icon in the app’s toolbar.
Another way to access the app’s configuration is by double clicking the blog app: the CMS panel will open and you’ll have to select the “Settings” tab.

Click on "Edit Settings"

Click on “Edit Settings”, which is represented with a “wrench” icon

A new panel will open. There you’ll have to mark the “Enable Commenting” checkbox.

Enable Commenting

Mark the “Enable Commenting” option

Paste the code from Disqus in the “Comments Embed Code” field. Hit “Save” and “Close” after you finish.

Note: be aware that you won’t need the Embed HTML app to add this external feature.

Paste the embed code

Paste the embed code under “Comments Embed Code”

And that’s it! Quick and easy. You’ll receive an email directly to your address each time a visitor posts a comment on your blog. You can manage and moderate the discussion through your Disqus account.

Now you’ll be able to get feedback, questions and more from your visitors, which can ultimately help you improve your site!

Did you find this post helpful? Leave a comment in the section below to let us know any of your doubts!