Website Booking Widget

Put your booking form on your own website. It is the same booking engine, pricing and payment flow as your hosted booking page.

Brand colour (6-digit hex)

Business name shown in the widget

Embed code

<iframe id="shuttle-widget" src="https://demo.shuttle.software/shuttle?embed=1&color=%23087f8c" title="Book your shuttle" style="width:100%;min-height:720px;border:0" loading="lazy" allow="payment"></iframe>
<script>
  window.addEventListener("message", function (e) {
    if (e.origin !== "https://demo.shuttle.software") return;
    if (e.data && e.data.type === "shuttle-widget-height") {
      document.getElementById("shuttle-widget").style.height = e.data.height + "px";
    }
  });
</script>

Copy the code above.
In your website editor (WordPress, Wix, Squarespace, Webflow, plain HTML) add a "Custom HTML" / "Embed code" block where the booking form should appear.
Paste the code and publish. The form resizes itself to fit and works on phones.
Bookings made through it are saved to your account (Bookings & Export) and use the same availability, fares and payment steps as your hosted booking page.

Only passengers' booking data passes through the widget. Your account id (the op value) is public by design, like any booking-form identifier; it cannot be used to read your data.

Preview

Today the widget offers shared-seat and private airport/hotel transfers. Hourly hire is not part of the current booking engine, so it is not shown.