Help Centre

New calendars : How can I add multiple calendar widgets to a single page on my website?

Updated on

Information for your web developer:

To put two (or more) calendar widgets on one page the code needs to be modified slightly.

The first widget code stays the same, but the second needs an additional parameter "c=1" to tell the code that the widget should be placed within the div "supercontrol-availability-".

Then add the cottageID within this div to identify which cottage this applies to.

Your web developer should use the code below to include the widget for both properties on your page. Ensure you add your correct siteID (XX), ownerID (XXX) and cottageID (XXX) to the code.

Code for two calendars:

<script type="text/javascript" src="//secure.supercontrol.co.uk/avail_ajax/js/load.js?ownerID=XXX&siteID=XX&cottageID=XXXX"></script>

<div id="supercontrol-availability"></div>

<br/>

<script type="text/javascript" src="//secure.supercontrol.co.uk/avail_ajax/js/load.js?ownerID=XXX&siteID=XX&cottageID=XXXX&c=1"> </script>

<div id="supercontrol-availability-XXXX"></div>

Code for three calendars:

<script type="text/javascript" src="//secure.supercontrol.co.uk/avail_ajax/js/load.js?ownerID=XXX&siteID=XX&cottageID=XXXX"></script>

<div id="supercontrol-availability"></div>

<br/>

<script type="text/javascript" src="//secure.supercontrol.co.uk/avail_ajax/js/load.js?ownerID=XXX&siteID=XX&cottageID=XXXX&c=1"> </script>

<div id="supercontrol-availability-XXXX"></div>

<br/>

<script type="text/javascript" src="//secure.supercontrol.co.uk/avail_ajax/js/load.js?ownerID=XXX&siteID=XX&cottageID=XXXX&c=2"> </script>

<div id="supercontrol-availability-XXXX"></div>

Previous Article How do I create Calendars for selected properties only?
Next Article Can I embed the Website Calendar in an iframe?