--- title: Widget de búsqueda de hoteles — Skyscanner Partners description: Widget de búsqueda de hoteles --- [![Skyscanner](https://www.partners.skyscanner.net/hs-fs/hubfs/Skyscanner_November2019/Images/Asset+1@2x.png?width=1600&height=260&name=Asset+1@2x.png "Skyscanner")](https://www.partners.skyscanner.net/) Widget de búsqueda de hoteles 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](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) 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í.](https://www.partners.skyscanner.net/affiliates/affiliate-products)   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 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" 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 ,. 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.](https://www.partners.skyscanner.net/contact/) 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. [![Skyscanner](https://www.partners.skyscanner.net/hubfs/Skyscanner_November2019/Images/Skyscanner_Logo_LockupVertical_White_RGB.png)](http://www.skyscanner.net/) © 2002-2022 Skyscanner Ltd. [Privacy Policy](https://www.partners.skyscanner.net/privacy-policy) & [Terms of Service](https://www.skyscanner.net/media/terms-of-service)