How to install the HotDoc widget on your website

  1. Add these 3 lines to the <head> of your clinic's website.

    <!-- To make your web page mobile responsive (optional, to be added to the <head>) -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- Styles for HotDoc Widget (to be included in the <head> above the scripts)-->

    <link href="" rel="stylesheet" type="text/css">


    <!-- Javascript for HotDoc Widget (to be included in the <head> below the styles or at the end of the <body>)-->

    <script src=""></script>

    Add the following HTML snippet in the <body> wherever you want to HotDoc button to appear
  2. <!-- Add this HTML snippet in the <body> wherever you want the HotDoc Widget to appear -->

    <div class="hotdoc-widget">

     <iframe src="{{your-suburb}}/{{your-clinic}}/doctors"></iframe>

     <a href="{{your-suburb}}/{{your-clinic}}/doctors" title="Book appointment at {{Your Clinic}} with HotDoc" target="_blank">Book your appointment</a>


  3. Update the {{your-clinic}} and {{your-suburb}} placeholders in the HTML snippet (3x). Use the dasherized-clinic-slug in the URL and the Capitalized Clinic Name in the title attribute. Mind that the URL is case-sensitive, "NSW" for example will work, "nsw" will not. Best is to look up your clinic here and copy the URL from the browser.

  4. Style the <a> link to match the clinic's branding.


Please see the screen shot below as an example: 


If you require assistance with this, please contact HotDoc: 

Have more questions? Submit a request