An iframe is a website element that can be used to insert your NightsBridge Booking Engine into your current website. It acts like a "window" within a web page, displaying your Booking Engine.
This can work in two ways:
- Opened in a pop-up window, which often works better on mobile
- Embedded on the page, so guests see and use the form in place
An iframe is another option for presenting your Booking Engine, and it can also be combined with NightsBridge widgets like the availability search bar, availability checker, or iCal calendar for a more tailored setup
Things to note
Before deciding on iframes as your option, please consider these specifics:
- Using an iframe usually requires a web developer to help with the setup.
- Make sure you know your NightsBridge Booking Engine link
(it looks like this: https://book.nightsbridge.com/XXXXX). - Decide if you want the form to appear directly on the page (embedded) or to open in a separate pop-up window.
Your options with iFrames
You have two display options:
Why choose this option?
- The booking form appears inside your web page at a fixed spot.
- Guests don’t need to leave your site while browsing availability.
- Works well if you want a seamless look and have enough space on the page.
Things to consider
- On smaller screens, the embedded frame can feel cramped.
- The form may push other website content further down the page.
- Works best on websites with a clean layout and plenty of room.
Why choose this option?
- When guests click your Book Now button, the booking form opens in a separate window or overlay.
- On mobile devices, the form fills the full screen, giving a much better user experience.
- Keeps your main website page neat and uncluttered.
Things to consider
- Guests technically “leave” your main page, even if only in a pop-up.
- If a pop-up blocker is active, the booking form may open in a new tab instead.
- Styling and button design usually need to be handled by your web developer.
Which option should you choose?
- An embedded iFrame would be best if you want the booking form always visible on your page.
- A pop-up iFrame would best for a mobile-friendly experience and a cleaner layout.
You can also combine an iFrame with other NightsBridge widgets, such as:
- The availability search widget, so guests can check dates first.
- An iCal calendar, for a quick visual of open dates.
This way, your guests can explore availability in different ways before completing their booking.
The pop-up iFrame option is more versatile, especially since the NightsBridge booking form is already designed to be mobile-friendly.