Thrive Knowledge Base

How to Add Facebook/Disqus Comments in Thrive Architect

The user interface of the Thrive editor has been upgraded!
Please, check out the changes here, before proceeding.

This article will show you how to add Facebook / Disqus Comments to your website and how to use their options. The elements allow the users to comment on your website pages via these two platforms.

Facebook Comments

We will start with the "Facebook Comments" element, which allows you to add Facebook comments to your page.

Add the “Facebook Comments” Element

To add the element, go to the right sidebar and click on the plus sign:

This will open the list of all the Thrive Architect elements available to add on your page. Scroll down to “Facebook Comments”, or search for it in the search bar:

Drag and drop it anywhere on your ​page, where you would like the comments to be shown.

Use the Main Options

You will notice the "Main Options" section on the left sidebar:

Use these options to customize the comment section that you just added to your page.

URL Field

This is a field that you only have to complete in case you want the same comments to appear on other pages as well:

For example, I want to display Facebook Comments on my "Home" page. I will do that by simply adding the “Facebook Comments” element on my home page. 

If, however, I decide that I want the same comments to be shown on my “About” page as well, the steps are as follows:

  • go to my “About” page
  • add the “Facebook Comments” element and place it wherever I want it to appear
  • go to the element’s “Main Options” section
  • click on the URL Field and paste the URL of the original page where the comments are, in this case the “Home” page.

Now the “About” page will contain the same comments as the “Home” page.

Color Scheme

This is the section from where you can choose the light or the dark color scheme for ​the comments. To do that, click on the field next to the option:

This will open a drop down menu. You can choose the option you want by clicking on one of them:

Order By

Here you can select the criteria to be followed when ordering the comments. To change it, click on the field next to the option:

The drop down menu that opens is where you can choose between the three options: Social Popularity, Oldest First or Newest first. Choose whichever best fits your page​​:

Number of Comments

Using this option you can set a limit for the number of comments. You can do that either by dragging the slider, or by manually entering a numerical value (from 1-200):

Comments Moderators

Here you have the possibility to add a comment moderator. If you want to do that, click on the down arrow next to the option:

Then, all you have to do is to enter the ID of the moderator in the ID field:

The ID can be found in your Facebook profile URL.

To find it, go to your Facebook profile (or the profile of the person you want to be the moderator) and go to the URL. The URL should be something similar to: http://www.facebook.com/name.surname.

The ID is what comes after the “/”. In this case, it’s this:

Keep in mind that the moderator can either be yourself or a Facebook friend of yours. This is important because you cannot add an unknown person as a moderator.

Once you have the ID, simply paste it in the ID field:

If you want to add more than one moderator, click on the blue “Add Moderator” button:

This will create more ID fields:

If you want to remove a moderator, either delete the ID from the field, or click in the “x” sign next to the field:

Disqus Comments

You also have the possibility to ​add Disqus comments to ​your website. To do that you will have to use the “Disqus Comments” element as follows.

Add the “Disqus Comments” Element

To add the element, go to the right sidebar and click on the plus sign:

This will open the list of all the Thrive Architect elements available to add on your page. Scroll down to “Disqus Comments”, or search for it in the search bar:

Drag and drop it anywhere on your ​page, where you would like the comments to be ​displayed.

Use the Main Options

You will notice the "Main Options" section on the left sidebar:

These are the options you will have to use to add the comments.

Forum Name

For the “Disqus Comments” element you have two options. The first one is the “Forum Name”:

This is where you have to input your name. Similar to the Facebook one, this can be found in your profile URL, as mentioned below the option.

For example, in the "http://healtylife.disqus.com" profile, the forum name is "healtylife".

URL Field

The URL field works just like in the case of the Facebook comments. If you want to display the same comments on multiple pages, follow the steps described above.

Use the General Options

Just as in the case of all the Thrive Architect elements, the general options from the left sidebar can be used to further customize the elements. You can find articles about each one in our Knowledge Base.

If, for example, you want to change the positioning of an element, you can do that by going to the “Layout & Position” section of the left sidebar. You can read more about this option in the Knowledge Base article we have about it. You can also find other dedicated articles about the rest of the options available in the left sidebar.

If you want to see how everything looks like, you can click on the green “Save Work”  button from the bottom left side of the editor and then click on the “Preview” button from the middle bottom part of the editor. This will take you to the preview mode and know how the users will see your website.

I hope you found this article useful. If so, don’t forget to reward our efforts with a smile below:)

>