WBE Quickstarter Widget
The Quickstarter is a tool designed to streamline the hotel booking experience by pre-selecting key reservation details before a user even interacts with the web booking engine. By integrating Quickstarter, you can dynamically set:
- The hotel to be booked (only available for multi property setup)
- The arrival and departure dates
- The occupancy (number of guests / rooms)
- A promo code (if applicable)
This allows for a seamless and user-friendly booking process, reducing friction and increasing conversion rates. Whether you're integrating Quickstarter into a hotel website, a landing page, or a marketing campaign, this guide will walk you through the necessary steps to implement it efficiently.
1. Insert Script
JavaScript
2. Insert element
Example:
html
Options
| Show Hotel Selection | |
| Show Occupancy Selector | |
| Show Promo Code |
Props
| Parameter | Description | Example | Required | Default |
|---|---|---|---|---|
hotel-id | Hotel ID/Slug | See example above | Yes | |
token | Token | See example above | Yes | |
lang | Sets the language for the Quickstarter. If left empty it will try to match the language in the <html lang="xx"> element, or the prefered language of the user. | de => German en => English fr => French it => Italian es => Spanish pt => Portuguese ru => Russian cn => Chinese nl => Dutch cz => Czech sk => Slovak jp => Japanese | No | en |
show-hotel-selection | Show/Hide the hotel selection | true | No | true |
show-occupancy-selector | Show/Hide the occunapcy selector field | true | No | true |
show-promo-code | Show/Hide the promo code field | true | No | true |