In addition to using the Booking Engine's direct link, you can embed the Minihotel Booking Engine directly into your own website using an . This provides a seamless booking experience within your domain.
To embed the booking engine, you need to follow the next two steps.
1. Get the snippet
Copy and paste the following code snippet, replacing the src URL with your hotel's unique production booking URL as needed.
<iframe id="hw-booking-frame" src="https://sandbox.minihotel.cloud/BookingFrameClient/hotel/B263C4CD7A30D45315E78416F6F4F942/153f2c6a-a062-4c7b-97d7-c6bb89533ae6/book/rooms?currency=USD&language=en-US&rp=" frameborder="0" allowtransparency="true" scrolling="no" style="width: 100%;">
</iframe>
<script src="https://sandbox.minihotel.cloud/BookingFrameClient/public/assets/booking-frame/js/iframe-resizer.min.js"></script>
<script src="https://sandbox.minihotel.cloud/BookingFrameClient/public/assets/booking-frame/js/main.js"></script>
2. Place the Snippet in the Tag
Insert the snippet inside the tag of your HTML page, wherever you want the booking engine to appear.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
<script src="scripts.js" type="text/javascript"></script>
<link rel="stylesheet" href="style.css">
<!--------------------------------->
<!-- Other scripts -->
<!--------------------------------->
...
</head>
<body>
<div>
<h1>...</h1>
</div>
<!--------------------------------->
<!-- Content of your website -->
<!--------------------------------->
...
<!--------------------------------->
<!-- Paste the code snippet here -->
<!--------------------------------->
</body>
</html>
Tip: If you're using a CMS like WordPress, ensure the snippet is inserted into a custom HTML block or widget that supports JavaScript.
Note: The production booking link is unique for each hotel. Developers should obtain it directly from the hotel manager, property owner, or by contacting Minihotel support.