Introdução ao Editor de E-mails do Mailjet

Com o nosso Editor de E-mails de arrastar e soltar, o design de e-mails fica fácil e intuitivo. É uma ferramenta que satisfaz todas as necessidades de e-mail. O que você pode criar com nosso Editor de E-mails? A escolha é sua:

• Campanhas: também conhecidas como newsletters, e-mails de marketing e e-mails em massa. Seja qual for o nome, é enviada uma campanha para uma lista de assinantes.
• Modelos: crie e gerencie seus próprios modelos pré-elaborados para várias finalidades:
  • Modelos de marketing: modelos que refletem sua marca para uso em campanhas futuras.
  • Modelos transacionais: modelos armazenados na plataforma Mailjet que podem ser usados para todas as suas necessidades de transações.
  • Modelos de automação: modelos pré-elaborados que você pode usar ao criar um fluxo de trabalho de automação de e-mails.

Com o Editor de E-mails do Mailjet, você pode escolher como criar suas campanhas, e-mails e modelos:

• Editor responsivo de arrastar e soltar: use a ampla gama de ferramentas de conteúdo do Editor de E-mails do Mailjet para criar seu cabeçalho e rodapé e diferentes seções no corpo do e-mail.
• Use HTML: para quem gosta de criar os e-mails diretamente em HTML.
• Use MJML: use a linguagem de marcação do Mailjet, MJML, a única estrutura criada para facilitar a codificação de e-mails responsivos. Economize tempo e programação com mais eficiência usando a sintaxe semântica do MJML. (Nosso editor de arrastar e soltar também gera código MJML.)

Você também pode pré-visualizar seu e-mail em diferentes dispositivos móveis no próprio Editor.

Mais uma coisa: o Editor de E-mails do Mailjet é responsivo. Isso significa que seus e-mails serão exibidos corretamente em computador, smartphone ou tablet, seja qual for o cliente de e-mail do destinatário. Legal, né?

Criar a sua campanha

Na página “Campanhas”, clique no botão “Criar uma campanha”.

A página “Criar uma nova campanha” mostra as diferentes seções da sua campanha.

Ao concluir cada seção, a marca de seleção correspondente ficará verde.

Concluídas todas as seções, você poderá enviar sua campanha ou programá-la para envio posterior.

1) Título: dê um título à sua campanha para identificá-la nos seus relatórios. É um nome interno que só você poderá ver.

2) Idioma da campanha: escolha o idioma desejado.

3) Assunto: o assunto de sua campanha, que aparecerá na caixa de entrada do seu destinatário. (Observação: o limite do assunto é de 100 caracteres. Porém, para melhorar a taxa de aberturas, evite passar de 70 caracteres.)

4) De: digite o nome que seus destinatários verão no campo “De” e selecione um endereço de envio na lista suspensa.
Endereço de resposta (opcional): se você quiser que as respostas sejam enviadas para outro endereço de e-mail, e não para o endereço “De”, clique no link e digite o endereço de e-mail.

5) Conteúdo: essa é a parte divertida! Crie seu conteúdo com o Editor de E-mails do Mailjet. Comece clicando em “Elaborar e-mail” para selecionar o modelo da campanha.

6) Lista de contatos: clique no botão “Select recipients” (Selecionar destinatários) para selecionar sua lista de contatos. Para usuários de Plano Premium, crie ou aplique uma segmentação. Para mais informações sobre segmentação, leia a Pergunta Frequente: Como segmentar/filtrar listas de contatos.

Vamos começar! Clique em “Elaborar e-mail” para selecionar o modelo da sua campanha.

Selecione um modelo de campanha

Nesta página, você pode selecionar entre as seguintes opções de modelos:

• Usar um modelo da galeria
  Escolha um dos belos modelos pré-definidos
• Usar um dos meus modelos
  Seus próprios modelos criados anteriormente

• Codificar em HTML
  Crie uma campanha usando HTML ou importe seu próprio código

  Esta opção é recomendada somente para usuários com habilidades avançadas em HTML, pois não será fornecido suporte para solução de problemas de código personalizado. No entanto, quaisquer problemas relacionados ao sistema Mailjet serão tratados por nossa equipe de suporte.

• Codificar em MJML
  Crie uma campanha usando MJML ou importe seu próprio código

  Esta opção é recomendada somente para usuários com habilidades avançadas em MJML, pois não será fornecido suporte para solução de problemas de código personalizado. No entanto, quaisquer problemas relacionados ao sistema Mailjet serão tratados por nossa equipe de suporte.

Selecionado um modelo, a próxima etapa é elaborar seu e-mail com o Editor de E-mails do Mailjet.

Ferramentas de conteúdo

Esta área inclui todos os elementos de conteúdo que aparecerão na sua mensagem (texto, imagens, botões, redes sociais, etc.).

Adicionar conteúdo é fácil: basta clicar no bloco de conteúdo e arrastá-lo até a área desejada na sua campanha. Se quiser mover esse bloco, é só arrastar e soltar até o novo local.

Clique dentro do quadro para personalizar o elemento usando a barra de ferramentas ao redor do quadro.

Asistente de IA

O Assistente de IA (impulsionado pelo ChatGPT) está totalmente integrado ao Editor de E-mails para potencializar o seu processo de criação de conteúdo. Crie textos de e-mail envolventes com facilidade, aproveitando os recursos de inteligência artificial (IA). Forneça um prompt específico para a campanha e refine o conteúdo gerado para alinhá-lo aos seus objetivos de marketing. Leve o seu email marketing a outro nível com a inovação da IA!

Para mais detalhes sobre como usar esse recurso, consulte nossa documentação do Assistente de IA.

Texto

Com a barra de ferramentas “Texto”, você pode formatar e personalizar facilmente seu bloco de texto:

• Ajustar a altura das linhas
• Alinhar o texto
• Definir a cor de fundo
• Mudar as margens
• Personalizar o conteúdo usando as propriedades do contato
• Formatar o texto (fonte, negrito, itálico, etc.)

Imagens / Galeria de Imagens

A barra de ferramentas “Imagens” oferece uma variedade de opções para aprimorar seus recursos visuais:

•  
  • Ajustar o posicionamento horizontal
  • Adicionar preenchimento para um visual mais sofisticado
  • Aplicar margem ou formato à imagem
  • Otimizar para uso em dispositivos móveis
  • Definir cor de fundo para integração perfeita

Você pode adicionar uma imagem em sua seção usando os seguintes métodos:

• Carregar: Selecione uma imagem do seu dispositivo e adicione-a facilmente à sua galeria de imagens.
• Galeria de imagens: Escolha entre sua coleção existente de imagens armazenadas na galeria de imagens para seleção e uso rápido.
• Link: Use diretamente uma imagem já existente e disponível on-line.

A galeria de imagens é um recurso do Mailjet que serve como uma central para gerenciar e organizar imagens. Para mais detalhes, confira o artigo a seguir.

Separador

Você pode adicionar uma linha separadora para separar seções ou elementos dentro de uma seção (conforme o exemplo abaixo). A barra de ferramentas “Separador” permite:

• Definir a cor de fundo
• Mudar as Margens
• Formatar a linha (design, cor, peso)
• Ajustar o espaçamento horizontal e vertical

Botão

Há várias opções disponíveis na barra de ferramentas “Botão”, incluindo:

• Raio da borda (define o arredondamento dos cantos dos botões)
• Cor, peso e estilo da borda do botão (contínua, pontilhada, tracejada, etc.)
• Definir o posicionamento horizontal e o preenchimento
• Adicionar hiperlink
• Alinhamento das fontes
• Ajustar as margens
• Personalizar o texto usando as propriedades do contato
• Formatar a fonte (família de fontes, cor, negrito, etc.)

Espaçador

Adicione um espaço em branco para separar elementos ou seções na sua newsletter. Com a ferramenta Espaçador, você pode:

• Definir a altura do espaço em branco (em pixels)
• Adicionar uma cor de fundo (opcional)

[início]

Redes sociais

Adicione seus ícones favoritos de redes sociais à sua campanha, como Facebook, Twitter, LinkedIn, Instagram, YouTube, Medium e Xing.

Clique no botão “Configurar links” para abrir o modal de configuração de redes sociais, onde você pode:

• Selecionar até 10 ícones de redes sociais
• Modificar o texto da etiqueta
• Compartilhar a versão on-line da sua newsletter de marketing para sua conta de redes sociais* ou configurar o link direto para a sua página de redes sociais.
• Crie seu próprio ícone de redes sociais clicando em “Add custom icon” (Adicionar ícone personalizado).

Para mostrar e configurar as etiquetas de texto, clique em “Exibir etiquetas”.

* A opção de compartilhamento on-line está atualmente disponível para campanhas de marketing, mas não para e-mails transacionais e de automação.

Clique nas opções do bloco (lápis) para configurar o tamanho, as formas e a cor do ícone, bem como a cor de fundo e o preenchimento da seção.

Bloco HTML

Você pode adicionar códigos HTML diretamente na sua newsletter. Arraste o bloco HTML para sua campanha e então clique no botão da barra de ferramentas para abrir a janela do editor HTML. Agora é com você!

Feed RSS

Insira posts de blogs e outros conteúdos dinâmicos nas suas campanhas com um feed RSS.

Basta arrastar a ferramenta Feed RSS para sua campanha e adicionar a URL de feed RSS na janela modal. Em seguida, selecione os itens que você deseja importar clicando na lista suspensa ou pesquisando por autor ou título.

Cada item importado aparecerá como uma seção na sua campanha, onde você poderá editar o conteúdo e a imagem como de costume.

O conteúdo RSS é recuperado apenas uma vez na importação e não será atualizado automaticamente. Se você precisar atualizar seu conteúdo RSS, basta criar um novo feed RSS e excluir o antigo.

Sempre que você adicionar uma URL a um feed RSS, ele será armazenado localmente no nível da chave de API. Na próxima vez que adicionar um bloco de conteúdo de feed RSS a uma campanha, você terá acesso aos últimos 5 feeds adicionados.

Vídeo

Para adicionar um vídeo à sua campanha, arraste a ferramenta Vídeo até o local desejado. No pop-up modal, adicione a URL de vídeo.

Serão geradas automaticamente imagens de pré-visualização para vídeos do YouTube, do Vimeo e do Dailymotion. Para todos os outros serviços de vídeo, clique em “Escolher a imagem” para adicionar sua própria imagem de pré-visualização.

Criada a miniatura, será adicionado o botão de reprodução padrão. Você pode escolher entre vários modelos para o botão de reprodução. (A imagem do botão de reprodução será redimensionada automaticamente em relação ao tamanho da miniatura. Especificamente, será 50% do lado menor [largura ou altura] da miniatura.) 

A última etapa é adicionar uma descrição simples da imagem de pré-visualização no campo “Image Alt Text” (Texto alternativo da imagem). Este texto alternativo será exibido caso seu assinante não consiga visualizar a imagem. Então, clique em “Save Video” (Salvar vídeo).

Na barra de ferramentas Vídeo, clique no botão “Vídeo” para editar seu vídeo a qualquer momento.

Contagem regressiva

Use o bloco Contagem regressiva para adicionar um temporizador em tempo real aos seus e-mails — ideal para promoções por tempo limitado, lançamentos de produtos ou lembretes de eventos. O temporizador é renderizado como uma imagem para garantir a exibição consistente em todos os clientes de e-mail. Assim que o horário definido for alcançado, a contagem regressiva será interrompida automaticamente e exibirá 00:00:00:00.

Para inserir uma contagem regressiva, abra o painel de Conteúdo e arraste o bloco Contagem regressiva para o seu modelo.

Opções de configuração

Data de término e fuso horário

Defina a data e a hora exatas em que a contagem regressiva deve chegar a zero. Você também pode selecionar um fuso horário específico no menu suspenso.

• O fuso horário padrão é baseado nas configurações da sua conta.
• O menu inclui fusos horários populares, como UTC, EST, PST e outros.

Configurações de exibição dos dígitos

Personalize a aparência dos dígitos da contagem regressiva com as opções abaixo:

• Mostrar/ocultar unidades de tempo
  Escolha quais unidades deseja exibir: dias, horas, minutos e segundos.
• Zeros à esquerda
  Ative ou desative a exibição de zeros à esquerda (por exemplo, 04 em vez de 4).
• Espaçamento entre dígitos
  Ajuste o espaçamento entre os blocos de tempo (por exemplo, 10px).
• Separador de dígitos
  Escolha como os números devem ser separados:
  • Nenhum (padrão)
  • Dois-pontos :
  • Hífen -
  • Barra vertical |
• Cor dos dígitos
  Defina a cor da fonte dos números usando um código hexadecimal ou o seletor de cor.
• Fonte dos dígitos
  A contagem regressiva suporta apenas fontes seguras para a web, garantindo compatibilidade total com os principais clientes de e-mail. As opções incluem:
  • Arial
  • Verdana
  • Tahoma
  • Georgia
  • Helvetica
  • Times New Roman

• Cor de fundo dos dígitos
  Defina uma cor de fundo atrás de cada bloco numérico para melhorar a legibilidade e adequar-se ao estilo visual do seu e-mail.

Rótulos das unidades

Ative ou desative a exibição dos rótulos das unidades de tempo (por exemplo, Dias, Horas, Minutos, Segundos) abaixo dos dígitos.

• Padrão: os rótulos estão ativados

Você também pode personalizar:

• A fonte dos rótulos (somente fontes seguras para a web)
• A cor dos rótulos

Espaçamento interno (Padding) e Bordas

Você pode personalizar o espaçamento e as bordas do bloco do temporizador de contagem regressiva para melhorar o alinhamento e a aparência visual.

Espaçamento interno (Padding)

As configurações de padding permitem controlar o espaço interno do bloco (entre o conteúdo e as bordas).

É possível ajustar o espaçamento individualmente para cada lado:

• Superior
• Inferior
• Esquerda
• Direita

Clique no ícone de 🔒 cadeado para vincular ou desvincular os valores e aplicar espaçamento simétrico.

Bordas

Na seção Bordas, você pode definir a espessura da borda para adicionar um contorno ao redor do bloco do temporizador.

• Defina o valor como 0 para remover a borda, ou aumente para adicionar espessura.

Essas opções ajudam a ajustar o layout e garantir um design mais profissional.

Componente de logotipo do Kit de Marca

Adicionamos um novo componente "Logo" ao criador de emails, facilitando ainda mais a integração de seu logotipo aos modelos.

Principais recursos:

• Se você tiver um Kit de Marca com um logotipo salvo, um componente Logo com uma visualização do seu logotipo aparecerá no construtor.

  

• Basta arrastar e soltar o logotipo em seu modelo.
• O logotipo se comporta de forma semelhante a um bloco de imagem, mas:
  • Ele é centralizado por padrão.
  • Ele não tem a barra de ferramentas de imagem padrão, simplificando seu comportamento.
  • Ele se ajustará automaticamente à cor do plano de fundo:
    • Fundo claro → variante de logotipo claro.
    • Fundo escuro → variante de logotipo escuro.
• O URL de redirecionamento do logotipo (se definido no Kit de Marca) será aplicado automaticamente ao logotipo.

Comportamento quando nenhum logotipo está disponível:

• Se o seu Kit de Marca não tiver um logotipo, o componente Logotipo ficará oculto no construtor.
• Se um logotipo for excluído do Kit de Marca, o componente Logotipo não será mais exibido.

Gerenciamento de modelos existentes:

• Os logotipos já colocados em modelos não serão removidos, mesmo que você atualize ou exclua logotipos do seu Kit de Marca.
• Se você substituir um logotipo no Kit de Marca, os modelos criados anteriormente manterão o logotipo antigo.
• Se você duplicar um modelo, o logotipo será preservado na versão duplicada.
• Se você excluir um logotipo e depois carregar um novo, deverá reinserir manualmente o novo logotipo em seus modelos.

Seções

Adicionar uma seção à sua campanha

Você pode criar sua campanha adicionando seções. Em seguida, você pode adicionar diferentes elementos (textos, botões, imagens, etc.) a cada seção. Cada seção pode ter 1, 2, 3 ou 4 colunas, com larguras variáveis.

Clique no layout desejado para a seção e então a arraste e solte para sua campanha.

Mover uma seção

Clique no plano de fundo da seção e depois nas setas para acima ou para baixo.

Duplicar uma seção

Clique dentro da seção para destacá-la e então clique no ícone de duplicar no lado direito da tela.

Excluir uma seção

Para remover uma seção do corpo da campanha, clique dentro da seção e depois clique no ícone de lixeira. Confirme a exclusão clicando no “x” vermelho.

Você também pode excluir rapidamente uma seção ou elemento arrastando-o para a área de ferramentas de conteúdo.

Seções condicionais

Você tem a opção de exibir uma seção de conteúdo para determinadas pessoas aplicando um segmento. O segmento pode ser baseado nas propriedades de contato existentes do usuário ou na atividade do usuário.

Por exemplo, você pode exibir uma seção promocional somente para mulheres ou oferecer um código de desconto para clientes que não tenham aberto suas newsletters anteriores nos últimos 3 meses.

Pedimos que confira os seus segmentos atuais. Se precisar recapitular, confira o nosso guia de segmentação.

Observação: as seções condicionais estão disponíveis apenas para contas do Plano Premium.

Clique numa seção para ver o status condicional dela. Por padrão, todas as seções são mostradas a todas as pessoas.

Para aplicar um segmento:

• Clique em “Adicionar condição”.
• Clique em “Mostrar só aos destinatários que pertencem ao segmento” e selecione um segmento da lista suspensa.
• Clique em “Salvar”.

Para remover um segmento, basta clicar em “Editar” e selecionar “Mostrar a todos os destinatários”.

[início]

Seções salvas

Cansou de criar e atualizar as mesmas seções de cabeçalho, rodapé ou seções-chave nas suas campanhas e modelos?

Você pode evitar trabalho repetido e começar a salvar suas seções importantes de campanhas/modelos com as seções salvas.
 

As seções salvas permitem salvar uma parte de sua campanha ou modelo (conteúdo, cor, formatação) para uso em seus futuros e-mails de marketing, transacionais e de automação.

Todas as seções ficam numa galeria de seções salvas, onde você pode:

• Salvar suas seções do Editor de E-mails numa galeria de seções salvas
• Soltar uma seção salva n um modelo ou vincular dinamicamente* uma seção a vários modelos ao mesmo tempo
• Trabalhar em versões de rascunho para atualizar as seções sem afetar os modelos aos quais estão vinculadas
• Editar e publicar alterações às suas seções, atualizando todos os modelos aos quais estão vinculadas, bastando apertar um botão!

* O recurso de seções salvas vinculadas dinamicamente só está disponível nos nossos Planos Premium.

Vínculos normais ou dinâmicos

Há dois tipos de seções salvas:

• Seção salva normal
  Copie sua seção salva para seu modelo ou campanha. As alterações feitas na seção salva na galeria não serão refletidas no seu modelo.
• Seção salva vinculada dinamicamente (recurso do Plano Premium)
  Vincule sua seção salva a seus modelos. Quando as mudanças são publicadas numa seção salva vinculada na galeria, todos os modelos vinculados são atualizados automaticamente. Use o modo vinculado para seções usadas em muitos de seus modelos, como cabeçalhos e rodapés.
  

Seções de rascunho e seções publicadas

A seção salva pode estar no modo de rascunho ou no modo publicado:

• Somente as seções publicadas aparecerão no menu “Minhas seções salvas” no Editor de E-mails e poderão ser adicionadas ao seu modelo de marketing ou e-mail transacional ou inclusas num fluxo de trabalho automatizado.
• Seções de rascunho não podem ser usadas em modelos e não aparecerão no menu “Minhas seções salvas” no Editor de E-mails ao criar suas campanhas, modelos ou fluxos de trabalho automatizados. Quando estiver contente com o design e o conteúdo de sua seção, basta publicá-la para ela aparecer em “Minhas seções salvas” no Editor de E-mails.

Você pode ver os status das seções em Modelos → Galeria de seções salvas.

Vincular seções a modelos é um recurso exclusivo para Planos Premium.

[início] 

Criar uma seção salva

Há duas maneiras de criar uma nova seção salva:

• Usar o criador de seções para criar uma nova seção
• Salvar uma seção de um modelo ou campanha existente por meio do Editor de E-mails

Usar o criador de seções da galeria de seções salvas

Vá para sua galeria de seções salvas, que pode ser acessada a partir de qualquer página de Modelos.

Para criar uma seção, clique em “Criar uma seção salva”.

Digite um nome para sua nova seção salva, uma descrição (opcional) e depois clique em “Criar” para continuar.

Crie sua nova seção utilizando o criador de seções, que é uma versão reduzida do Editor de E-mails.

Quando sua seção estiver pronta para uso, basta clicar em “Salvar e publicar na galeria”.

E pronto: sua primeira seção foi publicada.

Clique “Back to my sections” (Voltar às minhas seções) para voltar à galeria de seções salvas e ver sua seção recém-publicada. Agora ela pode ser usada em suas campanhas, e-mails transacionais e fluxos de trabalho de automação. :)

Continue lendo para aprender como criar uma seção a partir de um modelo/campanha existente no Editor de E-mails do Mailjet ou veja como usar as seções salvas.

A partir de uma campanha/modelo existente com o Editor de E-mails do Mailjet

Você também pode criar uma seção salva a partir de uma campanha ou modelo existente. No Editor de E-mails, selecione a seção que você deseja salvar e clique em “Criar uma seção salva” no menu.

Na janela pop-up, digite um nome e descrição (opcional) para sua seção salva.

Outra alternativa é salvar rapidamente uma seção arrastando-a para a área de ferramentas de conteúdo, à esquerda do criador.

Após escolher o nome e clicar em “Salvar”, a seção será adicionada à sua galeria de seções salvas e também será vinculada automaticamente ao modelo da qual você a criou (recurso apenas para Plano Premium). Se você estiver usando um Plano Free ou Essential, ou salvou a seção a partir de uma campanha, não será criado nenhum vínculo.

Observação: criar uma seção salva a partir do Editor de E-mails não salva nenhuma configuração de bloqueio da seção que você possa ter definido.

[início] 

Usar as seções salvas no Editor de E-mails do Mailjet

Você pode visualizar e inserir suas seções salvas no Editor de E-mails.

Inserir uma seção salva em uma campanha (apenas no modo normal)

Só é possível copiar as seções salvas como seções normais nas suas campanhas de marketing, sem nenhum vínculo para a galeria de seções salvas. Alterações feitas às seção na sua campanha são apenas locais (seções dinamicamente vinculadas só podem ser adicionadas a modelos, e falaremos delas na próxima parte deste guia).

Para inserir uma seção na sua campanha de marketing, clique em Seções de arrastar e soltar → Salvas e arraste e solte uma seção para a campanha.

Inserir uma seção salva em um modelo (modo normal ou vinculado)

Com modelos (de marketing, transacionais, automatizados), é possível copiar as seções salvas como seções regulares ou como seções vinculadas dinamicamente (somente Planos Premium).

Clique em “Minhas seções salvas” para ver todas as suas seções publicadas atualmente. Depois, é só arrastar e soltar a seção desejada até o seu modelo.

Se você tiver um Plano Free ou Essential, só poderá copiar a seção salva para seu modelo como seção regular.

Para usuários do Plano Premium, a seção salva será adicionada ao seu modelo de forma automática como uma seção vinculada dinamicamente.

Desvincular uma seção salva vinculada em um modelo

As seções vinculadas dinamicamente dentro de um modelo podem ser desvinculadas e alteradas para uma seção salva normal, permitindo que você faça alterações apenas a esse modelo específico.

Para desvincular uma seção salva que está no seu modelo no Editor de E-mails, selecione a seção e clique na opção “Desvincular”.

Observação: após desvincular uma seção, não é possível voltar atrás; não há opção de restabelecer o vínculo. Se você mudar de ideia, basta excluir a seção (que agora é normal) e inserir a seção vinculada dinamicamente de volta ao seu modelo.

[início] 

Galeria “Minhas seções salvas”

Todas as suas seções serão salvas na galeria de seções salvas, que pode ser acessada de dentro de qualquer galeria de modelos (de marketing, transacionais ou de automação). Basta clicar em “Seções salvas” em uma galeria de modelos.

As seções salvas que estão vinculadas dinamicamente a um modelo têm um ícone de vínculo. Clique no ícone de vínculo para visualizar a lista de modelos.

Exportar uma seção salva

Você pode exportar suas seções salvas para a galeria de seções salvas da subconta que preferir selecionando Opções → Exportar.

Se você exportar uma seção vinculada dinamicamente, as referências vinculadas serão removidas. A seção exportada será salva como rascunho na galeria de seções salvas da respectiva subconta.

Duplicar uma seção salva

Para duplicar uma seção salva, basta selecionar Opções → Duplicar.

Observe que, esteja você duplicando uma seção publicada ou um rascunho, a nova seção duplicada estará sempre no modo de rascunho.

Excluir uma seção salva

Só é possível excluir uma seção salva se não estiver vinculada a nenhum modelo.

Se uma seção estiver vinculada dinamicamente, será necessário abrir cada modelo e desvincular a seção salva. Para visualizar quais modelos estão vinculados a uma seção salva, clique no ícone “vínculo”.

Para excluir uma seção não vinculada, clique em Opções → Excluir.

Aplicar e remover etiquetas de uma seção salva (recurso Premium)

Use etiquetas para organizar e gerenciar melhor todas as suas seções salvas na galeria.

Por exemplo, use etiquetas para identificar tipos de seções (cabeçalho, rodapé, redes sociais), temas (feriados, locais, grupos de clientes) e muito mais.

Aplique e remova etiquetas para qualquer seção salva na galeria selecionando Opções → Aplicar etiquetas.

Para informações detalhadas sobre como criar, editar e excluir rótulos, visite a seção de gestão de etiquetas no nosso guia de gestão de modelos.

Observe que as etiquetas só estão disponíveis em Planos Premium.

[início] 

Editar seções salvas existentes

Editar uma seção salva na galeria

Em sua galeria de seções salvas, selecione Opções → Editar

Modifique a seção no criador de seções, e então salve as modificações como rascunho ou publique-as.

Atenção: após publicar as mudanças, seções vinculadas em outros modelos serão atualizadas automaticamente.

Editar uma seção salva com o Editor de E-mails do Mailjet

Você pode editar normalmente uma seção salva normal na sua campanha ou modelo a partir do Editor de E-mails.

Para editar uma seção vinculada (dinamicamente) do Editor de E-mails, clique na opção “Editar” para ser redirecionado para o criador de seções.

Faça as alterações à seção. Em seguida, salve as alterações como rascunho ou publique-as para que sejam aplicadas a todos os outros modelos vinculados.

Depois, clique em “Return to my template” (Voltar ao meu modelo) para voltar ao Editor de E-mails. 

Seções de vínculo dinâmico e downgrade do Plano Premium

Se você criar seções vinculadas dinamicamente enquanto estiver em um Plano Premium, e depois fazer downgrade um Plano Essential ou Free, os vínculos entre seções e modelos ficarão inativos. Além disso, as alterações feitas a uma seção vinculada existente não serão aplicadas aos modelos vinculados.

Se você fizer novamente o upgrade para um Plano Premium, os vínculos inativos se reativarão, e você poderá criar seções vinculadas à vontade.

Bloquear uma seção

Proteja seu design do e-mail e sua identidade de marca contra mudanças acidentais com o bloqueio de seção.

Dê a seus desenvolvedores, designers e outros membros da equipe a capacidade de controlar quem pode editar ou excluir conteúdos em seções individuais de uma campanha ou modelo, assim como todo o design e layout.

O bloqueio de seção só está disponível em Planos Premium. 

Atribuir permissões de bloqueio

Dê permissões de bloqueio ao compartilhar sua conta com os colaboradores e membros da equipe.

Escolha entre as funções predefinidas de gerente, desenvolvedor ou designer, que incluem a capacidade de bloqueio, ou crie uma função personalizada. (Para mais informações sobre as funções dos usuários, acesse o guia de compartilhamento de contas)

Bloquear uma seção (com o Editor de E-mails do Mailjet)

Para bloquear ou desbloquear a seção de uma campanha ou modelo no Editor de E-mails, basta clicar no ícone “Bloqueio de conteúdo”.

Se você não tiver permissão para bloquear ou desbloquear uma seção, aparecerá um modal pedindo para entrar em contato com o administrador da conta para obter as permissões. 

Se estiver em um Plano Essential, você precisará fazer o upgrade para um Plano Premium. 

Se você tiver permissões, aparecerá o modal de “Bloqueio de conteúdo” com os seguintes níveis de bloqueio:

Desbloquear tudo (padrão)
Não há bloqueio, e a seção fica totalmente aberta para modificações, incluindo exclusão.

Permitir apenas a edição de textos e imagens
Em outras palavras, só é possível editar o conteúdo. Não pode ser feita nenhuma alteração ao design da seção (preenchimento, alinhamentos, cores, etc.) e não se pode adicionar nem remover blocos de conteúdo da seção. É possível mover a seção e, se você permitir, excluí-la ou duplicá-la.

Bloquear tudo.
A seção fica totalmente bloqueada, e não é possível fazer alterações, exceto mover a seção.
 

Após selecionar um nível de bloqueio, clique em “Confirmar” para salvar suas alterações.

[início] 

Visualizar seções bloqueadas

Vejamos como as diferentes seções bloqueadas aparecerão no Editor de E-mails para usuários que não têm permissão para bloquear ou desbloquear seções.

Seção desbloqueada

A seção aparece normalmente no Editor de E-mails, com todos os ícones de menu dos blocos de conteúdo e botões de seção (opções de seção, mover para cima/para baixo, copiar, salvar seção, excluir).

Apenas o conteúdo da seção pode ser editado (sem exclusão da seção)

É possível mover a seção, mas todos os outros botões de seção ficam ocultos (opções de seção, copiar, excluir, salvar seção).

Seção bloqueada:

Seção não bloqueada:

E não é possível adicionar nem excluir blocos de conteúdo em uma seção aberta apenas para edição de conteúdo (sem exclusão).

Ao clicar em um bloco de conteúdo dentro de uma seção (bloqueada), as opções disponíveis serão relacionadas à edição de conteúdo. Os ícones relacionados a design, duplicação ou exclusão de blocos ficarão ocultos
 

Texto

Ferramentas disponíveis	Não disponível
• Predefinição do estilo de texto (parágrafo, título, etc.) • Variáveis • Inserir um link • Lista com marcadores • Lista numerada • Negrito, itálico, sublinhado, riscado	• Família de fontes, tamanho da fonte, cor do texto • Limpar formatação • Alinhamento • Altura da linha • Opções de bloco (preenchimento, plano de fundo) • Copiar ou excluir bloco de texto

Imagem

Ferramentas disponíveis	Não disponível
• Escolher a imagem • Editar imagem • Inserir link	• Opções de bloco (preenchimento, forma, etc.) • Copiar ou excluir bloco de imagem

Separador

Ferramentas disponíveis	Não disponível
• Sem opções	• Opções de bloco (preenchimento, forma, etc.) • Copiar ou excluir separador

Botão

Ferramentas disponíveis	Não disponível
• Inserir uma variável • Inserir link	• Família de fontes, tamanho do texto, cor do texto • Negrito, itálico, sublinhado, riscado • Limpar formatação • Alinhamento • Altura da linha • Opções de bloco (cor do botão, borda, preenchimento, etc.) • Copiar ou excluir botão

Espaçador

Ferramentas disponíveis	Não disponível
• Ajustar altura	• Opções de bloco (cor de fundo) • Duplicar ou excluir separador

Redes sociais

Ferramentas disponíveis	Não disponível
• Sem opções	• Família de fontes, tamanho do texto, cor do texto • Negrito, itálico, sublinhado, riscado • Limpar formatação • Alinhamento • Altura da linha • Opções de bloco (estilo dos ícones, preenchimento, configurar links, etc.) • Copiar ou excluir bloco de redes sociais

HTML

Ferramentas disponíveis	Não disponível
• Inserir HTML	• Copiar ou excluir bloco HTML

Apenas o conteúdo da seção pode ser editado (com exclusão da seção)

Com essa opção de bloqueio, você pode duplicar ou excluir a seção.

Todas as opções para os blocos de conteúdo (texto, imagem, botão, etc.) são iguais à opção de bloqueio “Apenas o conteúdo da seção pode ser editado (sem exclusão da seção)”.

Seção totalmente bloqueada

Seções totalmente bloqueadas não têm opções ou menus disponíveis. Não é possível modificar a seção e os blocos de conteúdo nela, mas é possível mover e salvar a seção.

[início] 

Bloquear o design geral da página

Os proprietários de contas e usuários que têm permissões de bloqueio podem bloquear as configurações de design geral no nível do modelo, incluindo:

• Layout da página (design responsivo) e cor de fundo
• Estilos de texto (cabeçalhos, parágrafos, estilos de link)
• Opções de logotipo

Para acessar esta opção de bloqueio, vá para a guia “Configurações” no Editor de E-mails e então clique em “Page design locking” (Bloqueio de design de página).

A seção “Page design locking” (Bloqueio de design de página) oferece duas opções:

• Por padrão, é selecionada a primeira opção, que permite a modificação das configurações gerais pelos usuários com permissão de bloquear seções.
• Clique na segunda opção para bloquear todas as configurações gerais (exceto Idioma). Aparecerá um pequeno ícone de bloqueio ao lado das opções bloqueadas.

Observação: se você não tiver permissões de bloqueio, não será possível acessar a opção “Page design locking” (Bloqueio de design de página). Para obter permissões de bloqueio, você precisará entrar em contato com o administrador da conta.

[início]

Colaboração em tempo real

A colaboração em tempo real permite que vários usuários trabalhem simultaneamente no mesmo modelo de e-mail ou na mesma campanha. Essa funcionalidade permite que as equipes criem, editem e finalizem modelos de e-mail com eficiência, sem os atrasos associados à edição sequencial ou à troca de rascunhos por e-mail ou por outros canais de comunicação.

Principais recursos:

1. Edição simultânea
   Vários usuários podem acessar e editar o modelo de e-mail ao mesmo tempo. As alterações feitas por um usuário ficam visíveis instantaneamente para os demais, garantindo que todos os colaboradores estejam trabalhando com a versão mais atualizada do modelo.
2. Comentários e sugestões
   Os colaboradores podem deixar comentários ou sugestões diretamente no modelo de e-mail. Esse recurso facilita a discussão e o feedback dentro do próprio modelo, reduzindo a necessidade de canais de comunicação externos ou de longas trocas de e-mails.
3. Visualização ao vivo
   Uma visualização ao vivo permite que os colaboradores vejam como o e-mail aparecerá para os destinatários conforme as edições são feitas. Isso ajuda a garantir que o modelo final seja visualmente atraente e funcione como esperado em diferentes clientes de e-mail e dispositivos.

Com o recurso de Colaboração em tempo real, você pode fazer exatamente isso: compartilhar sua conta com sua equipe e permitir que várias pessoas trabalhem simultaneamente no Editor de e-mails!

Lista de usuários colaboradores

Quando dois ou mais usuários estão trabalhando simultaneamente em um modelo no Editor de e-mails, cada um é representado por um círculo colorido exibindo suas iniciais. Você pode passar o mouse sobre qualquer círculo para ver o nome completo do usuário.

Usuários editando seções e blocos

O bloco ou a seção que está sendo editado é destacado na cor associada ao usuário que está fazendo as alterações, com o nome completo exibido nessa área. Você também pode ver, em tempo real, as atualizações que outros usuários estão realizando.

Comentários em tempo real

Você não precisa mais esperar que seus colegas terminem de editar um e-mail para poder revisá-lo. Enquanto uma seção estiver sendo editada, ela ficará temporariamente bloqueada, mas você ainda poderá ver as alterações conforme acontecem.

Além disso, o recurso de comentários integrado permite que você se comunique com facilidade com sua equipe diretamente no editor de e-mails. Essa colaboração em tempo real simplifica o processo de criação e design de e-mails, tornando-o mais ágil e eficiente.

Publicando um modelo

Para evitar a publicação acidental de modelos incompletos, recomenda-se que o titular principal da conta limite as permissões de publicação a usuários específicos. Essa abordagem garante que os modelos sejam publicados somente após serem revisados e aprovados.

Os colaboradores podem receber acesso para criar e editar modelos, mas não para publicá-los. Essa configuração permite que a etapa final de publicação seja gerenciada exclusivamente por pessoas autorizadas.

[início]

Cabeçalho, rodapé e texto de pré-visualização

Cabeçalho

O cabeçalho da campanha contém estes dois elementos importantes:

• Resumo do e-mail
  Para personalizar o resumo do e-mail, basta clicar no texto e fazer suas alterações.
   
• Link de visualização on-line
  Este link permite que seu destinatário visualize seu e-mail num navegador da web. O link é gerado automaticamente, e não é necessário fazer alterações.

Pré-visualização do texto

A pré-visualização do texto, também conhecida como pré-cabeçalho, é o texto mostrado após o assunto ao visualizar seu e-mail na caixa de entrada.

Normalmente, resume seu e-mail numa frase curta e pode ajudar seu e-mail a se destacar numa caixa de entrada lotada.

Para alterar a pré-visualização do texto, clique no ícone de lápis na tela de design do Editor de E-mails, e então clique em “Pré-visualização do texto”.

Se você não fornecer uma pré-visualização de texto personalizada, será exibido o resumo do e-mail.

Rodapé

O rodapé-padrão da campanha contém um link para cancelar a assinatura e o endereço de contato (representado pela variável especial [[EMAIL_TO]])

Você pode personalizar totalmente o rodapé conforme a sua marca. Basta clicar dentro da seção do rodapé e usar as barras de ferramentas que surgirem para personalizar o design do rodapé.

Se você olhar o hiperlink do link-padrão de cancelamento de assinatura, você verá uma variável especial de cancelamento:

[[UNSUB_LINK_LOCALE]]

Essa variável é usada para cancelar a assinatura do destinatário da lista de contatos. (A parte “LOCALE” representa o idioma da campanha e define o idioma das páginas subsequentes de cancelamento de assinatura, que é processado automaticamente pelo Editor de E-mails).

Você pode personalizar o rodapé (incluindo o link para cancelar a assinatura), desde que mantenha o [[UNSUB_LINK_LOCALE]] para permitir que seus destinatários cancelem a assinatura das suas listas de e-mails.

Atenção: a lei obriga você a colocar um link de cancelamento de assinatura na sua campanha. Portanto, se não tiver link para cancelar a assinatura, o Editor de E-mails readicionará automaticamente o rodapé-padrão ao salvar, pré-visualizar ou enviar sua campanha ou modelo.

[início]

Idioma da página de cancelamento de inscrição

Use esta configuração para escolher em qual idioma será exibida a sua página de cancelamento de inscrição quando um contato clicar no link de cancelamento de inscrição em emails que utilizam este modelo. O idioma selecionado aqui se aplica somente à página de cancelamento de inscrição, não ao restante do conteúdo do email.

Abra o painel Idiomas, vá até Página de cancelamento de inscrição e escolha o idioma desejado na lista suspensa. Os idiomas disponíveis aqui dependem da experiência de cancelamento de inscrição que você configurou para seus destinatários (Padrão, Página personalizada ou Centro de preferências).

Se o idioma de que você precisa não estiver na lista, clique em Gerenciar página de cancelamento de inscrição para abrir o Gerenciador de página de cancelamento de inscrição e adicionar ou editar os idiomas compatíveis com a experiência de cancelamento de inscrição escolhida.

Kit de Marca

Com a funcionalidade de Kit de Marca, você pode manter facilmente a consistência da sua marca em todos os seus templates e campanhas de email. O Kit de Marca permite definir elementos de branding, como logotipos, fontes e cores, que são aplicados globalmente para garantir uma aparência uniforme.

Para saber mais sobre como configurar e usar o seu Kit de Marca, consulte este guia: Kit de Marca da Mailjet.

Configurações de estilo geral

Com poucos cliques, formate facilmente os estilos de texto de todos os seus parágrafos, cabeçalhos e hiperlinks na sua newsletter ou em seu modelo.

Para acessar os estilos gerais de texto, clique na guia “Configurações”.

Como sugere o nome, a opção “Global Style” (Estilo geral) define a família de fontes e as cores para todos os elementos listados (cabeçalhos, parágrafos, links), assim como o cabeçalho e o rodapé da newsletter.

Então, você pode personalizar ainda mais o estilo para cada um dos elementos de cabeçalho, parágrafo e link.

Por último, se você quiser ter um estilo de texto diferente para um determinado cabeçalho ou parágrafo na sua campanha, basta mudar o estilo d o texto como de costume usando a barra de ferramentas da seção.

Opções de logotipo

Ao criar uma campanha usando o Editor de e-mail, um logotipo Powered by Mailjet é adicionado automaticamente ao rodapé.

Você pode escolher entre cinco esquemas de cores diferentes para o logotipo na seção Opções de logotipo da guia Configurações.

Para remover o logotipo da Mailjet, selecione Sem logotipo. Essa opção está disponível em todos os planos pagos, exceto no plano Starter.

Nos planos Free e Starter, ao selecionar Sem logotipo, você será solicitado a fazer upgrade da sua assinatura.

Importação de fontes personalizadas

Adicione fontes personalizadas do Google ou fontes hospedadas na web a suas newsletters de marketing e modelos transacionais e de automação usando o Editor de E-mails.

As fontes personalizadas são salvas por modelo. Fontes adicionadas em um modelo/newsletter não são adicionadas automaticamente a modelos e newsletters recém-criados ou escolhidos na galeria.

Dica: duplique ou exporte seu modelo/newsletter para manter suas fontes personalizadas.

Para adicionar uma fonte personalizada, clique na lista suspensa “Família de fontes” dentro de um elemento de texto e selecione “Add a web font” (Adicionar uma fonte da web).

Neste momento, você pode adicionar uma das mais de 800 fontes da web do Google ou um link para uma fonte hospedada na web por meio de um arquivo CSS.

Adicionar uma fonte do Google

Comece a digitar o nome de uma fonte do Google. Assim que você selecionar uma fonte na lista preditiva, a janela de pré-visualização exibirá a fonte nova. Você também pode alterar o texto na seção de pré-visualização “sua fonte” (até 15 caracteres).

A seção de pré-visualização também exibe uma fonte de fallback.

Enquanto alguns dos principais clientes de e-mail suportam fontes da web personalizadas (Apple Mail, Android Mail, iOS Mail, Outlook 2016 OSX, etc.), outros não dão suporte a elas, como: Gmail, Yahoo! Mail e Outlook 2003. Nesses casos, será exibida a fonte de fallback no lugar da fonte do Google.

Após selecionar uma fonte personalizada, clique em “Adicionar fonte”.

Todas as fontes personalizadas serão adicionadas ao topo da lista de fontes em ordem alfabética.

Você é fã de fontes? Confira as fontes do Google para saber mais sobre tipografia.

Adicionar outras fontes da web

Para adicionar sua própria fonte da web personalizada, digite a URL no arquivo CSS que contém as informações da fonte da web. Aparecerá uma nova lista suspensa mostrando todas as fontes encontradas no arquivo CSS. Basta clicar na fonte que você deseja importar e depois clicar em “Adicionar fonte”.

Adicionar uma fonte alternativa

Uma fonte alternativa é uma fonte de backup que é exibida quando o cliente de e-mail do destinatário não suporta ou não consegue renderizar a fonte principal usada no seu design — seja ela uma fonte personalizada ou uma fonte segura para a web. Isso garante que sua mensagem continue legível e visualmente consistente em diferentes clientes de e-mail.

Para adicionar uma fonte alternativa ao seu modelo de e-mail:

1. Clique no ícone de engrenagem (⚙️) no painel à esquerda do Editor de E-mails para abrir o menu de Configurações.
   
2. No menu de Configurações, expanda a seção Estilos de texto. Você verá opções como Parágrafo, Título 1, Título 2, entre outras.
3. Role até o final e clique em Adicionar fonte alternativa.
4. Selecione uma fonte segura para a web no menu suspenso (por exemplo, Arial, Verdana ou Times New Roman). Uma pré-visualização será exibida abaixo da seleção.
   
5. Clique em Salvar para aplicar a fonte alternativa.

A fonte alternativa será usada automaticamente caso a fonte principal não seja compatível com o cliente de e-mail do destinatário.

[início]

Personalização de conteúdo

Você pode personalizar o texto e o assunto da newsletter adicionando as suas propriedades de contato. Selecione o quadro de texto onde você deseja exibir o conteúdo personalizado. Na barra de menu, clique em “Variáveis”.

Selecione a propriedade de contato desejada.

Em seguida, digite o texto na caixa “Valor predefinido”. Se seu contato não tiver um “firstname” (nome), aparecerá o texto predefinido.

Gerenciar sua visualização móvel

Você pode organizar como aparecerão as colunas em cada seção da sua mensagem num dispositivo móvel: Stacked (Empilhadas) (padrão) ou Side by Side (Lado a lado)

Para alterar a exibição de uma coluna, clique no plano de fundo da seção e depois clique no ícone “Selection Options” (Opções de seleção).

Marque as opções “Keep multiple columns on mobile” (Manter várias colunas em dispositivos móveis) para exibir colunas lado a lado. Aparecerá na seção um pequeno ícone azul, indicando que as colunas serão mostradas lado a lado em dispositivos móveis.

Clique em “Pré-visualizar e testar” para ver como ficarão suas colunas lado a lado.

Design Responsivo (Largura total vs. centrado)

Nossa ferramenta permite que você crie newsletter com design responsivo. Isto significa que sua newsletter pode reagir e se adaptar conforme a largura da sua tela de visualização. Sua campanha vai ficar com um visual belíssimo em qualquer dispositivo: computador/notebook, celular ou tablet.

A guia de configurações dá duas opções de design responsivo:

• Largura total: a largura da campanha se ajustará automaticamente à largura da tela de visualização.
• Centrado: a largura do corpo da campanha principal fica estática, seja qual for a largura da tela de visualização.
   

Ativar a otimização para modo escuro

A funcionalidade de otimização para modo escuro melhora a forma como o seu e-mail é exibido quando o destinatário utiliza o modo escuro no cliente de e-mail. Ela adiciona metatags e regras de CSS para evitar alterações inesperadas de cores.
Vale lembrar que alguns clientes de e-mail ainda podem ignorar ou sobrescrever essas configurações.

Etapas para ativar a otimização para modo escuro:

1. Clique no ícone de engrenagem (⚙️) no painel esquerdo do Editor de E-mails para abrir o menu de Configurações.
   
2. Expanda a seção Renderização no cliente de e-mail.
3. Ative a opção Otimização para modo escuro.
4. Clique em Visualizar para ver como seu e-mail será exibido no modo escuro.

Essa opção ajuda a garantir que o seu design continue legível e visualmente consistente em diferentes dispositivos e clientes de e-mail que oferecem suporte ao modo escuro.

[início]

Pré-visualizar sua campanha

Para pré-visualizar sua campanha, clique em “Pré-visualizar e testar → Pré-visualizar e-mail”.

Você pode pré-visualizar a campanha em diferentes dispositivos:

Pré-visualização de e-mails

Atualmente, no Editor de E-mails, oferecemos a possibilidade de testar como será um modelo ou campanha em diferentes dispositivos (tamanhos de tela). Essa pré-visualização dá uma noção apenas da capacidade de resposta do design, mas cada cliente de e-mail tem suas especificidades.

O problema dos e-mails é que cada caixa de entrada (Apple Mail, Outlook, Yahoo!, Gmail e todas as outras) exibem o mesmo e-mail de forma muito diferente. Nos esforçamos ao máximo para oferecer o melhor resultado em todos os clientes de e-mail, mas não temos controle sobre as regras definidas por esses clientes. Por exemplo, até mesmo o Gmail não renderiza as fontes do Google, e não tem como resolver esse problema (a não ser o próprio Gmail!).

Por isso, é muito importante testar seu e-mail em todos os clientes de e-mail que seu público está usando para verificar se todas as pessoas estão vendo sua mensagem da maneira esperada.

Para ajudar você a fazer isso, acabamos de lançar um novo recurso para visualizar seu e-mail exatamente como ele será exibido ao ser lido por seus contatos.

Descubra nosso recurso de “pré-visualização de e-mails” AQUI. 

Enviar um e-mail de teste

Você pode enviar um e-mail de teste (campanha) para até 10 destinatários a qualquer momento.

Para enviar uma campanha de teste, clique em “Pré-visualizar e testar → Enviar um e-mail de teste”.

Salvar sua campanha

Para salvar sua campanha, selecione “Salvar meu e-mail” ou “Salvar e sair”.

Para salvar sua campanha como modelo, selecione “Salvar como modelo”.

Vamos dar uma olhada nas etapas para salvar sua campanha como modelo:

Na primeira vez em que você salvar uma campanha como modelo, será necessário inserir um nome de modelo. Você pode sobrescrever o nome-padrão do modelo ou digitar um novo nome de modelo.

Para este exemplo, vamos inserir um novo nome de modelo. Depois clique em “Confirmar” para criar seu modelo.

Para ver seu novo modelo, clique em “Voltar à seleção de modelos” no menu principal e então clique em “Usar um dos meus modelos”.

Enviar sua campanha

Após você usar todo o seu talento para criar uma campanha maravilhosa, quando estiver tudo pronto para enviar sua campanha, clique em “Review & Send” (Revisar e enviar) na janela de design do Editor de E-mails.

Voltando à página “Criar uma nova campanha”, você pode revisar todas as seções e fazer mudanças.

Quando todas as seções estiverem completas (cada seção tem uma marca de verificação verde), você terá a opção de programar sua campanha com até 60 dias de antecedência ou enviá-la imediatamente.

Parabéns por ter enviado sua primeira campanha.

[início]