Insider Tips Widgets
Our Insider Tips widgets are designed to provide a user with helpful statistical information about fligths.
The Insider Tips are generated from the prices Skyscanner has found for specific flight routes based on users clicking through to booking sites from our search results.
NB: For best presentation on your landing page, ensure that the widget is in a container with a width of at least about 250px (exact minimum width may be slightly different depending on a tip type), otherwise you may experience styling issues.
Insider Tips widget's height is usually calculated automatically depending on a tip type and the current width.
Insider Tips widget requires the "data-tip-type" attribute to define a type of displayed statistics. Also the widget's design completely depends on this attribute.
It accepts one of the following values: leadtime, indicative_price, month_price, month_popularity, day_price, day_popularity.
Please see examples of Tip types:
Month price tips
Month price tips shown are the average price per person Skyscanner has found over the last year across all markets for return adult economy fares on the chosen route, for departures leaving on each month of the year.
Day of week price tips
Day of week price tips shown are the average price per person Skyscanner has found over the last year across all markets for return adult economy fares on the chosen route, for departures leaving on each day of the week.
Weeks in advance price tips
"Weeks in advance of booking" price tips are the average price per person Skyscanner has found across all markets over the last year for return adult economy fares searched the specified number of weeks prior to the departure date of the flight.
Month popularity tips
Month popularity tips show the relative popularity for departures across all markets for the last year based on return adult economy fares.
Day of week popularity tips
Day of week popularity tips show the relative popularity for departures across all markets for the last year based on return adult economy fares.
Typical price tips
Typical price tips show the median ("Typical") and 25th percentile ("Cheap") prices Skyscanner has found over the last year across all markets for return adult economy fares on the chosen route. The median is the middle price if all the prices we have seen for a route were arranged in order. The 25th percentile price is the price below 75% of all the prices we have seen for a route.
Insider Tips Widget requires presetting both Origin and Destination locations.
You can set Origin location by defining
- an airport IATA code: data-origin-id="BRS"
- or find location by name: data-origin-name="'Bristol'"
In a similar way, the Destination location can be defined as
- an airport IATA code: data-destination-id="BCN"
- or find location by name: data-destination-name="'Barcelona'"
Colour and Font customization
You can specify your own colours and font for Insider Tips Widget using the following parameters:
colour - background colour of the heading banner
textColour - text colour of the heading banner
chartColour - colour for the chart line/bars
chartHighlightColour - colour for the chart minimum/maximum data point
fontFamily - CSS font-family value to use for the widget text
buttonColour - Changes background colour of the button on InsiderTipsWidget. Blue with gradient is by default
buttonFontColour - Changes font colour of the button on InsiderTipsWidget. Autocalculated by default to contrast the background of search button
Each of colour parameters accepts a predefined colour name or a hex code you want.