Overview
This article explains how to embed your Booking Engine into your external website using an iFrame. By integrating the Booking Engine directly on your site, you streamline the booking process for guests, encouraging more direct reservations. This is especially useful for independent hoteliers who want to enhance their website's functionality without excessive technical adjustments.
Step-by-step instructions
Prepare to edit your website
Ensure you have access to your website's editing platform, or contact your webmaster for assistance.
Verify that there is a "Book" button on your site, or create one if needed.
Access your website's editor
Log in to your website's editing platform.
Create a new page if required.
Add an HTML block
Insert a new HTML block on the desired page (note that the process may vary depending on your platform).
Insert the iFrame code
Copy the URL of your Booking Engine.
Input the URL into the iFrame code template:
<iframe src="YOUR_BOOKING_ENGINE_URL" width="600" height="400" style="border:none;"></iframe>
Paste this HTML code into the block you created.
Adjust iFrame settings
Modify the iFrame's width and height to fit your webpage design.
Ensure that the iFrame displays correctly by previewing your changes.
Finalise and publish
Review the embedded booking engine to confirm proper display and functionality.
Publish the changes to make the booking option available to website visitors.
💡Tip: Utilise online tools for iFrame generation if needed:
FAQs
What if I don't have access to edit my website?
What if I don't have access to edit my website?
Contact your website administrator or webmaster to implement these changes.
Can I customise the appearance of the iFrame?
Can I customise the appearance of the iFrame?
Yes, you can modify the CSS settings like width, height, and borders to match your site's aesthetics.
Will integrating via iFrame affect my website's load time?
Will integrating via iFrame affect my website's load time?
Using iFrames might slightly impact load time, but this can usually be managed with proper optimisation and by using a reliable hosting service.