If your hotel already has a website, you can use your room booking page as its booking engine. Put a Book now button or a small date search on your site, and guests who press it land on your rooms, with your logo and colours, ready to book and pay.
You don't need a developer. Setup → Storefront → Book on your website gives you the code to copy, and shows how many bookings your website brings in.
Before you start
- Your room booking page must be working: at least one room type with an active rate plan, rooms, and photos. Open it from Open your booking page to check.
- You need to be able to edit your website, or have the person who does it on hand. Most website builders (WordPress, Wix, Squarespace and others) let you add an HTML, Embed code or Custom HTML block. That's all you need.
Steps
- Go to Setup → Storefront and scroll to Book on your website.
- Type your website's address, e.g.
www.yourhotel.com, and press Save. Your booking pages now show a ← yourhotel.com link at the top, so guests can get back to your site. - Choose what to put on your website:
- Search box: check-in, check-out and guests fields with a Check availability button. Guests land straight on the rooms free for those dates. Best for your home page.
- Button: a Book now button in your colour. You can change its text.
- Link only: just the web address. Use it behind a button your website already has, in an email signature, or in your social media profile.
- Tick Open in a new tab if you'd like your website to stay open behind the booking page.
- Try it in the Preview box. It works for real and opens your booking page in a new tab.
- Press Copy.
- In your website builder, add an HTML block where you want it, paste, and publish your website.
See which links bring bookings
At the bottom of the panel, Where room bookings came from shows the last 30 days of online room bookings:
- Started: guests who put a room in the basket or began paying.
- Paid: bookings that were paid for.
- Your website: bookings that came through the code you copied here.
- No tag: guests who came another way, such as typing the address, WhatsApp or a search engine.
You can tag any other link the same way. Add ?src= and a short name to the
end of your booking address, for example:
https://yourhotel-rooms.bsensor.app/?src=instagramfor your Instagram biohttps://yourhotel-rooms.bsensor.app/?src=posterbehind the QR code on a poster
Each name gets its own line in the table.
Tips
- Put the search box on your home page. Guests who have already picked dates see real availability straight away, which is what turns a visitor into a booking.
- Your website keeps working if this system is updated. The code you paste is plain HTML with no script, so nothing on your site can break.
- Copy again after changing your colour. The button and search box use the accent colour from the moment you copied them. If you change the colour under Colour, copy the code again and replace it on your website.
- Sending guests back to a particular page. A link can carry
&return=followed by the full address of a page on your website, for example…/?src=website&return=https://www.yourhotel.com/rooms. The back link then goes to that page instead of your home page. Addresses on any other website are ignored, so the link can't be used to send guests somewhere else.
Common problems
- "That doesn't look like a website address" → Type it like
www.yourhotel.com. It has to be a real web address with a dot in it. - The ← back link isn't showing → Check you pressed Save after typing your website, then refresh the booking page.
- My website builder removed the search box → Some builders strip forms pasted into an ordinary text block. Use their HTML / Embed code / Custom HTML block instead. If your builder doesn't have one, use the Link only option behind one of its own buttons.
- Guests land on the page but see no rooms → They picked dates when nothing is free, or a room type isn't set up for online booking (it needs an active rate plan). Search those dates yourself on the booking page to check.
- The table says "No online room bookings started" → Nobody has started an online room booking in the last 30 days. Counting starts from today, so bookings made before you added the code show as No tag.
- The button colour is wrong → Copy the code again after setting your colour, and replace the old code on your website.
- "Could not copy" → Click inside the dark code box, select all the text, and copy it with your keyboard (Ctrl+C, or ⌘+C on a Mac).