What Is a Booking Widget? And How Tour Operators Use One
The small box that turns a tour page into a place to buy, and what has to happen behind it for that to work.
A booking widget is a small piece of code from your booking software that you place on your website. It lets a visitor pick a date, see live availability and prices, pay, and get a confirmation without leaving your site.
Without one, a tour website is a brochure: visitors read about the tour, then have to email, call or go elsewhere to book. With one, the page they are reading becomes the place they buy.
Widget, booking page and booking engine
- Booking engine: the system underneath that holds availability, prices and bookings and takes payment.
- Booking widget: the customer-facing part of that engine, placed inside your own web pages.
- Hosted booking page: the same engine on a page the software provider hosts, which you link to rather than embed.
One engine can power all three at once. Our guide to booking engines explains the machinery, and our comparison of booking widgets and booking pages covers the SEO and tracking trade-offs.
What happens behind the button
A visitor sees a calendar and a Book button. In the few seconds of a booking, the system behind it does this:
- Checks availability for that tour and date, live, against bookings from every channel.
- Shows options and prices, such as adult and child rates, private or shared, and any add-ons.
- Collects guest details you need to run the tour: names, pickup hotel, phone number.
- Takes payment through a payment gateway, in full or as a deposit.
- Confirms the booking on screen and by email.
- Reduces availability everywhere, including marketplaces, so the seat cannot be sold twice.
Steps one and six are where cheap setups fail. A widget that does not see marketplace bookings, or does not tell the marketplaces about its own, is how overbookings happen.
Common widget types
- Embedded or inline: the calendar and checkout sit directly in the page, usually beside or below the tour description.
- Pop-up: a Book button opens the checkout in an overlay on the same page, keeping the page design clean.
- Button to page: a button sends the visitor to a hosted booking page. The simplest to set up, but the visitor leaves your site.
- Product list: a widget showing several tours, with dates, for a homepage or a tours page.
Which types are available depends on your booking software. Most tour websites use an embedded or pop-up widget on each tour page and a product list on the homepage.
Where to place it and what it should show
- On every tour page, already set to that tour, so visitors do not choose it a second time.
- Near the price, and visible early on a phone screen rather than at the bottom of a long page.
- Next available dates, not an empty calendar that makes visitors hunt.
- The full price before payment, including any fees, plus what is included and the cancellation terms.
- Your branding, so the checkout looks like part of your site rather than a third party.
The most common mistakes are just as easy to list:
- one widget on the homepage only, so visitors on a tour page have nowhere to book;
- asking guests to create an account before they can pay;
- fees that appear only at the last step;
- a checkout with more fields than the tour needs;
- never testing the booking on a phone, where many of your visitors will try it.
Make a real test booking on your own phone every time you change the page. Our step-by-step guide to embedding a booking widget on WordPress, Wix, Squarespace and Webflow covers installation without slowing your site down.
Who needs one
Any tour business whose website gets visitors needs a way for them to book there. That includes operators who sell mostly through marketplaces: travelers often find a tour on a marketplace, then search for the operator by name. If your site cannot take the booking, they go back and book where you pay commission. Our article on whether a direct booking widget is worth it looks at that case in detail.
A guide who sells only through Instagram or WhatsApp, with no website, may be better served for now by a hosted booking page linked from a profile. The same engine can add a widget later, when the website arrives, without rebuilding products or prices.
Where Travelity fits
Travelity's booking widget is included on every plan. It is connected directly to your reservation system, so availability, prices and bookings stay up to date, and it can be adapted to match your website's design. Payments go through local or global payment gateways, and availability stays in sync with GetYourGuide, Viator, Trip.com and Google Things to Do. A hosted booking page is available too, for links in social profiles and messages. See plans and pricing.
Frequently asked questions
What is a booking widget?
A booking widget is a small piece of code from your booking software that you place on your website. It lets visitors check live availability, choose an option, pay and receive a confirmation without leaving your site.
What is the difference between a booking widget and a booking engine?
The booking engine is the system that holds availability, prices and bookings and takes payment. The widget is the part of it your customers see on your website. One engine can power a widget, a hosted booking page and marketplace connections at the same time.
Is a booking widget free?
The widget usually comes with your booking software rather than being sold separately. What you pay is the software subscription, any booking fee on online bookings, and card processing. Compare those costs across platforms rather than the widget itself.
Where should I put a booking widget on my tour website?
On every tour page, near the price and visible early on a phone screen, already set to that tour so visitors do not have to choose it again. A general widget listing all tours can also sit on the homepage or a tours page.
Do I need a booking widget if I sell mostly on GetYourGuide and Viator?
Usually yes, if your website gets visitors. Travelers often find you on a marketplace, then search for your name. Without a way to book on your site, they go back to the marketplace and you pay its commission on a guest who came looking for you.
In short
A booking widget is the visible end of your booking engine, placed on your own pages. Judge it by what happens behind it: live availability across every channel, a quick checkout on a phone, and a confirmed booking that reaches your operations without anyone re-typing it.
Related guides
See Travelity in action. Book a Personalized Demo.
30 minutes that can completely change the way you run your travel business. See how Travelity can help you work smarter, sell more, and operate with less stress.