Modelos de e-mail
Depois de ler esta página, poderá construir um modelo de e-mail a partir de blocos numa tela visual, carregar uma imagem para ele, obter o HTML finalizado para reutilizar noutro lado, converter um modelo mais antigo em HTML em bruto para o modo de tela sem perder nada, e atribuir um modelo ao evento que o deve enviar.
Rótulo de navegação — Modelos de e-mail / Eventos de e-mail: EN: Email Templates / Email Events · IT: Modelli email / Eventi email · FR: Modèles d'e-mail / Événements e-mail · DE: E-Mail-Vorlagen / E-Mail-Ereignisse · ES: Plantillas de correo / Eventos de correo · PT: Modelos de e-mail / Eventos de e-mail · NL: E-mailsjablonen / E-mailgebeurtenissen
Antes de começar
Os Modelos de e-mail e os Eventos de e-mail são exclusivos do gestor — não existe um ecrã na aplicação móvel para nenhum deles. Os clientes nunca veem o editor nem a lista de eventos; apenas recebem o e-mail finalizado, tal como qualquer outra mensagem do seu estúdio.
Um modelo por si só não envia nada. Para ser efetivamente enviado, precisa de estar associado a algo que acione um envio — um Evento de e-mail (ver abaixo) ou um passo numa Automação de marketing. Esta página aborda a construção do próprio modelo e a sua atribuição a um evento; consulte Automações de marketing para o caso do passo de automação.
Visão geral: modo de tela vs. modo HTML
Cada modelo de e-mail está em exatamente um de dois modos, nunca numa mistura de ambos:
- Modo de tela — constrói o e-mail visualmente, adicionando e organizando blocos (texto, imagem, botão, divisória, espaçador) de cima para baixo, tal como disporia uma página. Esta é a predefinição para um novo modelo e é a escolha certa para quase toda a gente.
- Modo HTML — escreve o HTML do e-mail diretamente, numa caixa de texto simples, o mesmo editor que o Agon sempre teve. Utilize isto apenas se precisar de algo que o editor de blocos não consiga fazer — uma disposição que os blocos disponíveis não suportem, ou HTML que esteja a colar a partir de outro lado.
A tela mostra o e-mail exatamente como será apresentado, em direto, à medida que adiciona ou edita blocos — não há um passo de "pré-visualização" separado para percorrer.
Construir um e-mail a partir de blocos
-
Aceda a Modelos de e-mail na barra lateral esquerda, na secção Marketing.
-
Clique em Novo modelo. Um novo modelo abre-se no modo de tela com uma tela vazia.
-
Introduza um Nome do modelo (para sua referência — os clientes nunca o veem) e uma linha de Assunto.
-
Adicione blocos a partir da paleta acima da tela: Texto, Imagem, Botão, Divisória, Espaçador ou HTML. Cada clique adiciona esse bloco à parte inferior da tela e seleciona-o.
-
Clique em qualquer bloco na tela para o selecionar. Os seus controlos aparecem no painel Propriedades do bloco à direita:
Bloco Controlos Texto Conteúdo, Negrito, Itálico, Alinhamento, Tamanho da fonte, Cor do texto Imagem Carregar imagem, Texto alternativo, Largura, Alinhamento, Ligação (opcional) Botão Texto do botão, Ligação do botão, Alinhamento, Cor de fundo, Cor do texto Divisória Cor da divisória Espaçador Altura (px) HTML Conteúdo HTML em bruto, para um bloco sobre o qual quer controlo manual total -
Reordene os blocos arrastando um para uma nova posição, ou passando o cursor sobre um bloco e clicando nas setas ↑ / ↓ que aparecem. Remova um bloco com o botão × nos mesmos controlos de passagem do cursor.
-
Para um bloco de Texto, clique em qualquer uma das fichas de variável sob a caixa de conteúdo (por exemplo
{{client_name}}) para a inserir no fim do seu texto — é substituída pelo valor real do cliente quando o e-mail é enviado. -
Clique em Guardar quando terminar. O modelo está pronto para ser associado a um Evento de e-mail ou a um passo de uma Automação de marketing.
Carregar uma imagem para um bloco de Imagem
- Adicione um bloco de Imagem a partir da paleta, ou selecione um existente.
- No painel Propriedades do bloco, clique em Carregar imagem e escolha um ficheiro do seu computador.
- Aguarde a conclusão do carregamento — o bloco mostra uma sobreposição "A carregar..." enquanto está em curso. Depois de concluído, a imagem aparece na tela.
- Opcionalmente, defina o Texto alternativo (apresentado se a imagem não conseguir carregar no cliente de e-mail do destinatário, e utilizado para acessibilidade), a Largura, o Alinhamento e uma Ligação se quiser que a própria imagem seja clicável.
Não existe uma biblioteca de multimédia partilhada — cada imagem que carrega pertence a esse único bloco de Imagem. Se quiser a mesma imagem em dois blocos, carregue-a duas vezes (uma por bloco).
Utilizar o painel Ver / Copiar HTML
Clique em Ver / Copiar HTML no topo do editor a qualquer momento para ver o HTML exato que a sua tela produz atualmente. Clique em Copiar HTML para o copiar para a área de transferência — útil se quiser reutilizar o mesmo e-mail estilizado noutro lado, como colá-lo noutra ferramenta. Clique em Voltar à tela para regressar ao editor de blocos; nada do que copia ou vê aqui altera o modelo.
Converter um modelo em HTML em bruto para o modo de tela
Um modelo construído antes desta funcionalidade — ou um que criou deliberadamente no modo HTML — ainda não tem blocos. Abri-lo para edição mostra uma ligação Converter para tela junto ao editor de HTML.
Clicar nela envolve o seu HTML existente como um único bloco HTML inicial na tela — nada se perde. A partir daí, pode:
- Deixar esse bloco tal como está e adicionar novos blocos (texto, imagem, botão, etc.) acima ou abaixo dele, ou
- Editar diretamente o HTML em bruto do bloco envolvido (continua a ser um bloco HTML, apenas agora na tela), ou
- Eliminá-lo e reconstruir o e-mail de raiz utilizando blocos comuns.
A conversão só acontece quando clica na ligação — um modelo nunca muda de modo automaticamente, e se fechar o editor sem guardar, o modelo original em modo HTML permanece intacto.
Quando utilizar o modo HTML
O modo de tela cobre as disposições de que a maioria dos estúdios precisa, mas pode iniciar um novo modelo diretamente no modo HTML (clique em ou começar a partir de HTML em bruto numa tela nova e ainda vazia) ou manter um modelo existente em modo HTML tal como está. Razões para permanecer no modo HTML:
- Está a colar um e-mail completo que concebeu ou exportou noutro lado, e não quer reconstruí-lo bloco a bloco.
- Precisa de uma disposição ou técnica de estilo que os seis tipos de bloco do editor não suportem.
- Quer afinar o HTML à mão com precisão e não precisa do fluxo de arrastar e largar.
Um modelo está sempre num modo ou no outro — mudar de HTML para o modo de tela é sempre a ação explícita Converter para tela acima, nunca automática.
Eventos de e-mail
Um Evento de e-mail é o que efetivamente aciona o envio de um modelo. Atribuir um modelo a um evento é o que transforma um modelo que construiu acima num e-mail real e automático.
- Aceda a Eventos de e-mail na barra lateral esquerda, na secção Marketing.
- Para cada tipo de evento na lista, escolha o modelo que deve ser enviado quando esse evento ocorre, ou deixe-o como Modelo predefinido para utilizar o texto incorporado do próprio Agon para esse evento em vez de um personalizado.
Os tipos de evento são:
| Evento | Envia quando |
|---|---|
| Convite de cliente | É criada uma nova conta de cliente |
| Redefinição de palavra-passe | Um cliente pede uma redefinição de palavra-passe |
| Reserva confirmada | Um cliente reserva uma aula |
| Reserva cancelada | Uma reserva é cancelada (pelo cliente, por um gestor ou por um cancelamento de aula) |
| Lembrete de aula | Pouco antes de uma aula em que o cliente tem reserva |
| Assinatura a expirar | A assinatura de um cliente está prestes a expirar |
| Promovido da lista de espera | Um cliente sai da lista de espera para um lugar confirmado |
Ao contrário dos Eventos SMS (consulte Mensagens SMS), todos os tipos de evento aqui estão totalmente ligados — atribuir um modelo a qualquer um deles produz efeito imediato, não apenas os dois fluxos que o SMS suporta atualmente.
Um modelo que esteja atualmente atribuído a um evento não pode ser eliminado dos Modelos de e-mail — desassocie-o aqui primeiro.
E se algo correr mal?
O carregamento da minha imagem falhou ou está preso em "A carregar..." Tente novamente — um carregamento falhado mostra uma mensagem de erro sob o painel de propriedades e o bloco simplesmente mantém a sua imagem anterior (ou vazia), nada se perde. Se continuar a falhar, verifique se o ficheiro é um ficheiro de imagem real e não invulgarmente grande.
Converti um modelo HTML para tela e quero voltar atrás Não existe uma ação direta de "converter de volta", mas nada se perdeu na conversão — o seu HTML original é preservado intacto dentro do único bloco HTML que a conversão criou. Elimine todos os outros blocos que adicionou desde então e volta a ter o HTML original envolvido num único bloco. Se não guardou desde a conversão, fechar o editor sem guardar descarta a conversão por completo.
Não consigo perceber se o meu modelo está no modo de tela ou no modo HTML O modo de tela mostra a paleta de blocos, a tela de arrastar e largar e um painel de Propriedades do bloco. O modo HTML mostra uma única caixa de texto grande e uma lista de fichas de variável inseríveis acima dela. Se estiver a editar um modelo mais antigo e vir a caixa de texto simples, esse modelo ainda está no modo HTML — utilize Converter para tela se quiser mudá-lo.
Eliminei um modelo por engano Não há forma de anular. Se o modelo estava atribuído a um Evento de e-mail ou era utilizado num passo de uma Automação de marketing, o Agon bloqueia a eliminação e indica-lhe qual o evento ou automação que ainda o utiliza — reatribua ou remova essa referência primeiro se realmente quiser eliminá-lo.
O e-mail não parece correto quando chega A tela mostra uma pré-visualização em direto e exata do HTML que está a produzir, mas diferentes clientes de e-mail (Gmail, Outlook, Apple Mail, etc.) podem apresentar o e-mail HTML de forma ligeiramente diferente uns dos outros — esta é uma propriedade geral do e-mail HTML, não específica do Agon. Utilize Ver / Copiar HTML e envie a si próprio um teste através de um Evento de e-mail atribuído se quiser confirmar exatamente como fica na sua própria caixa de entrada antes de depender dele.
Perguntas frequentes
Posso ter alguns blocos e algum HTML em bruto no mesmo modelo?
Sim — um bloco HTML é um dos seis tipos de bloco. Pode misturar blocos comuns (texto, imagem, botão, divisória, espaçador) com um ou mais blocos HTML na mesma tela; o que não pode fazer é ter um modelo que seja em parte estruturado em tela e em parte um html_body em bruto separado fora dessa estrutura. Ou está totalmente no modo de tela (construído a partir de blocos, blocos HTML incluídos) ou totalmente no modo HTML (uma caixa de texto, sem blocos de todo).
A imagem que carrego conta para alguma coisa, ou expira? Não. Uma imagem carregada é armazenada no próprio servidor do seu estúdio e permanece disponível indefinidamente, tal como qualquer outro ficheiro que o Agon armazena por si.
Os clientes conseguem ver a tela ou o editor de blocos? Não. Os Modelos de e-mail, incluindo o editor de tela, são exclusivos do gestor. Os clientes apenas veem o e-mail finalizado e apresentado na sua caixa de entrada.
Porque não há um botão de "pré-visualização"? A própria tela é sempre uma pré-visualização em direto e exata — cada edição de bloco atualiza-a de imediato, pelo que não há nada extra para percorrer.