Personalizando mensagens na tela e scripts
Muitas das mensagens mostradas durante o processo de cadastro, reserva e pagamento podem ser personalizadas ou substituídas pelas suas próprias mensagens. Quase todas essas mensagens podem conter os chamados “autotextos”, que são “palavras mágicas” substituídas automaticamente por algum valor dinâmico quando a mensagem é gerada.
Notificações por e-mail e lembretes também podem ser personalizados de forma semelhante, mas com uma sintaxe um pouco diferente. Veja a seção sobre Personalizando notificações e lembretes.
Mensagens personalizadas na tela
Mensagens tanto no nível da conta quanto no nível da agenda podem ser substituídas pelas suas próprias mensagens. No nível da conta, você pode modificar as mensagens mostradas quando os usuários entram na sua loja virtual, veja Pagamentos, ou pedem ajuda, veja Configurações de layout. No nível da agenda, as mensagens podem ser alteradas em Configurar > Layout. Isso inclui as mensagens mostradas nas telas de login e checkout, bem como a mensagem exibida no espaço em branco acima da agenda. Além disso, você também pode modificar a mensagem exibida quando o acesso à sua agenda está temporariamente bloqueado ou quando você bloqueou o usuário em questão.
As mensagens podem ser estilizadas usando a barra de formatação no topo de cada caixa de mensagem. Essa barra também permite incluir links e imagens, desde que sejam imagens disponíveis na internet. Lembre-se de que, com exceção do seu logotipo, você não pode fazer upload de imagens diretamente para o SuperSaaS.
Editando HTML
Como alternativa, você pode estilizar mensagens usando diretamente CSS e HTML. Isso pode ser feito usando o botão < > na barra de ferramentas de campos de texto HTML. Essa opção também pode ser usada para inserir scripts JavaScript na página em que essas mensagens são mostradas. Um guia sobre como adicionar JavaScript personalizado às mensagens na tela está disponível na página Inserindo scripts.
Mensagens dinâmicas usando autotextos
Você pode usar os chamados “autotextos” para tornar suas mensagens dinâmicas. Autotextos são “palavras mágicas” automaticamente substituídas por algum valor dinâmico quando a mensagem é gerada.
Isso permite, por exemplo, tratar usuários pelo nome ou tornar a mensagem dependente do idioma.
Uma palavra de autotexto é simplesmente uma palavra precedida por $, por exemplo $name. Na tabela abaixo, você encontra as sequências de autotexto que podem ser usadas nas mensagens mostradas no site.
| A palavra… | … será substituída por |
|---|---|
$login | Mostra o nome de login da pessoa atualmente conectada |
$name | Mostra o nome completo da pessoa atualmente conectada, se disponível |
$credit | Mostra a quantidade de crédito da pessoa atualmente conectada |
$shop | Cria um link para a sua loja. Por exemplo: “Compre créditos em $shop antes de reservar” |
$agenda | Cria um link para uma página que mostra compromissos de todas as agendas da conta; só funciona quando o usuário está logado |
$auto | Normalmente o texto padrão é substituído pelo seu texto, mas $auto o reinsere. Isso é útil para o texto acima da agenda, que muda dependendo de a pessoa poder reservar ou não |
$su | Mostra o campo do supervisor do usuário atual, se disponível. Você pode usar isso para exibir uma mensagem a uma pessoa específica quando ela fizer login |
$id | Mostra o ID do objeto atual. Só fica disponível na tela de checkout e na tela de “Obrigado” de formulários enviados. Você pode usar isso para dar ao cliente um número de referência único |
$now | Mostra o horário atual conforme exibido no calendário. Use “$now $zone” para mostrar também o fuso horário |
$total | Mostra o preço total incluindo descontos, ou o depósito a pagar. Só fica disponível na tela de checkout |
$if condição {mensagem} | Se a condição for verdadeira, a mensagem entre as chaves será exibida. Veja abaixo as condições possíveis. A mensagem pode ocupar várias linhas e conter outras palavras mágicas, exceto outra instrução $if |
$else {mensagem} | A cláusula $else só pode seguir uma cláusula $if. Essa mensagem será exibida se a condição anterior do $if não for verdadeira |
$if. A tabela abaixo mostra as várias condições disponíveis.
| Condição | Aplica-se quando… |
|---|---|
$if user {mensagem} | A mensagem é exibida se um usuário estiver logado |
$if out {mensagem} | A mensagem é exibida se um usuário não estiver logado |
$if shared {mensagem} | A mensagem é exibida se o usuário estiver logado com uma senha compartilhada |
$if admin {mensagem} | A mensagem é exibida se o usuário estiver logado como administrador ou superusuário |
$if XX {mensagem} | A mensagem é exibida se o idioma atualmente selecionado tiver código ISO XX |
$if paid {mensagem} | A mensagem é exibida depois que o cliente concluir o pagamento com sucesso. Só pode ser adicionada à mensagem da tela de checkout |
$if mobile {mensagem} | A mensagem é exibida apenas quando a versão móvel do site está sendo mostrada |
$if desktop {mensagem} | A mensagem é exibida apenas quando a versão desktop do site está sendo mostrada |
$if calendar {mensagem} | A mensagem é exibida apenas quando a pessoa está vendo o calendário por dia, semana ou mês |
$if view {mensagem} | A mensagem é exibida apenas nessa visualização específica. Essa visualização pode ser free, agenda, day, week ou month |
Um uso comum de mensagens dinâmicas é permitir mensagens dependentes do idioma para pessoas diferentes. A condição em $if XX {mensagem} pode ser um código de idioma de dois caracteres, como EN, DE ou ES. Isso pode ser usado da seguinte forma:
$if EN {Good morning $login}
$if DE {Guten Morgen $login}
Outro uso da instrução $if é exibir uma mensagem diferente dependendo de o visitante já ter feito login ou não:
$if out {Faça login primeiro ou crie uma conta, se ainda não tiver uma}
$if user {Bem-vindo(a) de volta, $login!}
Observe que instruções de autotexto, inclusive as condicionais, também podem ser usadas em modo HTML. Isso permite, por exemplo, incluir condicionalmente um código de rastreamento na sua página de checkout.
$if paid {Obrigado pela sua compra, $name <script>…</script>}