modules

web widget

reservation system on your own website

Add a full booking flow to your website with the same logic your operation uses behind the scenes: Google Maps address search, service types, vehicle rates, extras, passengers, payment methods, terms, confirmations, and reservation editing.

Embeddable script Places and routes Saved payments Client accounts GA4 events
Trip details Step 1/4
Date calendar_today
Time schedule
Pick up place
Drop off place
Passengers 1
Luggage 0
Service type expand_more
Passenger booking flow

four steps from quote to confirmed reservation

built from the same widget views used by create trip, edit trip, reservations, and account

01

Trip details

Passengers choose date, time, pickup, dropoff, service type, passenger count, luggage, airport flight data, and reorderable stops with waiting time.

02

Select vehicle

The widget asks the backend for vehicle rates using the route distance, company unit and currency, service type, passenger needs, rate rules, and available vehicle definitions.

03

Extras and round trip

Add-ons, accessible vehicle, child seat, meet and greet, pet friendly options, passenger notes, promo codes, and optional round-trip details are kept in the same reservation package.

04

Review and payment

Final review shows route, passengers, vehicle, rate detail, promo savings, tip, saved payment options or new card entry, terms acceptance, and confirmation status.

Website integration

one script, company-aware behavior

The widget mounts into a target element, reads runtime configuration from the script dataset, chooses hash or memory routing, loads Vuetify, Material Design icons, Google Maps, and the company-specific Places key.

That keeps the booking UI light on your public website while still using your live company profile, terms URL, service areas, service types, vehicle types, merchant-compatible currency, distance unit, and customer account rules.

your-limo-site.com
widget-container create trip route loaded
<script id="widget-script" data-config="company"></script>
Company profile Terms and cancellation rules Merchant account
Google Analytics 4

see where passengers continue, stop, and convert

fourteen documented booking and account events, sent to the company's existing GA4 destination

01
booking_started

The passenger clicks Continue in step 1 for the first time. It fires before validation and only once per booking flow.

02
booking_step_continue_click1

The passenger clicks Continue in step 1, Trip details. It fires on every attempt, including failed validation.

03
booking_step_completed

Step 1 or 3 passes validation, or a vehicle is selected in step 2. It includes the step number, name, and ID.

04
vehicle_item_selected2

The passenger selects a vehicle in step 2. It includes the selected vehicle item, value, and currency when available.

05
booking_step_continue_click3

The passenger clicks Continue in step 3, Extras, add-ons, and round trip. It fires on every attempt, including failed validation.

06
booking_submit

Step 4 passes validation and the widget sends the reservation or quote request. This records a submission, not yet a conversion.

07
purchase

The reservation API succeeds and returns a reservation ID. It fires once per reservation ID and represents the reservation conversion.

08
generate_lead

The quote-request API succeeds. It represents the conversion when the passenger requests a quote instead of creating a reservation.

09
auth_login_cta_click

The passenger clicks a Login button that opens the login dialog. Automatic protected-route prompts are excluded.

10
auth_register_cta_click

The passenger clicks a Sign up or Create account button that opens registration.

11
auth_google_login_cta_click

The passenger clicks the direct Google login button during checkout.

12
auth_facebook_login_cta_click

The passenger clicks the direct Facebook login button during checkout.

13
login

Authentication succeeds by password, Google, or Facebook. It includes the authentication method.

14
sign_up

Password registration succeeds and the passenger account is created.

Brand customization

style the widget to match each company website

The company profile includes styling fields that let the booking widget inherit the visual language of the operator's site. Font family, primary color, and background color flow through step indicators, active tabs, icons, form focus states, buttons, payment actions, and the customer account area.

Operators can pair those styling fields with terms URL, website domain, service types, vehicle types, merchant-compatible currency, and a miles-or-kilometers preference, so the widget looks native while still using live dispatch-ready rules.

Font family Primary color Background color Terms and domain Currency and distance unit
Styling Company profile
Lato Montserrat Playfair Display
#1f48c1 #0f9f6e #d7a321
#ffffff #f6fff9 #171717
Your Company
Pickup address place Drop-off address place
What the module handles

passenger actions connected to operations

Address intelligence

Google Places autocomplete, route directions, the configured miles-or-kilometers display, map markers, and service-area checks all feed the quote and reservation payload.

Localized fares

The company profile and merchant account keep supported currency and distance units consistent through vehicle selection, rate details, payment, and confirmation.

Rate breakdown

Quotes expose base rate logic, stops, waiting time, taxes, fees, increases, discounts, add-ons, tips, and total charge detail.

Promos and extras

Promo codes, add-ons, accessibility, child seats, meet and greet, pet friendly rides, and notes can be attached before checkout.

Secure identity

Login, sign up, Google and Facebook authentication, email verification, password reset, and invisible reCAPTCHA support protect the booking flow.

Payments

Saved cards, new card entry, Stripe Payment Element, PayPal PayFlow fields, payment deltas on edits, and terms acceptance are handled in the review step.

Edit and cancel

Existing reservations can open in edit mode with status locks, lead-time rules, change notices, cancellation rules, update confirmation, and customer-facing errors.

event_availableReservations account_circleAccount
ID Day / Time PU / DO Price
#1842 June 12
08:30 AM
PU: Midtown Manhattan
DO: JFK Terminal 4
USD 186.40
#1839 June 9
06:10 PM
PU: Newark Airport
DO: SoHo
USD 142.00
Passenger self-service

reservations and account tools after booking

Signed-in passengers get a persistent bottom navigation for Create Trip, Reservations, and Account. Reservations are listed by ID, day/time, pickup/dropoff, stops, status, total, and edit action.

Account tools let customers review profile data, add passengers, manage saved payment methods, save favorite locations with Places search, log out, or delete their account when required.

3 widget routes 4 account areas 23 waypoint-safe routing cap