Nuestro widget de búsqueda multivertical utiliza todas las funciones de los widgets de búsqueda de vuelos, búsqueda de hoteles y búsqueda de renta de autos en un solo lugar. Proporciona un sistema de pestañas configurable con los widgets antes mencionados en su interior.

Nota: Para una mejor presentación en tu página de inicio, asegúrate de que el widget esté en un contenedor con un ancho de al menos 300 px si no usas el modo Múltiples destinos, o al menos 500 px para el modo Múltiples destinos. De lo contrario, pueden surgir problemas de diseño.

Nota importante: Si utilizas un encabezado de política de seguridad de contenido para controlar los recursos en tu sitio web, asegúrate de permitir las siguientes URL: www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.

ID de asociado y seguimiento

Si tienes una asociación directa con Skyscanner, tendrás que agregar tu ID de asociado al fragmento HTML para asegurarte de realizar un seguimiento de tus salidas. Para hacerlo, agrega data-associate-id="ABC_DEF_12345_56789" al fragmento HTML como se muestra a continuación.

Si no conoces tu ID de asociado, puedes encontrarlo en tu administrador de cuentas.

Opciones de widgets

Para la personalización, el widget de búsqueda multivertical acepta todos los atributos que son aceptables para todos los subwidgets integrados. Para obtener información detallada sobre las opciones de subwidgets, visita las siguientes páginas:

Búsqueda de vuelos

Búsqueda de hoteles

Búsqueda de renta de autos 

skyscannerWidget

required

data-skyscanner-widget="MultiVerticalWidget"

Define el tipo de widget.

Show details

MultiVerticalWidget

locale

recommended

data-locale="ru-RU"

Define el idioma del widget

Puedes usar uno de los siguientes.
"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"

(Nota: El valor de "locale" distingue entre mayúsculas y minúsculas)

Four letter locale code

"en-GB"

market

recommended

data-market="AU"

Establece el dominio de destino de Skyscanner.

(Nota: Esto afectará los vuelos que se muestran en función de las restricciones y el inventario del mercado local).

Two letter country code

"UK"

currency

recommended

data-currency="USD"

Define la moneda que se mostrará al redirigir a los resultados de búsqueda de Skyscanner.

Three letter currency code

"GBP"

associateId

optional

data-associate-id="ABC_DEF_12345_56789"

Permite el seguimiento de las salidas del widget.

Para obtener tu ID de asociado, comunícate con tu administrador de cuentas o con nosotros.

Affiliate ID string

"WIG_WBT_01426_00001"

verticals

optional

data-verticals="hotels,cars"

Establece las pestañas verticales disponibles como una cadena de valores separados por comas: vuelos, hoteles, autos.

Show details

List of flights, hotels, cars

All verticals

verticalsDefaultTab

optional

data-verticals-default-tab="cars"

Establece la pestaña de búsqueda abierta inicialmente.

Show details

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

The first visible tab

colour

optional

data-colour="solar"

Cambia el color de fondo del widget.

Show details

Preset color name or hex code

transparent

fontColour

optional

data-font-colour="#000"

Cambia el color de la fuente del widget.

Show details

Preset color name or hex code

Autocalculated to contrast the background

buttonColour

optional

data-button-colour="dawn"

Cambia el color de fondo del botón de búsqueda.

Show details

Preset color name or hex code

Blue

buttonFontColour

optional

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

Cambia el color de la fuente del botón de búsqueda.

Show details

Preset color name or hex code

Autocalculated to contrast the background of search button

widgetPadding

optional

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

Define los márgenes de relleno de todo el widget.

Show details

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

0

widgetBorderRadius

optional

data-widget-border-radius="4"

Define el radio de redondeo del borde de todo el widget.

Show details

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

0

widgetScale

optional

data-widget-scale="1.3"

Escala todo el widget.
El valor indica cuántas veces será más grande el widget respecto a su tamaño original.

Float number

1

utmTerm

optional

data-utm-term="blog"

Parámetro de seguimiento alfanumérico adicional que se reporta en Impact como SubId2.

Alphanumeric value with a maximum length of 255

zIndex

optional

data-z-index="100"
El z-index del contenedor del widget.

Number

500

webOnlyRedirects

optional

data-web-only-redirects="true"

Determina si los viajeros son redirigidos a la app de Skyscanner. Al establecerlo en verdadero, se evitará que la redirección inicial abra la app de Skyscanner.

true / false

false

Constructor de widgets

Aquí puedes experimentar con los parámetros de los widgets y crear el Widget de búsqueda multivertical que prefieras usando el panel lateral izquierdo. Hay muchas opciones disponibles; asegúrate de elegir la que mejor se adapte a tus necesidades.