Si quieres ofrecer controles de fechas y ubicación para la búsqueda de vuelos en tu sitio, nuestro widget sencillo de búsqueda de vuelos te ofrece todo lo que tu usuario necesita para iniciar una búsqueda en Skyscanner.

 

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 250 px. 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.

 

Cómo generar comisiones con nuestros widgets de viajes

Ten en cuenta que, para monitorear tu tráfico y generar comisiones con nuestros widgets de viaje, tendrás que ser un socio aprobado en Impact y usar los códigos de widget de viaje proporcionados a través de Impact con el seguimiento correcto. Envía tu solicitud para unirte a nuestro programa de afiliados aquí.

 

Opciones de widgets

Puedes personalizar tus widgets con localización, colores, texto y más. Consulta a continuación los detalles para configurar estas opciones.

skyscannerWidget

required

data-skyscanner-widget="SearchWidget"

Define el tipo de widget.

Show details

SearchWidget

locale
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
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
data-currency="USD"

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

Three letter currency code

"GBP"

originName

optional

data-origin-name="Edinburgh"

Establece un origen fijo (desde).

Show details

Free text (Location name)

destinationName

optional

data-destination-name="Edinburgh"

Establece un destino fijo (hacia).

Show details

Free text (Location name)

originIataCode

optional

data-origin-iata-code="LAX"

Establece un aeropuerto de origen fijo (desde).

IATA code

destinationIataCode

optional

data-destination-iata-code="LAX"

Establece un aeropuerto de destino fijo (hacia).

Show details

IATA code

originGeoLookup

optional

data-origin-geo-lookup="true"

Utiliza GEO-IP para inferir un origen (desde).

Show details

true / false

false

destinationGeoLookup

optional

data-destination-geo-lookup="true"

Utiliza GEO-IP para inferir un destino (hacia).

true / false

false

originCoords

optional

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

Establece el origen más cercano a <latitude>,<longitude>.

Comma separated pair of float numbers

destinationCoords

optional

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

Establece el destino más cercano a <latitude>,<longitude>.

Show details

Comma separated pair of float numbers

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"

target

optional

data-target="_self"

Abre los resultados de búsqueda de Skyscanner en la misma ventana (_self) o en una nueva ventana (_blank).

One of "_self", "_blank"

"_blank"

flightType

optional

data-flight-type="return"

Establece el tipo de vuelo predeterminado.

One of "return", "one way"

"one way"

flightOutboundDate

optional

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

Preestablece la fecha del vuelo de salida.

Date in the "YYYY-MM-DD" format

flightInboundDate

optional

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

Preestablece la fecha del vuelo de regreso.

Date in the "YYYY-MM-DD" format

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

buttonLabel

optional

data-button-label="Book now!"

Te permite personalizar el texto del botón que se muestra en el widget.

Free text

"Search Flights"

buttonTextSize

optional

data-button-text-size="1.4"

Establece la escala del texto en el botón de búsqueda en comparación con su tamaño predeterminado.

Float number

1.4

arrowIcon

optional

data-arrow-icon="true"

Muestra el ícono de flecha en lugar del ícono de avión en el botón de búsqueda

true / false

false

poweredByLogoColour

optional

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

Cambia el color del logotipo de Skyscanner.

Show details

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

"default"

poweredBySize

optional

data-powered-by-size="1.5"

Establece el tamaño (factor de escala) del texto "Con tecnología de" y el logotipo de Skyscanner en comparación con el tamaño predeterminado.

Show details

Float number

1

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

enablePlaceholders

optional

data-enable-placeholders="true"

Cambia las etiquetas 'desde' y 'hacia' sobre las entradas a marcadores de posición en las entradas, lo que dará un aspecto más simplificado.

true / false

false

responsive

optional

data-responsive="true"

Hace que el widget sea receptivo y permite que quepa en una sola línea (si es lo suficientemente ancho)

Nota: Esto oculta los botones de opción "Ida y vuelta/Solo ida".

true / false

false

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 sencillo de búsqueda de vuelos que prefieras usando el panel lateral izquierdo. Hay muchas opciones disponibles; asegúrate de elegir la que mejor se adapte a tus necesidades.