Documentation
Several widgets on the same page

To add several widgets on the same page you just need to insert the code of any widget once, and then add new widgets to the array of objects _hcpw.

For example, let us insert comments widget code.

<div id="hypercomments_widget"></div>
<script type="text/javascript">
_hcwp = window._hcwp || [];
_hcwp.push({widget:"Stream", widget_id: WIDGET_ID});
(function() {
if("HC_LOAD_INIT" in window)return;
HC_LOAD_INIT = true;
var lang = (navigator.language || navigator.systemLanguage || navigator.userLanguage ||  "en").substr(0, 2).toLowerCase();
var hcc = document.createElement("script"); hcc.type = "text/javascript"; hcc.async = true;
hcc.src = ("https:" == document.location.protocol ? "https" : "http")+"://w.hypercomments.com/widget/hc/WIDGET_ID/"+lang+"/widget.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hcc, s.nextSibling);
})();
</script>
<a href="http://hypercomments.com" class="hc-link" title="comments widget">comments powered by HyperComments</a>

The next step is to add combined widget

<div id="hypercomments_mix"></div>
<script type="text/javascript">
_hcwp.push({widget:"Mixstream", widget_id: WIDGET_ID, template: "index", filter:"all",limit:5 ,default_filter:"last"});
</script>

In the case of placing two or more comment widgets on the same page, you have to bind each widget to xid. The code of the second widget will be as follows:

<div id="hypercomments_widget2"></div>
<script type="text/javascript">
_hcwp.push({widget:"Stream", widget_id: WIDGET_ID, xid: "page_2", append: "#hypercomments_widget2", hc_disable: 1});
</script>
It is nessesary to disable hypercomments feature to eliminate the conflict with first widget by adding hc_disable=1 option