TaxiWebBooker offers multiple ways to embed the booking system on your website. Choose the integration method that best fits your website structure and user experience goals.
Available Integration Methods
Floating Popup Widget
A small, always-visible booking button that stays fixed on your website. When clicked, it opens the full booking flow in a popup overlay.
Best for: Providing quick access to booking from any page without taking up permanent space on your layout.
Key features:
Remains visible while users scroll or navigate between pages
Mobile-friendly popup interface
Customizable button text and position
Inline Widget
Embeds the booking form directly into your webpage. Users can begin entering booking details immediately, with flexible navigation options for the booking flow.
Best for: Pages where booking is the primary focus, such as your homepage or dedicated "Book Now" page.
Key features:
Seamless integration into your page layout
Three navigation modes to control how users progress through booking steps
Fully customizable colors and styling
Popup Text
Creates a clickable text link or button that opens the booking flow in a popup.
Best for: Adding booking functionality to specific content areas, menus, or call-to-action buttons with minimal visual footprint.
Key features:
Maximum flexibility in placement
Can be styled to match your existing design
Lightweight integration option
iFrame
Embeds the complete booking system inside an iFrame element.
Best for: Websites with limited JavaScript support or older CMS platforms where other integration methods aren't compatible.
Key features:
Works on platforms that restrict widget embedding
Self-contained booking experience
Additional font style customization options
How to Add Web Booker to Your Site
General Integration Steps
Log in to your Web Portal
Click "Add to website"
Select your preferred integration method
Configure your settings (see method-specific options below)
Click "Copy code"
Paste the code into your website's HTML source code
Save and publish your page
Reload your site to confirm the Web Booker is visible
Configuration Options by Method
Floating Popup Widget
Customization options:
Button text - Customize the call-to-action text (e.g., "Order now!")
Default language - Set the default language (e.g., English)
Button position - Choose where the button appears (e.g., Bottom Right)
Buttons and elements color - Set the color for interactive elements
Text color - Customize text color
Background color - Set the background color
Button text color - Specific color for button text
Button background color - Specific color for button background
Button style - Choose button shape (e.g., Rounded buttons)
Inline Widget
Navigation type - Choose how users navigate through the booking process:
Variable widget height (scroll on website) - Widget height adjusts to content; users scroll the webpage
Fixed widget height (scroll in widget) - Widget has fixed height; users scroll within the widget
Fixed widget height (next step in popup) - Widget shows initial form; subsequent steps open in a popup
Styling options:
Buttons and elements color - Set the color for interactive elements
Text color - Customize text color
Background color - Set the background color
Button style - Choose button shape (e.g., Rounded buttons)
Popup Text
Customization options:
Default language - Set the default language
Buttons and elements color - Set the color for interactive elements
Text color - Customize text color
Background color - Set the background color
Button style - Choose button shape (e.g., Rounded buttons)
iFrame
Customization options:
Default language - Set the default language
Buttons and elements color - Set the color for interactive elements
Text color - Customize text color
Background color - Set the background color
Button style - Choose button shape (e.g., Rounded buttons)
Font style - Select font family (e.g., Roboto, sans-serif)
Platform-Specific Guides
For detailed integration instructions specific to your website platform:
Need Help Choosing?
Visit taxiwebbooker.com/integration-methods to see live examples of each integration method.