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.

Visit taxiwebbooker.com/integration-methods to see live examples of each integration method.

General Integration Steps

Log in to your Web Portal
Click "Add to website" in the Home menu section
Select your preferred integration method
Configure your settings from the integration options. Any changes made in the integration options will automatically update the generated code, so make sure to finalize your customization first and then copy and add the updated code to your website.
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

Choose your integration method

Choose any of the available integration methods:

Inline-widget - Embeds the booking form directly into your webpage, allowing customers to start booking immediately within the page layout.
Floating-popup-widget -Displays a fixed booking button on your site that opens the booking flow in a popup when clicked.
Popup-text - Adds a clickable text link or button anywhere on your site that launches the booking form in a popup.
Wordpress - Installs the Web Booker easily through a dedicated plugin, designed specifically for WordPress websites.
Iframe -Embeds the booking form using a simple iframe, intended for platforms with limited support for custom scripts.

Visit taxiwebbooker.com/integration-methods to see live examples of each integration method.

Configuration Options by Method

Inline Widget

The 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

Set integration options

Navigation type

Choose how users navigate through the booking process:

Variable widget height (scroll on website)
The widget automatically adjusts its height based on the content (steps in booking). Scrolling happens on the website page itself, not inside the widget. This provides a more natural, seamless experience as the page grows with the form.
Fixed widget height (scroll in widget)
The widget has a fixed height, and any additional content is handled with an internal scroll inside the widget. The rest of the webpage remains static while users scroll within the booking form.
Fixed widget height (next step in popup)
The widget remains fixed in size, but instead of scrolling, each next step of the booking process opens in a popup/modal window. This keeps the main page unchanged while guiding users through the booking flow step-by-step.
Default Language -Sets the default language of the booking widget.
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. Either rounded or squared

Note: Any changes made in the integration options will automatically update the generated code, so make sure to finalize your customization first and then copy and add the updated code to your website.

Copy integration code

The Integration code section provides the code needed to embed the Web Booker into your website and is divided into two simple steps.

Step 1 – Add inside <head>
Add the provided code inside the <head> section of your website. This step ensures that all required styles and scripts for the Web Booker are loaded properly.

Step 2 – Add where the booker should appear
Place the provided <inline-webbooker> code in the <body> section of your page, exactly where you want the booking form to be displayed. This defines the position and appearance of the Web Booker on your website.

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

Set integration options

Button text – Defines the text displayed on the floating booking button.
Default language – Sets the default language of the booking widget.
Buttons & elements color – Controls the color of buttons and interactive elements.
Text color – Sets the color of text inside the widget.
Background color – Defines the background color of the booking interface.
Button text color – Sets the color of text on the floating button.
Button background color – Defines the background color of the floating button.
Button position – Determines where the floating button appears on the screen (Bottom left, Bottom right, Top left, Top right).
Button style - Choose button shape. Either rounded or squared

Copy integration code

The Integration code section provides the code needed to embed the Web Booker into your website and is divided into two simple steps.

Step 1 – Add inside <head>
Add the provided code inside the <head> section of your website. This step ensures that all required styles and scripts for the Web Booker are loaded properly.

Step - Add where the widget should appear – Place the <popup-widget> code in your page (inside the <body>), which defines the floating button, its position, and pop-up behavior

Popup Text

This integration option 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

Set integration 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. Either rounded or squared

Copy integration Code

The Integration code section provides the code needed to embed the Web Booker into your website and is divided into two simple steps.

Step 1 - Add inside <head>
Add the provided script in the <head> section of your website to load the pop-up widget functionality and required styling.
Step 2 - Add where popup text widget should appear
Place the <popup-widget> code in your webpage (inside the <body>), which defines the booking pop-up behavior.

Wordpress

The WordPress integration allows you to add TaxiWebBooker using a dedicated plugin, without needing to manually copy or manage code. After installing the plugin and connecting your account via a Form ID, you can easily choose between a floating button, popup trigger, or inline booking form directly from your WordPress dashboard.

For step-by-step instructions, see the WordPress Plugin Integration Guide

iFrame

The iFrame integration allows you to embed the Web Booker directly into your website using a simple HTML <iframe> element. This method is a way to display the booking form within your page without requiring advanced setup or scripting.

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

Copy integration Code

Paste anywhere on your page – Copy the provided <iframe> code and place it inside the <body> section of your website where you want the booking form to appear