Adding a "Book Now" or "Check Availability" button to your website is one of the easiest ways to turn website visitors into instant, commission-free bookings. When guests click the button, they are taken directly to your secure NightsBridge Booking Engine to choose their dates and complete their reservation.
Whether you manage your website yourself or work with a web designer, this guide covers everything you need to set up your buttons smoothly.
Why we recommend a button instead of embedding iFrames
We strongly recommend using a standalone button that opens your Booking Engine in a new tab, rather than embedding the booking form inside an iFrame on your web page.Here's why this gives your guests a much better experience:
🔒 Security & guest trust (HTTPS):
Your NightsBridge Booking Engine is fully secured with HTTPS. If your booking form is embedded inside an iFrame on a non-HTTPS site, potential guests might feel hesitant to enter their personal and credit card details.
📱 Seamless mobile responsiveness:
Our Booking Engine is fully responsive across all screens and smartphones. iFrames are naturally rigid, which can mess up the mobile view and cause guests to leave without booking.
🌐 Keeps your website open:
Opening the Booking Engine in a new browser tab keeps your main website open in the background, allowing guests to pop back and check your room photos or amenities whenever they like.
Where to place your button for maximum bookings
To make it as effortless as possible for guests to book, keep these simple placement tips in mind:
📌 Place it above the fold:
Put your button on the upper half of your web page so visitors see it immediately when they land on your site—without needing to scroll down.
📄 Display it on every page:
Add a button to your main homepage, your accommodation page, and all other sub-pages so guests can book the moment they decide to stay.
Adding the button:
Option 1: Adding the button using a CMS (WordPress, Joomla, etc.)
If your website is built on a Content Management System like WordPress, Wix, or Joomla, you can quickly add the button link yourself or pass these details to your web designer:
Your unique link structure is:
https://book.nightsbridge.com/xxxxx(Simply replace xxxxx with your property's 5-digit NightsBridge BBID).
In your button settings, make sure to tick "Open in a new tab" (or similar target setting).
Option 2: Adding the button to HTML website files
If your website is built with custom HTML code, send these details to your web designer:
Booking Form URL: (replacing xxxxx with your BBID).
https://book.nightsbridge.com/xxxxx HTML Link Code:
<a href="https://book.nightsbridge.com/xxxxx" target="_blank">Book Now</a>Target Note: Ensure the link includes target="_blank" so it opens in a new tab.
If you'd like our team to add the button directly to your website, we can set it up for you at no extra charge!
To help you with this, our support team will just need:
- Access details for your website's Content Management System (such as your WordPress or Joomla login username and password),
OR - Your FTP login credentials if your site uses raw HTML files.
Simply reach out to us, and we'll handle the setup for you!
That's it! You're done!