O novo e aprimorado editor de emails da ActiveCampaign (lançado em 2022) facilita mais do que nunca a criação de emails com branding e alto desempenho dentro da plataforma. Com ênfase na confiabilidade e em uma interface do usuário fácil de navegar, este editor de emails oferecerá a melhor experiência possível para criar campanhas ideais e engajar seus clientes.
Observação
- O editor de emails estará disponível pelo fluxo de trabalho padrão de campanhas, tanto na seção "Email" quanto na seção "Automações". Isso significa criar um email do zero selecionando "Padrão" ou "Automatizada" como tipo de campanha após clicar em "Criar uma campanha" na seção de email. Você também pode acessar o novo editor criando uma Automação e adicionando um email
- Se você começar com o novo editor, não poderá mudar para o editor legado dessa campanha. Em vez disso, você precisaria criar uma nova campanha com o editor legado
- Você pode usar as cores do seu kit de marca no seletor de cores em todo o editor de emails
Usando o editor de emails
Para criar campanhas com o Editor de emails, você usa o que é conhecido como Estruturas e Blocos. Essas ferramentas de design são encontradas em duas partes de menu divididas no menu lateral principal:
- Conteúdo.
- Configurações globais.
As opções do menu de conteúdo do editor de emails
A guia Conteúdo no Editor de emails ajuda a criar a estrutura de uma campanha. Isso inclui
- Estruturas (com contêineres)
- Blocos
Uma Estrutura é um elemento de arrastar e soltar que você pode usar para criar diferentes tipos de blocos de conteúdo em sua campanha. Você pode arrastar e soltar quantas estruturas precisar para o seu design.
Cada Estrutura tem um certo número de contêineres. Você pode escolher uma estrutura que contenha 1, 2, 3 ou 4 contêineres. Esses contêineres permitem que você use várias funções de campanha em um bloco de conteúdo. Por exemplo, você pode colocar uma estrutura com dois contêineres em sua campanha e usar um contêiner para uma caixa de texto e outro para um arquivo de imagem.
Você pode configurar o dimensionamento e a aparência geral de contêineres individuais dentro de uma estrutura clicando na opção “Para estruturar” perto da parte superior do menu lateral:
Quando você clica nessa opção, você verá um novo menu:
Aqui você pode editar itens como recuo e espaçamento de cada contêiner. Se você clicar em “Para contêiner” na mesma parte superior do menu lateral, você será direcionado para as opções de menu da campanha como um todo.
Uma vez que você coloque suas Estruturas desejadas em sua campanha, você pode começar a preenchê-las com blocos específicos.
OBSERVAÇÃO: se você quiser adicionar outro contêiner a uma estrutura, você pode clicar no sinal de mais no canto superior direito. Depois que esse contêiner for adicionado, você poderá ajustá-lo facilmente ao tamanho dos outros contêineres, clicando no botão igual (=).
Um Bloco é o tipo específico de conteúdo que você deseja incluir em sua campanha. A seguir, você encontra os tipos de blocos que você pode usar para projetar sua campanha:
- Imagem
- Texto
- Botão
- Espaçador
- Vídeo
- Social
- Banner
- Temporizador
- Menu
- HTML para código personalizado
Para saber mais sobre as opções de blocos mais recentes – Banner, Timer e Menu – acesse Blocos do editor de emails explicados.
Uma vez aplicados, você pode clicar em cada um desses elementos para personalizá-los com cores, tamanhos de fonte, links e muito mais. Para usar qualquer um deles, você precisa arrastá-lo e soltá-lo em seu modelo e, em seguida, editá-lo.
As opções do menu Configurações globais do editor de emails
Na guia Configurações globais, você pode editar seus elementos de estrutura. Você encontrará as seguintes seções de edição na guia Configurações globais:
- Configurações gerais
- Seções
- Cabeçalhos
- Botão
- Formatação para dispositivos móveis
Cada uma dessas seções personaliza ainda mais o estilo da sua campanha.
Configurações gerais
Em Configurações gerais, você pode ajustar coisas como largura e fonte da mensagem. Aqui está uma lista completa de possibilidades:
Largura da mensagem. A largura padrão é definida como 600 px, mas você pode definir qualquer tamanho entre 320 e 900 px.
Espaçamento padrão. O espaçamento é o espaço ao redor de uma estrutura, como texto ou imagem. Use essa opção para aumentar ou diminuir o espaçamento. O espaçamento padrão será aplicado automaticamente a todas as novas estruturas adicionadas ao email pela aba "Conteúdo". O valor é definido em pixels.
Cor de fundo e imagem. Configure sua cor de fundo e imagem preferidos com base no seu conteúdo de email.
Fonte. Use sua fonte preferida.
Espaçamento de linha e parágrafo. Defina suas próprias preferências de espaçamento entre linhas de texto e parágrafos.
Sublinhar links. Escolha se você gostaria que seus links aparecessem sublinhados ou não.
Design responsivo. Habilitar essa função pode ajudar a melhorar a versão móvel da sua campanha. No entanto, os resultados podem variar em diferentes dispositivos. Se essa função estiver desativada, a versão móvel da sua campanha espelhará a versão desktop.
Guia de direção de texto da direita para a esquerda (RTL). Se este controle for ativado, então, a direção de texto será automaticamente da direita para a esquerda.
Seções
O menu Seções controla as linhas Cabeçalho, Conteúdo, Rodapé e Informações. Em cada uma dessas subseções, você pode personalizar o Tamanho do texto, o Tamanho da fonte e a Cor do link.
Cabeçalhos
Aqui você pode definir estilo, tamanho, cor, negrito e itálico padrão da fonte dos títulos H1, H2, H3.
Botão
O menu Botão permite definir alguns parâmetros que serão usados para todos os botões no email por padrão
Você pode personalizar configurações de botões como cor, fonte, borda e muito mais. Observe que definir as configurações nesta seção pode solicitar opções adicionais de menu.
Formatação para dispositivos móveis
Para criar uma versão otimizada para celular da sua campanha, use as opções de formatação para celular. Essas configurações só funcionarão na versão móvel da campanha.
Para visualização em dispositivos móveis, você pode configurar:
- Dimensionamento H1, H2 e H3
- Tamanho do texto do botão
- Largura do botão
- Margem de conteúdo