How do I add Disqus comments to any page?

Click here to read an article about enabling Disqus for your blog

While the ability to enable Disqus comments can only be toggled on in a blog content block, it is still possible to add Disqus comments to any page by adding an HTML block. Follow these directions to add Disqus to any page you have:

1. Go to Disqus.com and select Sign Up.

2. From the Disqus Dashboard, select the Gear icon in the right hand corner, then select Add Disqus To Site.

3. In the right hand corner, select Install On Your Site.

4. Enter your Site Name, a Shortname, and a Category.

5. Select Finish Registration.

6. Now select Universal Code from the methods of installation.

7. Highlight and copy the code inside the text box provided.

8. Go back to your SpaceCraft Dashboard.

9. Select Settings (gear icon) in the Dashboard navigation bar.

10. Select Users & Roles under the Settings header.

11. Select Edit next to your email and check the Developer option.

12. Select Save.

13. Select Content in the Dashboard Navigation bar.

14. Select the Page you want to add Disqus comments to.

15. Select the green (+) button.

16. Select the green HTML tile.

17. Paste the code that you copied from the Disqus website inside the HTML block. The code should look something like this: 

<div id="disqus_thread"></div>

<script>

/**

* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.

* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables

*/

/*

var disqus_config = function () {

this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable

this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable

};

*/

(function() { // DON'T EDIT BELOW THIS LINE

var d = document, s = d.createElement('script');
s.src = '//yourshortnamehere.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());

(d.head || d.body).appendChild(s);

})();

</script>

<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

18. In the code, replace PAGE_URL with your website URL (example.spacecrafted.com).

19. In the code, replace PAGE_IDENTIFIER with your page's identifier variable (don't change this value if you can't find one).

20. In the code, replace yourshortnamehere with your Disqus shortname if it was not already inputted.

21. Select the blue Save button in the HTML block.

22. Select the green Publish button.

Done! Users can now add comments to your page.

Powered by Zendesk