No mundo de Sites de reservas, a personalização vai muito além das opções de configuração padrão. Para usuários que desejam uma experiência verdadeiramente personalizada, o “Código personalizado” seção abre a porta para modificações mais profundas. Permite que você insira o seu próprio CSS ou JavaScript diretamente no seu site de reservas para ajustes visuais e funcionais avançados.
Quer você queira incorporar um widget exclusivo, refinar o layout para refletir sua marca ou conectar-se a ferramentas de terceiros, o Código personalizado O recurso oferece controle criativo total sobre o design e o comportamento do seu site. Vamos explorar como você pode usar código personalizado para criar uma experiência de reserva diferenciada para seus clientes.
CSS personalizado
Dentro do “CSS personalizado” área, você pode adicionar a sua própria Folhas de estilo em cascata (CSS) para ajustar a aparência do seu site de reservas. Esta opção poderosa permite que você modifique fontes, cores, espaçamento, visibilidade de elementos e muito mais—oferecendo flexibilidade total para projetar seu site exatamente como você o imagina.
Exemplo:
Por padrão, Sites de reservas’ o formulário de reserva mostra o horário de início dos compromissos. Se preferir ocultar os horários finais, você pode fazê-lo facilmente com um pequeno trecho CSS personalizado:
/Ocultartempofinal/<br>.bs-dt.booking-tsdiv:últimofilho<br>.bs-dt.booking-ts>span:not:primeiro-filho<br>exibição:nenhuma<br><br>
Como funciona
Este trecho CSS tem como alvo elementos específicos dentro Sites de reservas’ formulário de reserva para remover a visibilidade dos horários de término dos compromissos.
Para implementar este CSS personalizado:
- Ir para Personalizar → Código personalizado → CSS personalizado no seu Sites de reservas painel.
- Copie e cole o trecho CSS no CSS personalizado editor.
- Clique Salvar para aplicar suas alterações.
Depois de salvo, o formulário de reserva não exibirá mais os horários de término dos compromissos, proporcionando aos seus clientes uma interface de reserva mais limpa e simplificada.
JS personalizado
O “JS personalizado” seção em Sites de reservas foi projetado para usuários que desejam estender a funcionalidade de seu site JavaScript. Ao adicionar seu próprio código JS, você pode introduzir elementos interativos, automatizar tarefas ou conectar seu site de reservas com ferramentas e serviços de terceiros. Essa flexibilidade permite que você crie uma experiência de reserva mais dinâmica, envolvente e responsiva para seus clientes.
Exemplo:
Uma aplicação popular de JavaScript personalizado é incorporar um Widget de bate-papo no seu site de reservas. Muitos provedores de chat ao vivo fornecem um snippet JS que permite que você integre facilmente sua ferramenta de chat ao seu site. Aqui está um exemplo de como você pode usar JS personalizado em Sites de reservas para alcançar esta integração:
Como funciona
Este código JavaScript configura o Widget de bate-papo fornecido pelo seu serviço de suporte por chat.
Para adicionar seu widget de bate-papo usando JS personalizado Sites de reservas:
- Substituir ‘AmQrTbkLePxDfHNsJyuRcWaZ’ com o seu real Aplicativo de widget de bate-papoId fornecido pela sua plataforma de chat.
- Copie o fornecido JavaScript trecho de código.
- Navegue até o Personalizar → Código personalizado → JS personalizado seção em seu Sites de reservas painel.
- Cole o trecho no JS personalizado editor.
- Clique Salvar para aplicar suas alterações.
Depois de salvar, o Widget de bate-papo aparecerá no seu site de reservas, facilitando para os clientes entrarem em contato diretamente com sua equipe de suporte ao agendar compromissos.
