Car Hire Widget
When you want to provide location and time controls for car hire search on your site, our "Car Hire Widget" gives you everything your user needs to start a search on Skyscanner.net or a White Label. The user can fill in as much or as little information as they like, the "Search" button will send them to the right place!
NB: For best presentation on your landing page, ensure that the widget is in a container with a width of at least 250px, otherwise you may experience styling issues.
You can customize your widgets with localization, colours, the Search button text and other specific parameters - see below for details on how to set these options.
You can specify your own colours for different parts of Car Hire Widget using the following parameters:
colour - Changes background colour of CarHireWidget. Transparent is by default
fontColour - Changes font colour of CarHireWidget. Autocalculated by default to contrast the background
buttonColour - Changes background colour of the button on CarHireWidget. Blue with gradient is by default
buttonFontColour - Changes font colour of the button on CarHireWidget. Autocalculated by default to contrast the background of search button
Each of these parameters accepts a predefined colour name or a hex code you want.
Other Optional Attributes
|buttonLabel||data-button-label="Hire a car!"||buttonLabel allows you to customise the button text shown in the widget, for example "Hire a car!".|
|carDropOffLocation||data-car-drop-off-location="false"||Shows 'Return car to a different location' checkbox (default: true)|
|carDropOffLocationIsChecked||data-car-drop-off-location-is-checked="true"||Sets 'Return car to a different location' checkbox checked (default: false)|
|driverAge||data-driver-age="false"||Shows 'Driver aged between 25 - 75' checkbox (default: true)|
|driverAgeIsChecked||data-driver-age-is-checked="false"||Sets 'Driver aged between 25 - 75' checkbox checked (default: true)|