Modo avançado (HTML)
Troque os blocos por um editor de código quando precisar escrever o HTML do e-mail à mão.
No modo avançado, o e-mail passa a ser o HTML que você escreve. Use quando precisar de algo que os blocos não fazem.
Não tem volta
Depois de salvar no modo avançado, não é possível voltar ao editor de blocos. A troca só vale depois de salvar: antes disso, você ainda pode descartar as alterações.
Como ativar
Abra a aba Tema
Na lateral esquerda, vá em Tema e procure a seção Editor avançado.
Ligue a opção
A opção diz “Troque os blocos por um editor de HTML.” O editor pergunta Mudar para o editor avançado?.
Confirme
Clique em Mudar para o avançado. O seu design atual é convertido no HTML inicial.
O que muda
| Assunto | Como fica no modo avançado |
|---|---|
| bCSS responsivo | Fica por sua conta. Ele não é adicionado automaticamente. |
| bRodapé de descadastro | Continua garantido. Ele é injetado se o seu HTML não tiver um link de descadastro. Se já tiver, o seu é mantido. |
| bScripts | As tags de script são removidas automaticamente. |
| bHTML do e-mail | Escreva um documento HTML completo. O campo se chama HTML do e-mail. |
Ferramentas do editor de código
| Ferramenta | O que faz |
|---|---|
| bFormatar | Organiza a indentação do HTML. Se a marcação não for válida, o editor avisa que não conseguiu formatar. |
| bImportar imagens para o CDN | Ao colar um conteúdo com imagens em base64 ou links externos, o editor pergunta se você quer enviá-las para o seu CDN e trocar no HTML. Isso evita imagens quebradas e e-mails pesados. |
| bVariáveis | Abre a lista de variáveis, com busca, nas abas Uso geral, Use em automações e Personalizadas. |
| bAutocompletar | Ao digitar {{, o editor sugere variáveis, funções e blocos de lógica, com uma descrição de cada um. |
Funções e blocos de lógica
Os e-mails usam a sintaxe Handlebars. O autocompletar sugere estas funções e estes blocos.
| Item | Tipo | O que faz |
|---|---|---|
| ctake | função | Usa só os N primeiros itens de uma lista. |
| cdefault | função | Mostra a alternativa quando o valor vem vazio. |
| cupper | função | Converte o texto para maiúsculas. |
| clower | função | Converte o texto para minúsculas. |
| cif | bloco | Mostra o trecho só quando o valor existe. |
| cunless | bloco | Mostra o trecho só quando o valor não existe. |
| ceach | bloco | Repete o trecho para cada item de uma lista. |
| cwith | bloco | Encurta o caminho dentro de um objeto. |
| celse | bloco | Trecho alternativo de um if ou unless. |
As variáveis vêm agrupadas por assunto: Comunicação, Loja, Cliente, Personalizadas, Pedido criado, Checkout iniciado, Produto visto, Produto abandonado, Cashback e Pesquisa. O que cada uma traz está em Usar variáveis.