Aprenda como personalizar as cores do seu novo Widget de Reservas da forma que desejar, para que combinem perfeitamente com o site e a identidade visual do seu hotel.
Para acessar a personalização do Widget de Reservas, vá para: Booking Widget > Configuração do Widget de Reservas
Você pode alterar a cor dos seguintes códigos:
- Código Stand-alone:
- Código de Integração:
📌Observação: Isso não se aplica ao Código Avançado de Incorporação:
Entendendo as seções de personalização de cor
- Fundo da Caixa de Busca (Search Box Background)
- Fundo da Barra de Busca (Estado Hover) (Search Bar Background)
- Botão (com fundo) (Button (With Background))
- Chip e Oferta Especial (Chip & Special Offer)
- Características em Destaque (Highlighted Features)
- Fundo da Caixa de Seção (Section Box Background)
Fundo da Caixa de Busca (Search Box Background)
Ajusta a cor de fundo fora da barra de busca, seções de melhor preço e moeda.
Antes:
Após a personalização:
![]() |
![]() |
Fundo da Barra de Busca (Estado Hover) (Search Bar Background)
Ajusta a cor de fundo da barra de busca (por exemplo: ao selecionar data de entrada e saída) quando o cursor passa por cima.
Antes:
Após a personalização:
![]() |
![]() |
Botão (com fundo) (Button (With Background))
Ajusta a cor dos botões que possuem fundo.
Antes:
Após a personalização:
![]() |
![]() |
Chip e Oferta Especial (Chip & Special Offer)
Esta personalização ajusta duas seções:
-
A cor do ícone e do texto das ofertas especiais.
-
A cor de fundo do chip do código promocional (esse chip só aparece quando o código é aplicado).
Antes:
Após a personalização:
![]() |
![]() |
Características em Destaque (Highlighted Features)
Ajusta a cor dos ícones e textos das Características em Destaque.
Antes:
Após a personalização:
![]() |
![]() |
Fundo da Caixa de Seção (Section Box Background)
Ajusta a cor de fundo fora das seções.
Antes:
Após a personalização:
![]() |
![]() |