Website Integration: Create booking lookup widget

Modified November 21, 2018 | Created May 13, 2018 | Jeff Valair

Filed under Website Integration

How to create a simple booking lookup on your web page.

Prerequisite
» Install a Book Now button or link on your website

Add the following code allows you to maintain login state between your web page and the arms-length online bookings.

<html>
  <body>
    <input type="text" class="blueskybooking-widget-lookup-booking" placeholder="Booking #">

    <input type="button" class="blueskybooking-widget-lookup" value="Lookup" />
  </body>
</html>

<html>

<body>

</body>

</html>

Technical

This include supporting documentation on the login widget.

Booking #

Enter the booking # field.

Class:
blueskybooking-widget-lookup-booking

Lookup

The button or link which executes the booking lookup.

Class:
blueskybooking-widget-lookup