Disqus: How to Integrate Disqus to ClickFunnels 2.0

In this article, we will explain the process of integrating Disqus into your ClickFunnels 2.0 account, enabling website owners to boost visitor engagement and encourage discussions, ultimately enhancing interaction on their websites.

Requirements: 

• An active ClickFunnels 2.0 account
• A Disqus account

TABLE OF CONTENTS

• Getting Your Disqus Universal Codes:
• Adding Disqus Custom Codes to ClickFunnels 2.0:
• Related Links and Article:

Getting Your Disqus Universal Codes:

1. Click this link to log in or create a Disqus account.
   
   
2. Set up Disqus, then proceed to Create a new site. Contact Disqus Support if you have any questions about Creating a new site.
   
   
3. Disqus displays a process flow that prompts you to select your plan in step 1.
   
4. Select “I don’t see my platform listed, install manually with universal codes” in step 2.
   
5. Retrieve your Disqus Universal Codes.
   

   Important Note: Please contact Disqus Support if you have questions about Universal Codes.

   
6. Configure Disqus to your needs, then click the Save button.
   

   Important Note: Ensure that “website name” and “website URL” fields are filled out.

   

   Important Note: Website URL is found under Site: Overview of your ClickFunnels 2.0 account.

   
7. Set up the comment and moderation settings to your preferences by selecting one of the options, then click the Complete Setup button to finish the setup process.
   

Back to Top

Adding Disqus Custom Codes to ClickFunnels 2.0:

This article will demonstrate the integration of Disqus on blog posts, using the {post.id} liquid syntax as an example. The {post.id} liquid syntax is responsible for creating distinct Disqus comment threads for each individual blog post, preventing all blog posts from sharing a single Disqus comment thread.

1. Click Sites from the left-hand menu.
   
2. Click the Customize button.
   
3. Click Blog Post from the left-hand menu.
   
4. Then, click Code at the top of the screen.
   
5. Click Footer in the custom code area.
   
6. Edit the Disqus’ Universal Code and type location.protocol + '//' + location.host + location.pathname; next to page.url, then '{{post.id}}' next to page.identifier.
   

   Important Note: If already available, replace PAGE_URL with your page's canonical URL variable and replace PAGE_IDENTIFIER with your page's unique identifier variable.

7. Lastly, insert an element on the editor with an ID disqus_thread which is going to be replaced by Disqus. In this article, we added the sub-headling element, then inserted disqus_thread in the CSS ID Selector of the element.
   
8. Click the Save button at the top-right corner to save your changes.
   
9. Click the “eye” icon on the left of the save button to view your saved changes.
   

Back to Top

Related Links and Article:

• Liquid Templating Object: blog 
• Disqus Website

Back to Top