Criação de emails do zero

Saiba como principal a edição de conteúdo de email. Com o Designer de email, você pode criar emails e modelos começando com ou sem seu próprio conteúdo predefinido.

Estas são as etapas principais para criar e projetar um conteúdo de email do zero usando o Designer de email:

1. Crie um email e abra seu conteúdo.
2. Adicionar componentes de estrutura para moldar o email. Consulte Edição da estrutura do email.
3. Insira componentes de conteúdo e fragmentos nos componentes da estrutura. Consulte Adição de fragmentos e componentes de conteúdo.
4. Adicione imagens e edite o texto do email. Consulte Inserção de imagens.
5. Personalize seu email adicionando campos de personalização, links e assim por diante. Consulte Inserção de um campo de personalização, Inserção de um link e Definição de conteúdo dinâmico em um email.
6. Defina a linha de assunto do seu email. Consulte Personalização da linha de assunto de um email.
7. Visualizar seu email.
8. Salve o conteúdo e prossiga com a mensagem depois de verificar se você definiu um público-alvo e agendou o envio corretamente.

Você também pode fazer check-out vídeo de introdução.

Definição da estrutura de email

O Designer de email permite definir a estrutura do email com facilidade. Ao adicionar e mover elementos estruturais com ações simples de arrastar e soltar, você pode projetar a forma do seu email em segundos.

Para editar a estrutura de um email:

1. Abra um conteúdo existente ou crie um novo conteúdo de email.

2. Acesse o Structure components selecionando o + ícone à esquerda.

   

3. Arraste e solte os componentes de estrutura necessários para moldar o email.

   

   Uma linha azul materializa o local exato dos componentes da estrutura antes de soltá-la. Você pode soltá-lo acima, entre ou abaixo de qualquer outro componente, mas não dentro.

   OBSERVAÇÃO

   Observe que a pilha de colunas não é compatível com todos os programas de email. Quando não houver suporte, as colunas não serão empilhadas.

   Depois de colocado no email, você não pode mover nem remover seus componentes, a menos que já haja um componente de conteúdo ou um fragmento inserido.

4. Vários componentes de estrutura compostos de uma ou mais colunas estão disponíveis.

   Selecione o n:n column para definir o número de colunas de sua escolha (entre 3 e 10). Você também pode definir a largura de cada coluna movendo as setas na parte inferior de cada coluna.

   

   OBSERVAÇÃO

   O tamanho de cada coluna não pode ser inferior a 10% da largura total do componente de estrutura. Não é possível remover uma coluna que não esteja vazia.

Após definir a estrutura, é possível adicionar fragmentos de conteúdo e componentes ao email.

Uso de um pré-cabeçalho

Um pré-cabeçalho é um texto curto de resumo que segue a linha de assunto ao visualizar um email na sua caixa de entrada. O pré-cabeçalho fornece uma taxa de abertura mais alta.

Selecione o Preheader editar e completar o conteúdo.

Você pode adicionar um Content block, um Dynamic content ou um Personalization fields no conteúdo do pré-cabeçalho.

Uso de componentes de conteúdo

Os componentes de conteúdo são componentes brutos e vazios que podem ser editados depois de colocados no email.

Você pode adicionar quantos componentes de conteúdo desejar em um componente de estrutura. Também é possível movê-los dentro do componente de estrutura ou para outro componente de estrutura.

Esta é a lista dos componentes disponíveis no Designer de email:

Button

Se precisar usar vários botões, em vez de editar cada botão do zero, você poderá duplicar o Button usando a barra de ferramentas contextual.

Também é possível salvar botões em fragmentos que podem ser reutilizados. Para obter mais informações, consulte Criação de um fragmento de conteúdo e Salvar conteúdo como um fragmento.

Selecionar Fallback view para exibir a imagem de fallback no Designer de email.

Text

Use esse componente para inserir texto no email. É possível ajustar a cor, o estilo e o tamanho do texto no Component Settings.

Divider

Use esse componente para inserir uma linha divisória no email. É possível selecionar a cor, o estilo e o tamanho da linha de quebra em Component Settings.

HTML

Use este componente para copiar e colar as diferentes partes do HTML existente. Isso permite criar componentes de HTML modulares gratuitos.

Para simplesmente tornar um conteúdo externo compatível com o Designer de email, o Adobe recomenda criar uma mensagem do zero e copiar o conteúdo do seu email existente em fragmentos e componentes.

Quando tiver um conteúdo que não pode ser recriado, você pode copiar e colar o código HTML do email original usando o Html componente de conteúdo. Familiarize-se com o HTML antes de continuar.

Antes de copiar seu conteúdo

1. No email original, identifique as seções reutilizáveis nas seções que serão exclusivas de cada email enviado.
2. Salve todas as imagens e ativos que deseja usar.
3. Se você estiver familiarizado com o HTML, divida o conteúdo original do HTML em partes diferentes.

Vídeo

Insira o componente de vídeo em um componente de estrutura do email e insira o link de vídeo na Component Settings.

Imagem

Use esse componente para inserir uma imagem em seu email.

Insira o componente de imagem em um componente de estrutura e clique em procurar para carregar um arquivo de imagem do seu computador.

Social

Use esse componente para inserir links para páginas de redes sociais no seu email. Você pode selecionar quais links deseja exibir e o tamanho do ícone em Component Settings.

Carrossel

1. Arraste e solte a Carousel dentro de um componente de estrutura.

2. Navegue para selecionar imagens do seu computador.

   

3. No Settings defina o número de miniaturas que deseja incluir no carrossel.

4. Selecione uma imagem de fallback do computador.

   

O componente Carrossel não é compatível com todos os programas de email. Faça upload de um fallback para exibir uma imagem, caso o carrossel não seja compatível com o email.

Tópicos relacionados:

• Criação de um email
• Seleção de um público em uma mensagem
• Agendamento de mensagens
• Visualização de mensagens
• Renderização de email

Recursos do Business.Adobe.com

Offer Management Email Creation Email Deliverability Email Testing Omnichannel Marketing Email Service Providers