Como personalizar a cor do novo Widget de Reserva

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

  1. Fundo da Caixa de Busca (Search Box Background)
  2. Fundo da Barra de Busca (Estado Hover) (Search Bar Background)
  3. Botão (com fundo) (Button (With Background))
  4. Chip e Oferta Especial (Chip & Special Offer)
  5. Características em Destaque (Highlighted Features)
  6. 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: