Understanding Plugin’s Shortcodes: Booking Form vs. Widget

The plugin provides two shortcodes for displaying the booking interface on your website: the Booking Form shortcode and the Widget shortcode.

You can find both shortcodes in ‘Chauffeur Booking System’ -> ‘Booking Forms’. Edit the booking form you want to use, then open ‘General’ -> ‘Shortcodes’. The plugin automatically generates the correct shortcode for that booking form.

Booking Form Shortcode

The Booking Form shortcode displays the complete booking form and should normally be used on the main booking page where customers complete the entire booking process.

Example:

[chbs_booking_form booking_form_id="10007"]

The ‘booking_form_id’ parameter identifies the booking form that should be displayed. When you copy the shortcode from the ‘Shortcodes’ tab, the correct booking form ID is already included automatically.

Edit the WordPress page where you want to display the booking form and paste the shortcode into a Shortcode block or a shortcode-compatible element provided by your page builder.

Widget Shortcode

The Widget shortcode displays a simplified version of the booking form. It can be placed on other pages of your website and used to collect the initial booking details before redirecting the customer to the main booking form.

The plugin provides several widget styles. Depending on the selected style, the widget can use a vertical or horizontal layout and display either selected booking fields or all available fields.

• Style 1 – vertical layout with selected fields.
• Style 2 – horizontal, single-line layout with selected fields.
• Style 3 – horizontal, multi-line layout with all fields.
• Style 4 – horizontal, single-line layout with selected fields.

The selected widget layout is controlled by the ‘widget_style’ parameter in the shortcode.

Example:

[chbs_booking_form booking_form_id="10007" widget_mode="1" widget_style="1" widget_booking_form_url=""]

To use the widget, enter the full URL of the page containing your main booking form in the ‘widget_booking_form_url’ parameter.

For example, if your main booking form is available at:

https://yourwebsite.com/booking/

the widget shortcode can look like this:

[chbs_booking_form booking_form_id="10007" widget_mode="1" widget_style="1" widget_booking_form_url="https://yourwebsite.com/booking/"]

When a customer submits the widget, they are redirected to the main booking form and the information entered in the widget is transferred automatically.

Controlling the Redirect Step

By default, if the widget has collected all required information, the customer can be redirected directly to the next step of the main booking form.

If you want the customer to return to the first step instead, add the following parameter to the Widget shortcode:

widget_second_step="0"

This displays the first step of the main booking form with the previously entered information already filled in, allowing the customer to review or modify it before continuing.

Example:

[chbs_booking_form booking_form_id="10007" widget_mode="1" widget_style="1" widget_second_step="0" widget_booking_form_url="https://yourwebsite.com/booking/"]

Booking Form vs. Widget

• Booking Form – displays the complete booking process and is normally used on your main booking page.
• Widget – displays a simplified form, collects initial booking details, and redirects the customer to the main booking form.