Nosso widget de busca multivertical utiliza todos os recursos dos widgets de busca de voos, hotéis e aluguel de carros em um só lugar. Ele fornece um sistema de guias configurável com os widgets mencionados acima.

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.

ID de associado e acompanhamento

Se você tiver uma parceria direta com o Skyscanner, precisará adicionar seu ID de associado ao snippet HTML para garantir que suas saídas sejam monitoradas. Para fazer isso, adicione data-associate-id="ABC_DEF_12345_56789" ao snippet HTML, conforme mostrado abaixo.

Se você não souber seu ID de associado, poderá obtê-lo com o gerente da sua conta.

Opções de widget

Quanto a personalizações, o widget de busca multivertical aceita todos os atributos que são aceitos por todos os subwidgets integrados. Para conferir informações detalhadas sobre as opções de subwidgets, acesse as seguintes páginas:

Busca de voos

Busca de hotéis

Busca de aluguel de carros 

skyscannerWidget

required

data-skyscanner-widget="MultiVerticalWidget"

Define o tipo de widget.

Show details

MultiVerticalWidget

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"

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"

verticals

optional

data-verticals="hotels,cars"

Define as guias verticais disponíveis como uma sequência de valores separados por vírgulas: voos, hotéis, carros.

Show details

List of flights, hotels, cars

All verticals

verticalsDefaultTab

optional

data-verticals-default-tab="cars"

Define a aba de busca aberta inicialmente.

Show details

One of "flights", "hotels", "cars"

The first visible tab

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

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

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="100"
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 multivertical que preferir usando o painel lateral à esquerda. Há muitas opções, então busque a ideal para você!