{"id":1051,"date":"2026-08-26T11:21:46","date_gmt":"2026-08-26T11:21:46","guid":{"rendered":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/?post_type=lsvr_kba&p=1051"},"modified":"2026-08-26T11:21:46","modified_gmt":"2026-08-26T11:21:46","slug":"understanding-plugins-shortcodes-booking-form-vs-widget","status":"publish","type":"lsvr_kba","link":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","title":{"rendered":"Understanding Plugin’s Shortcodes: Booking Form vs. Widget"},"content":{"rendered":"

The plugin provides two ways to display the booking interface on your website: the Booking Form<\/strong> shortcode and the Widget<\/strong> shortcode.<\/p>\n

You can find the available shortcodes in ‘Car Rental Booking System’<\/mark> -> ‘Booking Forms’<\/mark>. Edit the booking form you want to use, then open ‘General’<\/mark> -> ‘Shortcodes’<\/mark>. The plugin automatically generates the correct shortcodes for that booking form.<\/p>\n

Booking Form Shortcode<\/h2>\n

The Booking Form<\/strong> shortcode displays the complete booking form and should normally be used on the main booking page where customers complete the entire reservation process.<\/p>\n

Example:<\/p>\n

\r\n[crbs_booking_form booking_form_id=\"10013\"]\r\n<\/pre>\n
The ‘booking_form_id’<\/mark> parameter identifies the booking form that should be displayed. When you copy the shortcode from the ‘Shortcodes’<\/mark> tab, the correct booking form ID is already included automatically.<\/p>\n
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
Widget Shortcode<\/h2>\n
The 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
The plugin provides two widget layouts:<\/p>\n
    \n
  • Horizontal Widget<\/strong> \u2013 displays the widget in a horizontal layout.<\/li>\n
  • Vertical Widget<\/strong> \u2013 displays the widget in a vertical layout.<\/li>\n<\/ul>\n
    The selected layout is controlled by the ‘widget_booking_form_style_id’<\/mark> parameter in the shortcode.<\/p>\n
    Horizontal Widget example:<\/p>\n
    \r\n[crbs_booking_form booking_form_id=\"10013\" widget_mode=\"1\" widget_booking_form_style_id=\"1\" widget_booking_form_url=\"\"]\r\n<\/pre>\n
    Vertical Widget example:<\/p>\n
    \r\n[crbs_booking_form booking_form_id=\"10013\" widget_mode=\"1\" widget_booking_form_style_id=\"2\" widget_booking_form_url=\"\"]\r\n<\/pre>\n
    To use the widget, enter the full URL of the page containing your main booking form in the ‘widget_booking_form_url’<\/mark> parameter.<\/p>\n
    For example, if your main booking form is available at:<\/p>\n
    \r\nhttps:\/\/yourwebsite.com\/booking\/\r\n<\/pre>\n
    the widget shortcode can look like this:<\/p>\n
    \r\n[crbs_booking_form booking_form_id=\"10013\" widget_mode=\"1\" widget_booking_form_style_id=\"1\" widget_booking_form_url=\"https:\/\/yourwebsite.com\/booking\/\"]\r\n<\/pre>\n
    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
    \n
    Good to Know<\/strong><\/p>\n
    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
    Booking Form vs. Widget<\/h2>\n
      \n
    • Booking Form<\/strong> \u2013 displays the complete booking process and is normally used on your main booking page.<\/li>\n
    • Widget<\/strong> \u2013 displays a simplified form, collects initial booking details, and redirects the customer to the main booking form.<\/li>\n<\/ul>\n
      \n
      Summary<\/strong><\/p>\n
      Document version: 1.0
      \n\tLast updated: August 26, 2026
      \n\tPlugin version: 4.2+<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
      The plugin provides two ways to display the booking interface on your website: the Booking Form shortcode and the Widget shortcode. You can find the available shortcodes in ‘Car Rental Booking System’ -> ‘Booking Forms’. Edit the booking form you want to use, then open ‘General’ -> ‘Shortcodes’. The plugin automatically generates the correct shortcodes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"lsvr_kba_cat":[2],"lsvr_kba_tag":[],"class_list":["post-1051","lsvr_kba","type-lsvr_kba","status-publish","format-standard","hentry","lsvr_kba_cat-getting-started"],"yoast_head":"\nUnderstanding Plugin's Shortcodes: Booking Form vs. Widget | Car Rental 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\/car-rental-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's Shortcodes: Booking Form vs. Widget | Car Rental Booking System for WordPress\" \/>\n<meta property=\"og:description\" content=\"The plugin provides two ways to display the booking interface on your website: the Booking Form shortcode and the Widget shortcode. You can find the available shortcodes in ‘Car Rental Booking System’ -> ‘Booking Forms’. Edit the booking form you want to use, then open ‘General’ -> ‘Shortcodes’. The plugin automatically generates the correct shortcodes […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Car Rental Booking System for WordPress\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\",\"name\":\"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Car Rental Booking System for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/#website\"},\"datePublished\":\"2026-08-26T11:21:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/understanding-plugins-shortcodes-booking-form-vs-widget\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/knowledge-base\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Understanding Plugin’s Shortcodes: Booking Form vs. Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/#website\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/\",\"name\":\"Car Rental Booking System for WordPress\",\"description\":\"Documentation\",\"publisher\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-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\\\/car-rental-booking-system\\\/#organization\",\"name\":\"QuanticaLabs\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/quanticalabs-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/quanticalabs-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"QuanticaLabs\"},\"image\":{\"@id\":\"https:\\\/\\\/quanticalabs.com\\\/docs\\\/car-rental-booking-system\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Car Rental 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\/car-rental-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 | Car Rental Booking System for WordPress","og_description":"The plugin provides two ways to display the booking interface on your website: the Booking Form shortcode and the Widget shortcode. You can find the available shortcodes in ‘Car Rental Booking System’ -> ‘Booking Forms’. Edit the booking form you want to use, then open ‘General’ -> ‘Shortcodes’. The plugin automatically generates the correct shortcodes […]","og_url":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","og_site_name":"Car Rental Booking System for WordPress","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","url":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/","name":"Understanding Plugin's Shortcodes: Booking Form vs. Widget | Car Rental Booking System for WordPress","isPartOf":{"@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/#website"},"datePublished":"2026-08-26T11:21:46+00:00","breadcrumb":{"@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/understanding-plugins-shortcodes-booking-form-vs-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"Understanding Plugin’s Shortcodes: Booking Form vs. Widget"}]},{"@type":"WebSite","@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/#website","url":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/","name":"Car Rental Booking System for WordPress","description":"Documentation","publisher":{"@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quanticalabs.com\/docs\/car-rental-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\/car-rental-booking-system\/#organization","name":"QuanticaLabs","url":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/#\/schema\/logo\/image\/","url":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-content\/uploads\/sites\/5\/2026\/06\/quanticalabs-512x512-1.png","contentUrl":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-content\/uploads\/sites\/5\/2026\/06\/quanticalabs-512x512-1.png","width":512,"height":512,"caption":"QuanticaLabs"},"image":{"@id":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/1051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba"}],"about":[{"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/types\/lsvr_kba"}],"author":[{"embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/comments?post=1051"}],"version-history":[{"count":1,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/1051\/revisions"}],"predecessor-version":[{"id":1052,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba\/1051\/revisions\/1052"}],"wp:attachment":[{"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/media?parent=1051"}],"wp:term":[{"taxonomy":"lsvr_kba_cat","embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba_cat?post=1051"},{"taxonomy":"lsvr_kba_tag","embeddable":true,"href":"https:\/\/quanticalabs.com\/docs\/car-rental-booking-system\/wp-json\/wp\/v2\/lsvr_kba_tag?post=1051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}