August 5, 2026
If you run a boat charter, a jeep tour, or a snorkel trip, you already know the frustration: a guest lands on your beautiful website, gets excited, then hits a dead end. Maybe there's a phone number. Maybe there's a contact form. Maybe there's a link that dumps them on some other company's booking page. Every one of those is a place to lose the sale.
A booking widget fixes that. It puts a live "pick your date, pay by card" flow right on your own site — and here's the part that surprises most owners: you can add one yourself, in an afternoon, without hiring a developer. No code to write. No monthly software bill required to get started. Just a snippet you paste in one spot.
This guide walks through exactly how it works — what a widget does, where to place it, and the step-by-step for the website builder you're already using. If you'd rather see the whole online-booking setup end to end, we've also published a step-by-step playbook for launching online booking. Otherwise, let's get your widget live.
Strip away the jargon and a booking widget is simple: it's a small piece of code — an embed code, or snippet — that you drop into a page on your website. Once it's in, that code pulls in a live calendar and checkout from your booking tool, so it appears as if it were built right into your site.
That's the whole trick. Instead of a static "Call to book" button, your visitor sees your real availability, picks a departure, chooses how many seats, and pays — all without leaving your page.
The key phrase to hold onto is direct booking: the reservation happens on your website, with your name on it, and the money comes to you. That's different from listing your tour on a big marketplace and waiting for referrals. A widget is what makes direct booking possible for an operator who isn't technical.
One thing worth flagging up front, because generic scheduling tools get it wrong for our industry: tours aren't appointments. You're not booking one person into one slot. You're selling seats on a departure, up to a capacity, sometimes across several time slots a day. A widget built for tours and activities understands per-seat, per-departure booking. Most of the salon-and-coach scheduling widgets that dominate search results don't — which is exactly why it's worth choosing a tool made for operators like you.
Before the how-to, it's worth being clear about why this matters. Because there's a lazy alternative — just link out to a booking page hosted somewhere else — and it quietly costs operators real money.
Embedding the calendar directly on your own site, rather than linking visitors off to a third-party booking page, has been shown to produce a two-to-three-times lift in completed bookings, according to a no-code widget tutorial from 0xminds. The reason is blunt: every extra click, every new tab, gives a visitor a chance to get distracted and abandon.
The data backs up how fragile that moment is. SiteMinder's Changing Traveler Report 2025, which surveyed 12,000 travelers across 14 countries, found that 52% of travelers abandon a booking because of a poor digital experience — not because of price. And Baymard Institute's 2024 research found 22% of shoppers abandon an online checkout because it's too long or complicated, while 24% walk away because they're forced to create an account first.
So the goal isn't just "have a widget." It's have a clean, short one that lives on your page and lets people book as a guest without making an account. Keep the flow tight and you keep the booking.
Here's the financial "why bother." Major tour and activity marketplaces — Viator, GetYourGuide, Klook and the like — typically charge operators 20-30% commission on every booking, according to EquipDash's breakdown of OTA distribution. (For context, Viator's supplier commission usually lands in that 20-30% range, commonly cited around 25% — which is a different thing from the 8% "affiliate" rate you'll see quoted, since that one only applies to referral partners, not tour suppliers.)
A direct booking taken through a widget on your own site, by contrast, usually costs only about 2-3% in payment processing. Same booking. A fraction of the cost. Those marketplaces are useful for getting discovered, but if the guest was always going to find you, sending them through a 25% toll booth instead of your own checkout is money left on the table. A widget is how you take that booking yourself.
There are three standard ways to place a widget, and the right one depends on the page. You can mix and match — an inline embed on one page, a floating button site-wide.
An inline embed drops the full calendar or tour catalog directly into the body of the page, so it sits there like any other content. This is the classic choice for a dedicated "Book Now" page — the visitor arrived to book, so you show them the booking flow immediately, no extra clicks.
A popup widget keeps your page clean. Instead of a big calendar taking up space, you place a button; when a visitor clicks it, the booking flow opens in an overlay on top of the page. It's a great fit for a homepage or a tour-detail page where you want the photos and description to shine, with booking one tap away.
A floating button is a sticky "Book Now" button that stays visible in a corner of the screen while the visitor scrolls. It's always there, so there's never a moment where someone is ready to buy and can't find the button. According to the 0xminds testing, floating buttons outperform inline embeds on longer pages — and the gap is widest on mobile, where a visitor may be thumbs-deep in your gallery when the urge to book hits.
The good news is the checklist is short. To add a booking widget, you really only need two things:
Two more things to confirm. First, no coding knowledge is required — if you can copy and paste, you can do this. Second, make sure your site is served over HTTPS (your address bar shows a padlock, and the URL starts with https://). Widgets can fail to load or submit payments on non-secure pages, and it's a five-minute fix with your host if you're not there yet.
Once you've copied your embed snippet, adding it is nearly the same everywhere: find the block that accepts custom code, paste, publish. Here's where that block lives on the platforms most tour operators use.
WordPress powers 43% of all websites on the internet, per Kentroi's figures, so odds are good this is you. Edit the page where you want the widget, add a new block, and choose the Custom HTML block. Paste your snippet in, then preview and publish. One heads-up: on WordPress.com specifically, embedding custom code like this requires a plan with hosting features enabled — self-hosted WordPress.org sites can do it on any plan.
In the Squarespace editor, add a Code Block to your page and paste the snippet in, leaving the "Display Source" option unchecked (checking it would print your code as visible text instead of running it). Note that Squarespace gates JavaScript and iframe embeds behind its Core plan or higher, so if the option is greyed out, that's the plan tier at work — not you doing anything wrong.
In the Wix editor, go to Add > Embed > Custom Embeds, then choose the embed element and paste your snippet. Drag it into position on the page, and you're done.
On any other platform — or a hand-built site — look for whatever "custom code," "HTML embed," or "raw HTML" option it offers, and paste there. Most booking tools hand you two versions of the snippet: a JavaScript version and an iframe version. They do the same job. If one doesn't render, delete it and paste the other — that single swap fixes the majority of "it won't show up" cases. And if you'd rather not fight your builder at all, a done-for-you website template built to convert comes with the booking widget already wired in.
This is where Junglebee is built to make the whole thing painless for tour and charter owners. The Junglebee widget is a paste-and-go embed: you set up your tours, copy the snippet, and drop it onto your site using the exact steps above. Website integration is included on every plan tier — it's not an upsell.
The part operators tend to double-take on is the pricing. There's no monthly fee and no setup fee. You pay only a small per-transaction booking fee when a guest actually pays by card — 4% in the Caribbean, and 2% in the USA, Canada, Europe, Australia and Asia. No booking, no fee. That keeps you comfortably in the low-single-digit range we talked about earlier, instead of handing 20-30% to a marketplace. Guests pay by card right there in the widget, and the booking lands in your system. You can see Junglebee's per-transaction pricing for your region.
For a small, owner-run operation, that's the whole appeal: a real booking checkout on your own site, no developer, no software bill hanging over a slow season, and a fee you only pay when you've made a sale.
Don't publish and walk away. A ten-minute test now saves a ruined booking later. Run through this:
Most issues fall into three buckets, and each has a fast fix:
If you're still stuck, the fastest route is your booking tool's support — with a tool built for operators, there's usually a real person who can look at your exact page.
It's a small piece of embed code you paste into your website that pulls in a live calendar and checkout, letting guests pick a date and pay directly on your own page instead of being sent elsewhere.
No. You need admin access to your site and a booking account with at least one tour set up. The tool generates the snippet for you, and adding it is a copy-and-paste into a custom-code block — no coding required.
That depends on the tool. Some scheduling apps charge a monthly fee, and some builders (like Squarespace) require a paid plan tier to embed code at all. Junglebee's widget has no monthly fee and no setup fee — you pay only a small per-transaction booking fee when a guest pays by card.
A well-built widget loads on its own, separately from the rest of your page, so it shouldn't noticeably drag things down. The real test is the phone — run your test booking on an actual mobile device and confirm it loads quickly there.
Yes. With a tool like Junglebee, the card payment happens right inside the widget on your site, and the booking drops straight into your system — no redirect to a separate payment page.
Adding a booking widget is one of the highest-return afternoons you'll spend on your business. It turns an interested visitor into a paid seat, keeps that booking (and its money) yours, and it's genuinely something you can do yourself. Set it up, test it on your phone, and start taking bookings the moment your next guest lands on your site.
