Criar e-mails do zero

Saiba como principal a edição de conteúdo de email. Com o Email Designer, 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. Adicione componentes de estrutura para moldar o email. Consulte Editar a estruturade email.
3. Insira componentes de conteúdo e fragmentos nos componentes da estrutura. Consulte Adicionar fragmentos e componentesde 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 Inserir um campode personalização, Inserir um link e Definir conteúdo dinâmico em um email.
6. Defina a linha de assunto do seu email. See Personalizing the subject line of an email.
7. Pré-visualizar seu email.
8. Salve o conteúdo e prossiga com a mensagem depois de certificar-se de que definiu uma audiência e agendou corretamente o envio.

Você também pode conferir este vídeo deintrodução.

Definição da estrutura do email

O Designer de e-mail permite que você defina facilmente a estrutura de seu e-mail. 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 navegador Structure components selecionando o ícone + à esquerda.

   

3. Arraste e solte os componentes de estrutura necessários para moldar seu 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 inserido no email, não é possível mover nem remover seus componentes, a menos que já exista um componente de conteúdo ou um fragmento inserido dentro dele.

4. Estão disponíveis vários componentes de estrutura compostos por uma ou mais colunas.

   Selecione o n:n column componente para definir o número de colunas de sua escolha (entre 3 e 10). Também é possível definir a largura de cada coluna movendo as setas na parte inferior de cada coluna.

   

   Observação

   Cada tamanho de coluna não pode estar abaixo de 10% da largura total do componente de estrutura. Não é possível remover uma coluna que não esteja vazia.

Depois que a estrutura for definida, você poderá adicionar fragmentos de conteúdo e componentes ao seu email.

Uso de um precabeçalho

Um precabeçalho é um breve texto de resumo que segue a linha de assunto ao exibir um email da sua caixa de entrada. O pré-cabeçalho oferece uma taxa de abertura mais alta.

Selecione a caixa de Preheader edição e preencha o conteúdo.

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

Uso de componentes de conteúdo

Os componentes do conteúdo são componentes brutos e vazios que podem ser editados depois de enviados por 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 Email Designer:

Button

Se precisar usar vários botões, em vez de editar cada botão do zero, você pode duplicado o Button componente 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 Criar um fragmento de conteúdo e Salvar conteúdo como um fragmento.

Selecione Fallback view para exibir a imagem de fallback no Designer de e-mail.

Text

Use este componente para inserir texto em seu email. Você pode ajustar a cor, o estilo e o tamanho do seu texto em **Component Settings**.

Divider

Use este componente para inserir uma linha divisória em seu email. Você pode selecionar a cor, o estilo e o tamanho da linha de quebra em **Component Settings**.

Html

Use esse componente para copiar e colar as diferentes partes do seu HTML existente. Isso permite que você crie componentes HTML modulares gratuitos.

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

Quando você tem um conteúdo que não pode ser recriado, é possível copiar e colar o código HTML do email original usando o componente de Html conteúdo. Conheça o HTML antes de continuar.

**Antes de copiar seu conteúdo**

1. Em seu email original, identifique as seções reutilizáveis das seções que serão exclusivas para cada email que você enviará.
1. Salve todas as imagens e ativos que deseja usar.
1. Se você estiver familiarizado com HTML, divida seu conteúdo HTML original em diferentes partes.

Vídeo

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

Imagem

Use este 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 computador.

Social

Use este componente para inserir links para páginas de mídia social em seu email. Você pode selecionar em quais links deseja exibir e o tamanho do ícone deles em Component Settings.

Carrossel

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

2. Navegue para selecionar imagens do seu computador.

   

3. No Settings painel, defina o número de miniaturas que deseja usar no carrossel.

4. Selecione uma imagem de fallback do seu computador.

   

O componente carrossel não é compatível com todos os programas de email. Carregue um fallback para exibir uma imagem em vez disso, quando o carrossel não for suportado no email.

Tópicos relacionados:

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