Dtravel Booking Widget

(1) Add script to body

• Required:
• Script id = dtravel_jssdk
• Source: https://sdk.dtravel.com/static/dtravel.sdk.js?userId={host_user_id}&propertyId={property_id}

• Example: <script id="dtravel_jssdk" src="https://sdk.dtravel.com/static/dtravel.sdk.js?userId=8171226c-0911-439b-a5dd-bfbb6a887d89&propertyId=4664"></script>

(2) Open popup

• Add Book property button anywhere on your website, add onClick event into this button, and call window.openDtravelWidget() function to open the popup.

• Open popup: call function window.openDtravelWidget() (function is defined in script and added to Window object of browser).
• Example: function openWidget() { window.openDtravelWidget() }

• Close popup: call function window.closeDtravelWidget()
• Example: function closeWidget() { window.closeDtravelWidget() }

(3) Notes

• How to get userId:
• Example:
• https://hostaway-test.dtravel.com/property/4664
• F12, open the “Network” tab, and find API:
• https://api-v3.dtravel.com/listing-service/v2/property/8171226c-0911-439b-a5dd-bfbb6a887d89/4664
• UserId =  8171226c-0911-439b-a5dd-bfbb6a887d89 and propertyId = 4664
• Use these 2 fields to add to the script