Si quieres ofrecer controles de fechas y ubicación para la búsqueda de hoteles en tu sitio, nuestro widget de búsqueda de hoteles 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í.

 

Verifica tus términos comerciales en Impact si incluye el pago de hotel, de lo contrario, no se te pagará ninguna comisión. 

 

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="HotelSearchWidget"

Define el tipo de widget.

Show details

HotelSearchWidget

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"

destinationName

optional

data-destination-name="Edinburgh"

Establece un destino fijo (hacia).

Show details

Free text (Location name)

destinationGeoLookup

optional

data-destination-geo-lookup="true"

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

true / false

false

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"

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

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)

true / false

false

hotelCheckInDate

optional

data-hotel-check-in-date="2019-03-22"

Preestablece la fecha de check-in del hotel.

Date in the "YYYY-MM-DD" format

hotelCheckOutDate

optional

data-hotel-check-out-date="2019-03-25"

Preestablece la fecha de check-out del hotel.

Date in the "YYYY-MM-DD" format

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

 

Constructor de widgets

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