Um seletor de cores é uma ferramenta que permite selecionar e identificar o código de cor específico que você precisa, use-o para aplicar suas cores e manter a identidade da sua marca de forma consistente em toda a internet.
Este artigo explica como aplicar cores personalizadas à sua página do Motor de Reservas da Cloudbeds com a ferramenta de seletor de cores no PMS da Cloudbeds.
Procurando mais informações sobre códigos de personalização para o seu Motor de Reservas? Veja como adicionar código HTML e CSS para personalizar seu Motor de Reservas da Cloudbeds.
Visão Geral
A ferramenta de seletor de cores permite que você selecione as cores que gostaria de aplicar para personalizar seu Motor de Reservas. Encontre seletores de cores fáceis de usar para as seguintes cinco seções do motor de reservas:
1. Cor primária
A cor primária é a cor que aparece em todos os botões CTA (Call to Action) na página do seu Motor de Reservas, no Seletor de datas e nos hiperlinks de Saiba mais. Veja alguns exemplos abaixo:
Cor da caixa “Ver ofertas / Ocultar ofertas” (apenas no Motor de Reservas Plus)
A caixa “Ver ofertas” e “Ocultar ofertas” aparece apenas no Motor de Reservas Plus da Cloudbeds. Esta caixa usa automaticamente uma variação da sua Cor Primária. Como essa cor é gerada dinamicamente, pode parecer ligeiramente mais clara ou mais escura do que a cor do cabeçalho.
Se você quiser que a caixa combine visualmente exatamente com a cor do cabeçalho, atualize a Cor Primária no seletor de cores para que ambos os elementos usem a mesma cor base.
2. Cor de fundo
Esta é a cor que aparece no fundo da seção de informações da propriedade (cinza claro no exemplo a seguir), logo abaixo do seletor de data e da página de reserva:
3. Cor do cabeçalho
O cabeçalho é a seção superior da sua página do Motor de Reservas. A ferramenta de cor do cabeçalho permite que você edite/selecione a cor que será aplicada a esta seção. Veja o exemplo abaixo (azul marinho):
4. Fundo da página de reserva
Esta é a cor de fundo que aparecerá na página de destino do motor de reservas (azul claro no exemplo abaixo) se não houver imagem selecionada para a imagem de destaque:
O Motor de Reservas da Cloudbeds está sendo atualizado para uma nova versão. Saiba mais: Transição para o Motor de Reservas Plus - Lista de verificação e Perguntas Frequentes.
- Saiba mais sobre as diferentes opções para personalizar o Motor de Reservas da Cloudbeds.
Como usar seletores de cores para personalizar seu Motor de Reservas
- Vá para a página de Configurações do menu da sua Conta e clique na seção Motor de Reservas;
- Clique na guia Personalização;
- Escolha uma cor clicando na amostra de cor. Ao selecionar uma cor, veja a pré-visualização à direita. Você também pode digitar códigos de cor específicos;
- Salve. As cores selecionadas serão aplicadas à área correspondente da página do Motor de Reservas.
Para combinar as cores do Motor de Reservas da Cloudbeds com a paleta do seu site, sugerimos que você use uma ferramenta de seleção de cores on-line (como Image Color Picker, ou experimente o Seletor de Cores do Google para identificar o código das cores da sua marca.
- Para incluir seu cabeçalho e rodapé personalizados na sua página de reserva, insira as informações conforme mostrado acima. Se nada for inserido nos campos, o cabeçalho e rodapé padrão do hotel serão aplicados.
Clique em Redefinir tudo para Padrão para voltar ao esquema de cores padrão da Cloudbeds para qualquer seção individual ou para todas as seções.
- Para fazer com que as setas do Cabeçalho e Navegação (por exemplo) sejam da mesma cor, copie e cole o código (incluindo o símbolo "#") de um campo de entrada para o próximo.
Comentários
Por favor, entre para comentar.