When you want to provide location and time controls for car hire search on your site, our Car Hire Search Widget gives you everything your user needs to start a search on Skyscanner.

 

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.

Important note: If you are using a Content Secure Policy Header to control resources on your website, please make sure you allow the following URLs: www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

 

 

Generating commissions with our Travel Widgets

Please note that in order to track your traffic and generate commission with our Travel Widgets, you'll have to be an approved partner on Impact and use the Travel Widget codes provided via Impact that have the correct tracking. Apply to join our affiliate programme here.

 

Please check your commercial terms on Impact if it includes Car Hire payout, otherwise you will not be paid any commission

 

Widget Options

You can customize your widgets with localization, colours, text and more - see below for details on how to set these options.

skyscannerWidget

required

data-skyscanner-widget="CarHireWidget"

Defines the widget type.

Show details

CarHireWidget

locale
data-locale="ru-RU"

Sets widget language.

You can use one of
"bg-BG", "ca-ES", "cs-CZ", "da-DK", "de-DE", "el-GR", "en-GB", "en-GG", "en-US", "es-ES", "es-MX", "fi-FI", "fr-BE", "fr-CH", "fr-FR", "hr-HR", "hu-HU", "id-ID", "it-CH", "it-IT", "ja-JP", "ko-KR", "ms-MY", "nb-NO", "nl-BE", "nl-NL", "pl-PL", "pt-BR", "pt-PT", "ro-RO", "ru-RU", "sk-SK", "sv-SE", "th-TH", "tl-PH", "tr-TR", "uk-UA", "vi-VN", "zh-CN", "zh-HK", "zh-SG", "zh-TW"

(Note: the "locale" value is case-sensitive)

Four letter locale code

"en-GB"

market
data-market="AU"

Sets the target Skyscanner domain.

(Note: this will impact flights shown based on local market restrictions and inventory)

Two letter country code

"UK"

currency
data-currency="USD"

Sets the currency to display upon redirect to Skyscanner search results

Three letter currency code

"GBP"

originName

optional

data-origin-name="Edinburgh"

Sets a fixed origin (from) 

Show details

Free text (Location name)

destinationName

optional

data-destination-name="Edinburgh"

Sets a fixed destination (to)

Show details

Free text (Location name)

originGeoLookup

optional

data-origin-geo-lookup="true"

Uses GEO-IP to infer an origin (from)

Show details

true / false

false

destinationGeoLookup

optional

data-destination-geo-lookup="true"

Uses GEO-IP to infer an destination (to)

true / false

false

originCoords

optional

data-origin-coords="55.944339,-3.1952956"

Sets origin nearest to given <latitude>,<longitude>

Comma separated pair of float numbers

destinationCoords

optional

data-destination-coords="55.944339,-3.1952956"

Sets destination nearest to given <latitude>,<longitude>

Show details

Comma separated pair of float numbers

target

optional

data-target="_self"

Opens the Skyscanner search results in the same window (_self) or new window (_blank)

One of "_self", "_blank"

"_blank"

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

Allows for tracking of widget exits.

You can obtain your associate ID from your account manager or by contacting us.

Affiliate ID string

"WIG_WBT_01426_00001"

carDropOffLocation

optional

data-car-drop-off-location="false"

Shows "Return car to a different location" checkbox

true / false

true

carDropOffLocationIsChecked

optional

data-car-drop-off-location-is-checked="true"

Sets "Return car to a different location" checkbox checked

true / false

false

driverAge

optional

data-driver-age="false"

Hides "Driver aged between 25 - 75" checkbox

true / false

true

driverAgeIsChecked

optional

data-driver-age-is-checked="false"

Sets "Driver aged between 25 - 75" checkbox unchecked

true / false

true

colour

optional

data-colour="solar"

Changes background colour of the widget.

Show details

Preset color name or hex code

transparent

fontColour

optional

data-font-colour="#000"

Changes font colour of the widget.

Show details

Preset color name or hex code

Autocalculated to contrast the background

buttonColour

optional

data-button-colour="dawn"

Changes background colour of the search button.

Show details

Preset color name or hex code

Blue

buttonFontColour

optional

data-button-font-colour="#fff"

Changes font colour of the search button.

Show details

Preset color name or hex code

Autocalculated to contrast the background of search button

buttonLabel

optional

data-button-label="Book now!"

Allows you to customise the button text shown in the widget.

Free text

"Search"

buttonTextSize

optional

data-button-text-size="1.4"

Sets scale of text on the search button comparing to its default size.

Float number

1.4

poweredByLogoColour

optional

data-powered-by-logo-colour="light"

Changes colour of the Skyscanner logo.

Show details

One of "default", "light", "dark"

"default"

poweredBySize

optional

data-powered-by-size="1.5"

Sets size (scale factor) of the "Powered by" text and Skyscanner logo comparing to default size.

Show details

Float number

1

widgetPadding

optional

data-widget-padding="10px 12px"

Sets padding margins of the whole widget.

Show details

A number in pixels or a value of CSS "padding" rule

0

widgetBorderRadius

optional

data-widget-border-radius="4"

Sets border rounding radius of the whole widget

Show details

A number in pixels or a value of CSS "border-radius" rule

0

responsive

optional

data-responsive="true"

Makes the widget responsive and allows it to fit onto a single line (if wide enough)

true / false

false

widgetScale

optional

data-widget-scale="1.3"

Scales the whole widget.
The value sets, how many times the widget must be as big as original size.

Float number

1

carPickUpDate

optional

data-car-pick-up-date="2019-03-22"

Presets car pick-up date.

Date in the "YYYY-MM-DD" format

carDropOffDate

optional

data-car-drop-off-date="2019-03-25"

Presets car drop-off date.

Date in the "YYYY-MM-DD" format

utmTerm

optional

data-utm-term="blog"

An additional alphanumeric tracking parameter that's reported in Impact as SubId2.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="100"
The z-index of the widget container.

Number

500

 

Widget Builder

Here you can play around with parameters of widgets and construct Car Hire Search Widget of your preference using the side panel on the left. There are many of them, make sure you find the right one for you!