Widgets

Reservation Form

Embed the Autonomy Reservation Form within your site, using your own styled button

Code Example


<html>
  <body>

    <div id="root"></div>

    <!-- Load Autonomy SDK -->
    <script async defer crossorigin="anonymous" 
        src="https://www.qa.autonomy.com/scripts/sdk.js" >
    </script>

    <!-- Single button code -->
    <div class="a-button"
        data-autonomy="embed-reservation-form"
        data-sourceId="XXXX">
    </div>

  </body>
</html>

Settings

Attribute	Value	Description
data-autonomy	embed-reservation-form	Used to trigger the reservation form's visibility
data-sourceId	-- Provided by Autonomy --	Used to give attribution to your site, as well as load any client specific theming

How It Works Video

Embed the Autonomy How It Works Video within your site

Code Example


<html>
  <body>

    <div id="root"></div>

    <!-- Load Autonomy SDK -->
    <script async defer crossorigin="anonymous" 
        src="https://www.qa.autonomy.com/scripts/sdk.js" >
    </script>

    <!-- Container for video-->
    <div class="autonomy-video-container"
        data-autonomy="how-it-works-video"
        data-sourceId="XXXX">
    </div>

  </body>
</html>

Settings

Attribute	Value	Description
data-autonomy	how-it-works-video	Used to specify where to embed the Autonomy How It Works Video
data-sourceId	-- Provided by Autonomy --	Used to give attribution to your site