{"id":970,"date":"2024-12-12T09:31:43","date_gmt":"2024-12-12T08:31:43","guid":{"rendered":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/?post_type=lsvr_kba&#038;p=970"},"modified":"2026-08-26T12:53:20","modified_gmt":"2026-08-26T10:53:20","slug":"understanding-plugins-shortcodes-booking-form-vs-widget","status":"publish","type":"lsvr_kba","link":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","title":{"rendered":"Understanding Plugin&#8217;s Shortcodes: Booking Form vs. Widget"},"content":{"rendered":"<p>The plugin provides two shortcodes for displaying the booking interface on your website: the <strong>Booking Form<\/strong> shortcode and the <strong>Widget<\/strong> shortcode.<\/p>\n<p>You can find both shortcodes in <mark>&#8216;Chauffeur Booking System&#8217;<\/mark> -> <mark>&#8216;Booking Forms&#8217;<\/mark>. Edit the booking form you want to use, then open <mark>&#8216;General&#8217;<\/mark> -> <mark>&#8216;Shortcodes&#8217;<\/mark>. The plugin automatically generates the correct shortcode for that booking form.<\/p>\n<h2>Booking Form Shortcode<\/h2>\n<p>The <strong>Booking Form<\/strong> shortcode displays the complete booking form and should normally be used on the main booking page where customers complete the entire booking process.<\/p>\n<p>Example:<\/p>\n<pre>\r\n[chbs_booking_form booking_form_id=\"10007\"]\r\n<\/pre>\n<p>The <mark>&#8216;booking_form_id&#8217;<\/mark> parameter identifies the booking form that should be displayed. When you copy the shortcode from the <mark>&#8216;Shortcodes&#8217;<\/mark> tab, the correct booking form ID is already included automatically.<\/p>\n<p>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.<\/p>\n<h2>Widget Shortcode<\/h2>\n<p>The <strong>Widget<\/strong> 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.<\/p>\n<p>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.<\/p>\n<ul>\n<li><strong>Style 1<\/strong> \u2013 vertical layout with selected fields.<\/li>\n<li><strong>Style 2<\/strong> \u2013 horizontal, single-line layout with selected fields.<\/li>\n<li><strong>Style 3<\/strong> \u2013 horizontal, multi-line layout with all fields.<\/li>\n<li><strong>Style 4<\/strong> \u2013 horizontal, single-line layout with selected fields.<\/li>\n<\/ul>\n<p>The selected widget layout is controlled by the <mark>&#8216;widget_style&#8217;<\/mark> parameter in the shortcode.<\/p>\n<p>Example:<\/p>\n<pre>\r\n[chbs_booking_form booking_form_id=\"10007\" widget_mode=\"1\" widget_style=\"1\" widget_booking_form_url=\"\"]\r\n<\/pre>\n<p>To use the widget, enter the full URL of the page containing your main booking form in the <mark>&#8216;widget_booking_form_url&#8217;<\/mark> parameter.<\/p>\n<p>For example, if your main booking form is available at:<\/p>\n<pre>\r\nhttps:\/\/yourwebsite.com\/booking\/\r\n<\/pre>\n<p>the widget shortcode can look like this:<\/p>\n<pre>\r\n[chbs_booking_form booking_form_id=\"10007\" widget_mode=\"1\" widget_style=\"1\" widget_booking_form_url=\"https:\/\/yourwebsite.com\/booking\/\"]\r\n<\/pre>\n<p>When a customer submits the widget, they are redirected to the main booking form and the information entered in the widget is transferred automatically.<\/p>\n<div class=\"tip\">\n<p><strong>Good to Know<\/strong><\/p>\n<p>The widget is optional. You can use only the main Booking Form shortcode if you do not need a simplified booking form on other pages of your website.<\/p>\n<\/div>\n<h2>Controlling the Redirect Step<\/h2>\n<p>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.<\/p>\n<p>If you want the customer to return to the first step instead, add the following parameter to the Widget shortcode:<\/p>\n<pre>\r\nwidget_second_step=\"0\"\r\n<\/pre>\n<p>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.<\/p>\n<p>Example:<\/p>\n<pre>\r\n[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\/\"]\r\n<\/pre>\n<h2>Booking Form vs. Widget<\/h2>\n<ul>\n<li><strong>Booking Form<\/strong> \u2013 displays the complete booking process and is normally used on your main booking page.<\/li>\n<li><strong>Widget<\/strong> \u2013 displays a simplified form, collects initial booking details, and redirects the customer to the main booking form.<\/li>\n<\/ul>\n<div class=\"doc-version\">\n<p><strong>Summary<\/strong><\/p>\n<p>Document version: 2.1<br \/>\n\tLast updated: August 26, 2026<br \/>\n\tPlugin version: 6.8+<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8216;Chauffeur Booking System&#8217; -> &#8216;Booking Forms&#8217;. Edit the booking form you want to use, then open &#8216;General&#8217; -> &#8216;Shortcodes&#8217;. The plugin automatically generates the correct shortcode for that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"lsvr_kba_cat":[5],"lsvr_kba_tag":[],"class_list":["post-970","lsvr_kba","type-lsvr_kba","status-publish","format-standard","hentry","lsvr_kba_cat-getting-started"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Understanding Plugin&#039;s Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding Plugin&#039;s Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress\" \/>\n<meta property=\"og:description\" content=\"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 &#8216;Chauffeur Booking System&#8217; -&gt; &#8216;Booking Forms&#8217;. Edit the booking form you want to use, then open &#8216;General&#8217; -&gt; &#8216;Shortcodes&#8217;. The plugin automatically generates the correct shortcode for that [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Chauffeur Taxi Booking System for WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T10:53:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\",\"name\":\"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#website\"},\"datePublished\":\"2024-12-12T08:31:43+00:00\",\"dateModified\":\"2026-08-26T10:53:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/knowledge-base\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Understanding Plugin&#8217;s Shortcodes: Booking Form vs. Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#website\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/\",\"name\":\"Chauffeur Taxi Booking System for WordPress\",\"description\":\"Documentation\",\"publisher\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#organization\",\"name\":\"QuanticaLabs\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/06\\\/quanticalabs-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/06\\\/quanticalabs-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"QuanticaLabs\"},\"image\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/chauffeur-booking-system\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","og_locale":"en_US","og_type":"article","og_title":"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress","og_description":"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 &#8216;Chauffeur Booking System&#8217; -> &#8216;Booking Forms&#8217;. Edit the booking form you want to use, then open &#8216;General&#8217; -> &#8216;Shortcodes&#8217;. The plugin automatically generates the correct shortcode for that [&hellip;]","og_url":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","og_site_name":"Chauffeur Taxi Booking System for WordPress","article_modified_time":"2026-08-26T10:53:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","url":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","name":"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Chauffeur Taxi Booking System for WordPress","isPartOf":{"@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#website"},"datePublished":"2024-12-12T08:31:43+00:00","dateModified":"2026-08-26T10:53:20+00:00","breadcrumb":{"@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"Understanding Plugin&#8217;s Shortcodes: Booking Form vs. Widget"}]},{"@type":"WebSite","@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#website","url":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/","name":"Chauffeur Taxi Booking System for WordPress","description":"Documentation","publisher":{"@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#organization","name":"QuanticaLabs","url":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#\/schema\/logo\/image\/","url":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-content\/uploads\/sites\/2\/2026\/06\/quanticalabs-512x512-1.png","contentUrl":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-content\/uploads\/sites\/2\/2026\/06\/quanticalabs-512x512-1.png","width":512,"height":512,"caption":"QuanticaLabs"},"image":{"@id":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba"}],"about":[{"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/types\/lsvr_kba"}],"author":[{"embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":13,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/970\/revisions"}],"predecessor-version":[{"id":1420,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/970\/revisions\/1420"}],"wp:attachment":[{"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/media?parent=970"}],"wp:term":[{"taxonomy":"lsvr_kba_cat","embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba_cat?post=970"},{"taxonomy":"lsvr_kba_tag","embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/chauffeur-booking-system\/wp-json\/wp\/v2\/lsvr_kba_tag?post=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}