--- title: Widget de busca de hotéis — Skyscanner Partners description: Widget de busca de hotéis --- [![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 busca de hotéis Quando você quiser fornecer opções de localização e datas na busca de hotéis no seu site, nosso widget de busca de hotéis oferece o que o usuário precisa para iniciar uma busca no Skyscanner.   ***Observação:** a exibição do widget fica melhor na sua página de destino se estiver em um contêiner com uma largura de pelo menos 250px. Caso contrário, você pode ter problemas de apresentação.* **Observação importante: se você estiver usando um* [cabeçalho de política de segurança de conteúdo](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) para controlar recursos no site, permita as seguintes URLs: www.skyscanner.net, widgets.skyscanner.net, js.skyscnr.com, css.skyscnr.com.*   ## Como gerar comissões com nossos widgets de viagem Para acompanhar seu tráfego e gerar comissões com nossos widgets de viagem, sua parceria precisa ser aprovada no Impact, e você deve usar os códigos do widget de viagem fornecidos por meio do Impact com o acompanhamento correto. Inscreva-se para [participar do nosso programa de afiliados aqui.](https://www.partners.skyscanner.net/affiliates/affiliate-products). *** ***   Verifique se os termos comerciais no Impact incluem os pagamentos de hotéis, caso contrário, você não receberá nenhuma comissão.     ## Opções de widget Você pode personalizar seus widgets com localização, cores, texto e muito mais. Confira abaixo como definir essas opções. skyscannerWidget required data-skyscanner-widget="HotelSearchWidget" Define o tipo de widget. Show details HotelSearchWidget locale recommended data-locale="ru-RU" Define o idioma do widget. Você pode usar um dos seguintes "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" (Observação: o valor "localização" diferencia maiúsculas de minúsculas) Four letter locale code "en-GB" market recommended data-market="AU" Define o domínio de destino do Skyscanner. (Observação: isso afeta os voos exibidos com base nas restrições e no inventário do mercado local). Two letter country code "UK" currency recommended data-currency="USD" Define a moeda a ser exibida ao redirecionar para os resultados de busca do Skyscanner Three letter currency code "GBP" destinationName optional data-destination-name="Edinburgh" Define um destino fixo (para) Show details Free text (Location name) destinationGeoLookup optional data-destination-geo-lookup="true" Usa GEO-IP para inferir um destino (para) true / false false destinationCoords optional data-destination-coords="55.944339,-3.1952956" Define o destino mais próximo de , Show details Comma separated pair of float numbers associateId optional data-associate-id="ABC_DEF_12345_56789" Permite acompanhar as saídas do widget. Você pode obter seu ID de associado com o gerente da sua conta ou [falando conosco](https://www.partners.skyscanner.net/contact/). Affiliate ID string "WIG_WBT_01426_00001" target optional data-target="_self" Abre os resultados de busca do Skyscanner na mesma janela (_self) ou em uma nova janela (_blank) One of **"_self"**, **"_blank"** "_blank" colour optional data-colour="solar" Altera a cor de fundo do widget Show details Preset color name or hex code transparent fontColour optional data-font-colour="#000" Altera a cor da fonte do widget Show details Preset color name or hex code Autocalculated to contrast the background buttonColour optional data-button-colour="dawn" Altera a cor de fundo do botão de busca Show details Preset color name or hex code Blue buttonFontColour optional data-button-font-colour="#fff" Altera a cor da fonte do botão de busca. Show details Preset color name or hex code Autocalculated to contrast the background of search button buttonLabel optional data-button-label="Book now!" Permite personalizar o texto do botão exibido no widget. Free text "Search Flights" buttonTextSize optional data-button-text-size="1.4" Define a escala do texto no botão de busca em comparação com o tamanho padrão. Float number 1.4 poweredByLogoColour optional data-powered-by-logo-colour="light" Altera a cor do logotipo do Skyscanner. Show details One of "default", "light", "dark" "default" poweredBySize optional data-powered-by-size="1.5" Define o tamanho (fator de escala) do texto "Com tecnologia do" e do logotipo do Skyscanner em comparação com o tamanho padrão. Show details Float number 1 widgetPadding optional data-widget-padding="10px 12px" Define as margens de preenchimento de todo o widget. Show details A number in pixels or a value of CSS "padding" rule 0 widgetBorderRadius optional data-widget-border-radius="4" Define o raio de arredondamento da borda de todo o widget Show details A number in pixels or a value of CSS "border-radius" rule 0 widgetScale optional data-widget-scale="1.3" Dimensiona todo o widget. O valor define quantas vezes o widget deve ser maior que o tamanho original. Float number 1 enablePlaceholders optional data-enable-placeholders="true" Troca os rótulos "de" e "para" acima das entradas por espaços reservados nas entradas, simplificando a exibição da página. true / false false responsive optional data-responsive="true" Torna o widget responsivo e permite que ele se encaixe em uma única linha (se for largo o suficiente)  true / false false hotelCheckInDate optional data-hotel-check-in-date="2019-03-22" Predefine a data de check-in do hotel. Date in the "YYYY-MM-DD" format hotelCheckOutDate optional data-hotel-check-out-date="2019-03-25" Predefine a data de check-out do hotel. Date in the "YYYY-MM-DD" format utmTerm optional data-utm-term="blog" Um parâmetro de acompanhamento alfanumérico adicional que é informado no Impact como SubId2. Alphanumeric value with a maximum length of 255 zIndex optional data-z-index="100" O índice z do contêiner do widget. Number 500   ## Construtor de widgets Aqui você pode experimentar os parâmetros dos widgets e construir o ** widget de busca de hotéis que preferir** usando o painel lateral à esquerda. Há muitas opções, então busque a ideal para você! [![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)