Adding code for visitor comments to the bottom of every page

john

I want to have visitor’s comments on every page. I have chosen to use https://www.htmlcommentbox.com/ because it’s free and doesn’t require visitors to login.

The instructions say that I should paste this code:

<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" /> <script type="text/javascript" id="hcb"> /**/ </script>

However…

Is there a way that I can just paste the code in one place and have it automatically appear at the bottom of every site page?
When pasting the code onto individual pages, the commenter after commenting sees their comment duplicated 8 or 9 times! (Refreshing the page resolves the issue, but it would be great not to have confused visitors seeing weird stuff happen).

Is there a way to get this done? Or can you please recommend a better way of getting comments on pages?

Very many thanks!

mad

john Hi there! You can paste that code into the Items Header variable in the shared settings to add it to the bottom of every page right before the closing body tag.

john

Thank you very much!

Mena

This doesn’t seem to work. The settings are not retained in the Items Header even after saving them. Any thoughts?

mad

Mena Hi there, do you define the header items in different places? In case you set a variable value on a page the global value will be ignored.

Mena

mad Hello! I only placed the code in the General Data and Files > Default Template Settings > Items Header. What do you think?

mad

Mena That is correct. In case it doesn’t work on a certain page there might be already a value set for the Items Header variable on that page that has to be removed first.

Mena

I tried everything with various of comment services. It doesn’t work. When I save the changes the code suddenly disappears from the General Data and Files > Default Template Settings > Items Header.

It is frustrating.

mad

Mena Hi Mena, sorry to see that you have issues with this. It is difficult to tell what is causing that problem without further details. It is technically very straight forward and should behave like any other kind of content. Could you provide an example of what do you want to add to the Items Header? And just to understand correctly, the variable is empty after saving and reloading?

ctuxboy

Mena I have no experience, with this, but i found this comments service https://posativ.org/isso/ maybe this can solve your problem?

Mena

mad I tried to implement this:  <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">Comment Form</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" /> <script type="text/javascript" id="hcb"> /**/ </script>

Yes, the variable is empty after saving and reloading.

Mena

ctuxboy I will surely take a look at this.

mad

Mena Hi, I have taken a closer look at the issue. I have added your example above to the Items Header variable on a page as well as in the shared settings. I was not able to reproduce the problem. In both cases, the value of that variable was saved successfully and the comment box was rendered as expected. In order to find the reason for your issue, please follow these steps:

Check the console for any Javascript errors when being on the dashboard
Use a standard template and theme to make sure it is not caused by a custom theme
Create a fresh page and add the comment box there
Make sure you have upgraded to the latest version

ctuxboy

Mena i want also a comment service in the future in one of my web-projects build with Automad.
I wish that @mad adding user-roles in one of the next releases. That gives a lot of opportunities 🙂