What a booking widget actually is
A booking widget is a small application embedded in your page: it shows real rates and availability, takes guest details, and collects the deposit — without sending the visitor to another domain or a third-party marketplace. In TravelBookingWidgets you configure it once (layout, colours, products), copy the snippet from the widget settings, and paste it into your site.
Platform by platform
| Platform | Where to paste the snippet |
|---|---|
| WordPress | Add a "Custom HTML" block in the editor (or use an HTML widget in your page builder) and paste the snippet |
| Wix | Add → Embed → Embed HTML/iframe, paste the code, resize the container |
| Squarespace | Add a Code Block where the widget should appear and paste |
| Webflow | Embed component → paste the snippet |
| Plain HTML / hand-built | Paste before the closing </body> tag (floating modes) or inside the page (inline mode) |
Placement rules that decide whether it converts
- Above the fold on the homepage — or a prominent "Book now" that jumps to it.
- On every property/route page: the widget next to the thing being sold, pre-selected.
- Inline mode inside the page for trip planners; floating/inline both work for packages.
- Mobile is most of your traffic: test the widget at phone width before celebrating on desktop.
The mistakes that kill widget conversions
- Burying the widget three scrolls down, behind a gallery.
- Rates hidden: if the widget shows "enquire", it’s an enquiry form, not a booking widget.
- Payment friction: no M-Pesa, or a checkout that leaves your site.
- Forgetting the operations: bookings that land in an unwatched inbox. Ours land in the same system your team runs the rest of the booking in.
The full walkthrough with screenshots lives in our install guide. Configure, paste, take your first booking — on the Free plan if you’re just testing the water.