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.

Widget Options

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.

Colour customization

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

Attribute Example Description
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)