El widget de búsqueda de vuelos es similar al widget de búsqueda de vuelos sencillo, pero brinda un control más completo de la búsqueda de vuelos en tu sitio. Te ofrece todo lo que tus usuarios necesitan para comenzar la búsqueda de vuelos 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 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.
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.
required
Define el tipo de widget.
FlightSearchWidget
recommended
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"
recommended
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"
recommended
Define la moneda que se mostrará al redirigir a los resultados de búsqueda de Skyscanner.
Three letter currency code
"GBP"
optional
Establece un origen fijo (desde).
Free text (Location name)
optional
Establece un destino fijo (hacia).
Free text (Location name)
optional
Establece un aeropuerto de origen fijo (desde).
IATA code
optional
Establece un aeropuerto de destino fijo (hacia).
IATA code
optional
Utiliza GEO-IP para inferir un origen (desde).
true / false
false
optional
Utiliza GEO-IP para inferir un destino (hacia).
true / false
false
optional
Establece el origen más cercano a <latitude>,<longitude>.
Comma separated pair of float numbers
optional
Establece el destino más cercano a <latitude>,<longitude>.
Comma separated pair of float numbers
optional
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"
optional
Abre los resultados de búsqueda de Skyscanner en la misma ventana (_self) o en una nueva ventana (_blank).
One of "_self", "_blank"
"_blank"
optional
Establece el tipo de vuelo predeterminado.
One of "return", "one way", "multi-city"
"one way"
optional
Establece el número máximo de vuelos (hasta 6) en el modo Múltiples destinos o desactiva el modo Múltiples destinos si es cero.
Integer number (from 0 to 6)
6
optional
Establece el número máximo de adultos (hasta 8) o desactiva la selección del número de adultos si es cero o uno.
Integer number (from 0 to 8)
8
optional
Establece el número máximo de niños (hasta 4) o desactiva la selección de niños si es cero.
Integer number (from 0 to 4)
4
optional
Desactiva la posibilidad de seleccionar edades de niños y hace que la interfaz de usuario sea más limpia.
true / false
true
optional
Desactiva la posibilidad de elegir una clase de cabina.
true / false
true
optional
Muestra la casilla de verificación "Solo vuelos directos".
true / false
false
optional
Marca la casilla de verificación "Solo vuelos directos".
true / false
false
optional
Cambia el color de fondo del widget.
Preset color name or hex code
transparent
optional
Cambia el color de la fuente del widget.
Preset color name or hex code
Autocalculated to contrast the background
optional
Cambia el color de fondo del botón de búsqueda.
Preset color name or hex code
Blue
optional
Cambia el color de la fuente del botón de búsqueda.
Preset color name or hex code
Autocalculated to contrast the background of search button
optional
Te permite personalizar el texto del botón que se muestra en el widget.
Free text
"Search Flights"
optional
Establece la escala del texto en el botón de búsqueda en comparación con su tamaño predeterminado.
Float number
1.4
optional
Muestra el ícono de flecha en lugar del ícono de avión en el botón de búsqueda
true / false
false
optional
Cambia el color del logotipo de Skyscanner.
One of "default", "light", "dark"
"default"
optional
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.
Float number
1
optional
Define los márgenes de relleno de todo el widget.
A number in pixels or a value of CSS "padding" rule
0
optional
Define el radio de redondeo del borde de todo el widget.
A number in pixels or a value of CSS "border-radius" rule
0
optional
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
optional
Preestablece la fecha del vuelo de salida.
Date in the "YYYY-MM-DD" format
optional
Preestablece la fecha del vuelo de regreso.
Date in the "YYYY-MM-DD" format
optional
Parámetro de seguimiento alfanumérico adicional que se reporta en Impact como SubId2.
Alphanumeric value with a maximum length of 255
Constructor de widgets
Aquí puedes experimentar con los parámetros de los widgets y crear el Widget 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.
