There are few ways of adding your booking engine to the website.



1. Book Now button



The first basic option is to create a BOOK button on your website and connect it with a direct booking engine link. The link can be found in Settings / Property Settings / Booking Engine / Install on the website:




2. Booking Engine displayed in frame


In this case your booking engine will be connected also with a button, however it will appear in a frame as on the example below:



3. Your own calendar


You can build your own calendar bar and connect it with the booking engine link with three extra parameters: arrival date, guests and nights.


For example:




The extra parameters have to be added to the direct link from the point 1 and they are:


&nights=2&guests=2&arrival=2027-03-20


So your link would look like this:


https://new-booking.frontdeskmaster.com/?hostelId=8bVW84Zxdup33IV6x0tETXi%2F%2BnFIfW9o&nights=2&guests=2&arrival=2027-03-20 


4. Button with dropdown (in case of more than one property)



The file with the code is attached (buttonexample.html). You can edit it as you wish.


5. Booking engine widget with small calendar


The file with the code is attached (Booking_Engine_widget.html). You can edit it as you wish.


6. iFrame


<iframe src="HERE PUT YOUR BOOKING ENGINE DIRECT LINK FROM THE POINT 1" style="height:800px;width:100%;" title="Iframe Example"></iframe>