How do I add Disqus comments to any page?

liveBooks Support

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 a Custom 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 textbox provided

8. Go back to your liveBooks Dashboard

9. Select Settings (gear icon) in the navbar

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 navbar

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

15. Select the green + button

16. Select the green Custom HTML tile

17. Paste the code that you copied from the Disqus website inside the Custom 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 Custom HTML block

22. Select the green Publish button

Done! Users can now add comments to your page.