Online Booking

Want to add online booking to your website? Good news! It's simple, easy and free. Install the TravelDuck online booking widget into your website, and you can instantly start accepting direct online bookings. (Standard booking fees apply as with all TravelDuck bookings.)

Adding online booking to your website is an excellent way to increase your booking enquiries. Your guests can seamlessly check pricing / availability and then proceed directly to secure online booking and payment, straight from your website.


You will need the id number of your property to use this widget. You can find the id any of your properties by reading the find my property id section of the property owner documentation.


Example Setup

To install the online booking widget into your webpage, simply copy the code below into your webpage where you would like the online booking widget to be displayed. Replace the data-property-id attribute value with the id number of the property you want to display online booking for.

Code

<!--
Where the online booking block will be placed
(Replace property id with your property id)
-->
<div class="travelduck onlineBookingBlock" data-property-id="1"></div>


<!-- Load TravelDuck libraries (place at end of document) -->
<script>
  (function(src) {
    var td = document.createElement("script");
    td.type="text/javascript";td.async=1;td.src=src;
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(td,s);
  })("https://travelduck.co/libraries/widgets/loader.js");
</script>

Result


Options

You can customise your online booking form using the options below

Option Description
data-property-id (optional)

The id number of the property to display the online booking form for.

Type : Integer

data-return-success-url (optional)

The url to return to after successful completion of the booking.

By default, we will redirect to the TravelDuck listing for the property unless an alternative url is given.

Type : String

data-return-failed-url (optional)

The url to return to after failed (or aborted) booking.

By default, we will redirect to the TravelDuck listing for the property unless an alternative url is given.

Type : String