O widget de busca de voos é parecido com o widget de busca de voos simples, mas oferece um controle mais abrangente da busca de voos no seu site. Ele tem tudo o que seus usuários precisam para iniciar a busca de voos no Skyscanner.

 

Observação: a exibição do widget fica melhor na sua página de destino se estiver em um contêiner com uma largura de pelo menos 300px se você não usar o modo Várias cidades ou pelo menos 500px para o modo Várias cidades. Caso contrário, você pode ter problemas de apresentação.

Observação importante: se você estiver usando um cabeçalho de política de segurança de conteúdo para controlar recursos no site, permita as seguintes URLs: www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

 

Como gerar comissões com nossos widgets de viagem

Para acompanhar seu tráfego e gerar comissões com nossos widgets de viagem, sua parceria precisa ser aprovada no Impact, e você deve usar os códigos do widget de viagem fornecidos por meio do Impact com o acompanhamento correto. Inscreva-se para participar do nosso programa de afiliados aqui.

 

Opções de widget

Você pode personalizar seus widgets com localização, cores, texto e muito mais. Confira abaixo como definir essas opções.

skyscannerWidget

required

data-skyscanner-widget="FlightSearchWidget"

Define o tipo de widget.

Show details

FlightSearchWidget

locale
data-locale="ru-RU"

Define o idioma do widget.

Você pode usar um dos seguintes
"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"

(Observação: o valor "localização" diferencia maiúsculas de minúsculas)

Four letter locale code

"en-GB"

market
data-market="AU"

Define o domínio de destino do Skyscanner.

(Observação: isso afeta os voos exibidos com base nas restrições e no inventário do mercado local).

Two letter country code

"UK"

currency
data-currency="USD"

Define a moeda a ser exibida ao redirecionar para os resultados de busca do Skyscanner

Three letter currency code

"GBP"

originName

optional

data-origin-name="Edinburgh"

Define uma origem fixa (de)

Show details

Free text (Location name)

destinationName

optional

data-destination-name="Edinburgh"

Define um destino fixo (para)

Show details

Free text (Location name)

originIataCode

optional

data-origin-iata-code="LAX"

Define um aeroporto de origem fixo (de)

IATA code

destinationIataCode

optional

data-destination-iata-code="LAX"

Define um aeroporto de destino fixo (para)

Show details

IATA code

originGeoLookup

optional

data-origin-geo-lookup="true"

Usa GEO-IP para inferir uma origem (de)

Show details

true / false

false

destinationGeoLookup

optional

data-destination-geo-lookup="true"

Usa GEO-IP para inferir um destino (para)

true / false

false

originCoords

optional

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

Define a origem mais próxima de <latitude>,<longitude>

Comma separated pair of float numbers

destinationCoords

optional

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

Define o destino mais próximo de <latitude>,<longitude>

Show details

Comma separated pair of float numbers

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

Permite acompanhar as saídas do widget.

Você pode obter seu ID de associado com o gerente da sua conta ou falando conosco.

Affiliate ID string

"WIG_WBT_01426_00001"

target

optional

data-target="_self"

Abre os resultados de busca do Skyscanner na mesma janela (_self) ou em uma nova janela (_blank)

One of "_self", "_blank"

"_blank"

flightType

optional

data-flight-type="return"

Define o tipo de voo padrão.

One of "return", "one way", "multi-city"

"one way"

multiCityMaxFlightsNumber

optional

data-multi-city-max-flights-number="0"

Define o número máximo de voos (até seis) no modo Várias cidades ou desativa o modo Várias cidades se for zero

Show details

Integer number (from 0 to 6)

6

flightsMaxAdultsNumber

optional

data-flights-max-adults-number="2"

Define o número máximo de adultos (até oito) ou desativa a seleção de número de adultos se for zero ou um

Show details

Integer number (from 0 to 8)

8

flightsMaxChildrenNumber

optional

data-flights-max-children-number="0"

Define o número máximo de crianças (até quatro) ou desativa a seleção de crianças se for zero

Show details

Integer number (from 0 to 4)

4

flightsChildrenAges

optional

data-flights-children-ages="false"

Desativa a possibilidade de selecionar idades de crianças e torna a interface do usuário mais limpa.

Show details

true / false

true

flightsCabinClasses

optional

data-flights-cabin-classes="false"

Desativa a possibilidade de escolher uma classe de reserva

true / false

true

directFlights

optional

data-direct-flights="true"

Mostra a caixa de seleção "Apenas voos diretos"

true / false

false

directFlightsIsChecked

optional

data-direct-flights-is-checked="true"

Define a caixa de seleção "Apenas voos diretos" como marcada

true / false

false

colour

optional

data-colour="solar"

Altera a cor de fundo do widget

Show details

Preset color name or hex code

transparent

fontColour

optional

data-font-colour="#000"

Altera a cor da fonte do widget

Show details

Preset color name or hex code

Autocalculated to contrast the background

buttonColour

optional

data-button-colour="dawn"

Altera a cor de fundo do botão de busca

Show details

Preset color name or hex code

Blue

buttonFontColour

optional

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

Altera a cor da fonte do botão de busca.

Show details

Preset color name or hex code

Autocalculated to contrast the background of search button

buttonLabel

optional

data-button-label="Book now!"

Permite personalizar o texto do botão exibido no widget.

Free text

"Search Flights"

buttonTextSize

optional

data-button-text-size="1.4"

Define a escala do texto no botão de busca em comparação com o tamanho padrão.

Float number

1.4

arrowIcon

optional

data-arrow-icon="true"

Mostra o ícone de seta em vez do ícone de avião no botão de busca

true / false

false

poweredByLogoColour

optional

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

Altera a cor do logotipo do Skyscanner.

Show details

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

"default"

poweredBySize

optional

data-powered-by-size="1.5"

Define o tamanho (fator de escala) do texto "Com tecnologia do" e do logotipo do Skyscanner em comparação com o tamanho padrão.

Show details

Float number

1

widgetPadding

optional

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

Define as margens de preenchimento de todo o widget.

Show details

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

0

widgetBorderRadius

optional

data-widget-border-radius="4"

Define o raio de arredondamento da borda de todo o widget

Show details

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

0

widgetScale

optional

data-widget-scale="1.3"

Dimensiona todo o widget.
O valor define quantas vezes o widget deve ser maior que o tamanho original.

Float number

1

flightOutboundDate

optional

data-flight-outbound-date="2019-03-22"

Predefine a data do voo de ida

Date in the "YYYY-MM-DD" format

flightInboundDate

optional

data-flight-inbound-date="2019-03-25"

Predefine a data do voo de volta

Date in the "YYYY-MM-DD" format

utmTerm

optional

data-utm-term="blog"

Um parâmetro de acompanhamento alfanumérico adicional que é informado no Impact como SubId2.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="blog"

O índice z do contêiner do widget.

Number

500

webOnlyRedirects

optional

data-web-only-redirects="true"

Determina se os viajantes são redirecionados para o aplicativo do Skyscanner. Definir como verdadeiro impede que o redirecionamento inicial abra o aplicativo do Skyscanner.

true / false

false

 

Construtor de widgets

Aqui você pode experimentar os parâmetros dos widgets e construir o widget de busca de voos que preferir usando o painel lateral à esquerda. Há muitas opções, então busque a ideal para você!