Adding Commenting
After configuring all the settings in the Configuration and Add-ons tab, you are now ready to insert the Commenting unit on your website at any desired location. The Commenting unit can be easily added to your website by copy-pasting ready-to-use code snippets in your HTML code.

To add the Comments section on your webpage, copy the following code in your HTML script:
- On the Commenting page, click the Code tab.
- Copy the code from the Header Code and paste it between the
<head>
and</head>
tag of your HTML page.
Note:
- This is a one-time activity.
- You should always place the header code in the
<head>
element of the HTML page (or via your Content Management System at the head of the page).
<script data-cfasync="false" type="text/javascript">(function (a, c, s, u){'Insticator'in a || (a.Insticator={ad:{loadAd: function (b){Insticator.ad.q.push(b)}, q: []}, helper:{}, embed:{}, version: "4.0", q: [], load: function (t, o){Insticator.q.push({t: t, o: o})}}); var b=c.createElement(s); b.src=u; b.async=!0; var d=c.getElementsByTagName(s)[0]; d.parentNode.insertBefore(b, d)})(window, document, 'script', 'https://s3.amazonaws.com/insticator-mks-staging/ads-code/cc1eaa88-6774-4d5e-a8ab-ca5d8073708f.js')
</script>
<script async type="text/javascript" src="https://product.hunchme.com/product-loader-code/cc1eaa88-6774-4d5e-a8ab-ca5d8073708f.js">
</script>
- Copy the code from Commenting Unit Code and paste it in between the
<body>
and</body>
tag of your HTML code.
<div class="insticator-unit type-products">
<div class="insticator-ads">
<div id="div-insticator-ad-cmt-1"></div>
<div id="div-insticator-ad-cmt-2"></div>
<script data-cfasync="false" type="text/javascript">Insticator.ad.loadAd("div-insticator-ad-cmt-1");Insticator.ad.loadAd("div-insticator-ad-cmt-2");</script>
</div>
<div id="insticator-commenting">
<div class="instiengage-comments" data-cu-uuid="5f43182e-2fa3-463f-a48d-ca2a0e0087d2" data-ext-page-id="{extPageId}"></div>
<script>Insticator.load('comments')</script></div><div class="insticator-ads additional">
<div id="div-insticator-ad-cmt-3"></div><div id="div-insticator-ad-cmt-4"></div>
<script data-cfasync="false" type="text/javascript">Insticator.ad.loadAd("div-insticator-ad-cmt-3");Insticator.ad.loadAd("div-insticator-ad-cmt-4");</script>
</div>
</div>
- Make sure that the {extPageId} has a unique ID. You need to generate a unique ID for each page a commenting unit is embedded within.
- The Unique ID for {extPageId} should be a combination of letters, numbers, and special characters and should be less than 15 characters.
- Make sure that the {extPageId} has a unique ID. You must maintain a list of this unique ID so that it is not repeated.
For more information about External Page Id, see What is an External Page Id?
Updated 18 days ago