Book Your Transfers Instantly
Reliable airport transfers and rentals from trusted suppliers worldwide.
Add booking to your website
Choose how customers book on your site. Try each option below.
These previews use sample data. When you copy the code, replace YOUR_WIDGET_KEY with your own widget key, found in your TransitHub panel under Widget Configuration → Embed.
1. Show the booking form on your page
1a. Transfer booking form
The easiest option. Copy the code into your page and the booking form appears there.
Show code to copy
<script src="https://widget.transithub.io/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-type="transfer" data-height="720"> </script>
1b. Activity booking form
Works the same way, for tours and activities. To show transfers and activities together, change "activity" to "both" in the code.
Show code to copy
<script src="https://widget.transithub.io/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-type="activity" data-height="720"> </script>
1c. If your website builder won't accept the code above
Some website builders don't allow that kind of code. Use this version instead.
Show code to copy
<iframe src="https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer" width="100%" height="720" style="border:none;border-radius:12px" allow="payment" title="Booking widget"> </iframe>
1d. Booking form for one activity
Add the booking form for a single tour to that tour's own page. Enter the activity ID from your Activities list.
Show code to copy
<script src="https://widget.transithub.io/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-activity-id="9401" data-height="720"> </script>
2. Booking buttons
2a. Buttons that open the booking page
Customers click a button and go straight to booking.
Show code to copy
<button onclick="window.location.href='https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY'">Book Now</button> <button onclick="window.location.href='https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer&autoSearch=true&pickupAddress=Heathrow+Airport%2C+London&pickupLat=51.4700&pickupLng=-0.4543&destinationAddress=Covent+Garden%2C+London&destinationLat=51.5117&destinationLng=-0.1240&date=2026-11-10&time=10%3A00&passengers=1&journeyType=oneway'">Search Transfers</button> <button onclick="window.location.href='https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=activity&autoSearch=true&cityId=9201&city=London'">Search Activities</button>
2b. Open booking in a new tab
Your website stays open in the first tab. Copy the code exactly as it is, without removing anything from the link.
Show code to copy
<a href="https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY" target="_blank" rel="noopener">Book Now</a>
3. Pop-up booking
3a. Pop-up window
Booking opens on top of your page. When customers close it, they're back where they were.
Show code to copy
<button onclick="openWidget()">Book a transfer</button>
<div id="w-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center">
<iframe id="w-frame" allow="payment" title="Booking widget" style="width:min(560px,100%);height:min(760px,100%);border-radius:12px;border:0;background:#fff"></iframe>
</div>
<script>
function openWidget() {
document.getElementById("w-frame").src = "https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer";
document.getElementById("w-overlay").style.display = "flex";
}
document.getElementById("w-overlay").addEventListener("click", function (e) {
if (e.target.id === "w-overlay") e.currentTarget.style.display = "none";
});
</script>3b. Full screen
Like the pop-up, but it fills the whole screen. Best for phones.
Show code to copy
<button onclick="openWidget()">Book a transfer</button>
<div id="w-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center">
<iframe id="w-frame" allow="payment" title="Booking widget" style="width:100%;height:100%;border-radius:0;border:0;background:#fff"></iframe>
</div>
<script>
function openWidget() {
document.getElementById("w-frame").src = "https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer";
document.getElementById("w-overlay").style.display = "flex";
}
document.getElementById("w-overlay").addEventListener("click", function (e) {
if (e.target.id === "w-overlay") e.currentTarget.style.display = "none";
});
</script>3c. Floating button
A "Book a ride" button that stays in the corner of every page. You can see one in the bottom-right corner of this page.
Show code to copy
<a href="https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer" style="position:fixed;right:16px;bottom:16px;z-index:9999;padding:12px 18px;border-radius:999px;background:#00756b;color:#fff;text-decoration:none;font-weight:600"> Book a ride </a>
4. Start with the trip already filled in
4a. From your own trip form
If your site has its own trip form, it can send the details to booking, which shows prices straight away.
Show code to copy
https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer&autoSearch=true&pickupAddress=Heathrow+Airport%2C+London&pickupLat=51.4700&pickupLng=-0.4543&destinationAddress=Covent+Garden%2C+London&destinationLat=51.5117&destinationLng=-0.1240&date=2026-11-10&time=10%3A00&passengers=2&journeyType=oneway
4b. Activities in one city
Opens the list of activities for a city. You can add a search word to narrow it down.
5. Share a link
5a. Link for email, WhatsApp or a QR code
A link customers open directly, without visiting your website.
https://widget.transithub.io/?widgetKey=YOUR_WIDGET_KEY&type=transfer24/7 Support
Round the clock customer assistance
Real-Time Tracking
Track your driver in real-time
Professional Drivers
Experienced and vetted drivers