Criação de emails 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 principais etapas 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 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 Inserir um campo de personalização, Inserir um link e Definir conteúdo dinâmico em um email.
  6. Defina a linha de assunto do email. Consulte Personalizar a linha de assunto de um email.
  7. Pré-visualizar seu email.
  8. Salve o conteúdo e prossiga com a mensagem depois de garantir que você tenha definido um público-alvo e agendado o envio corretamente.

Você também pode verificar este vídeo de introdução.

OBSERVAÇÃO

Para evitar projetar o conteúdo de email do zero, é possível usar templates de conteúdo prontos para uso. Para obter mais informações, consulte Modelos de conteúdo.

Definir estrutura de email

O Designer de email permite que você defina facilmente a estrutura do seu email. 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 que você precisa 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 colocado 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. Vários componentes de estrutura compostos de uma ou mais colunas estão disponíveis.

    Selecione o componente 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

    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.

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

Uso de um pré-cabeçalho

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

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

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

OBSERVAÇÃO

Observe que o pré-cabeçalho não é compatível com todos os programas de email. Quando não houver suporte, o pré-cabeçalho não será exibido.

Uso de componentes de conteúdo

Os componentes do 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 para dentro do componente de estrutura ou para outro componente de estrutura.

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

Button

Se você precisar usar vários botões, em vez de editar cada botão do zero, poderá duplicar o componente 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 fragmento.

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

Text

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

Divider

Use esse componente para inserir uma linha divisória no 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 criar componentes HTML modulares gratuitos.

OBSERVAÇÃO

Um componente HTML gratuito é editável com opções limitadas. Se todos os estilos não estiverem em linha, adicione o CSS correto na seção head do código HTML; caso contrário, o email não será responsivo. Use o botão Preview para testar a capacidade de resposta do seu conteúdo (consulte Pré-visualização de mensagens).

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 email existente em fragmentos e componentes.

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

OBSERVAÇÃO

O novo conteúdo não será a cópia exata do seu email original, mas as etapas abaixo guiarão você pela criação de uma mensagem que será a mais próxima possível.

Antes de copiar o conteúdo

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

Vídeo

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

OBSERVAÇÃO

Observe que o vídeo não é compatível com todos os programas de email. Quando não houver suporte, o fallback será exibido.

Imagem

Use esse componente para inserir uma imagem no seu email.

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

Social

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

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

  2. Navegue para selecionar imagens de seu computador.

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

  4. Selecione uma imagem de fallback de 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.

OBSERVAÇÃO

O componente carrossel é compatível com as seguintes plataformas de email: Apple Mail 7, Apple Mail 8, Outlook 2011 para Mac, Outlook 2016 para Mac, Mozilla Thunderbird, iPad e iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox e Safari).

Tópicos relacionados:

Nesta página