Show Menu
TÓPICOS×

Criar e-mails do zero

Saiba mais sobre como dominar 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.

Etapas principais para criar seu email

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 estrutura de email.
  3. Insira componentes de conteúdo e fragmentos nos componentes da estrutura. Consulte Adicionar 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 seu email. See Personalizing the subject line of an email .
  7. Visualize seu email.
  8. Salve o conteúdo e prossiga com a mensagem depois de certificar-se de que definiu um público-alvo e programou o envio corretamente.
Você também pode conferir este vídeo de introdução.
Para evitar a criação de conteúdo de email do zero, você pode usar modelos de conteúdo prontos para uso. Para obter mais informações, consulte Modelos de conteúdo.

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.
    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.
    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 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 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 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 .
  1. Selecione Fallback view para exibir a imagem de fallback no Designer de email.
  • Text
    Use este componente para inserir texto em seu email. É possível ajustar a cor, o estilo e o tamanho do 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.
    Um componente HTML gratuito é editável com opções limitadas. Se todos os estilos não estiverem incorporados, certifique-se de adicionar o CSS correto na seção head do código HTML; caso contrário, o e-mail não responderá. Use o Preview botão para testar a capacidade de resposta do seu conteúdo (consulte Visualizar mensagens ).
    Para simplesmente tornar um conteúdo externo compatível com o Email Designer, a 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.
    O novo conteúdo não será a cópia exata do seu email original, mas as etapas abaixo o guiarão pela criação de uma mensagem que estará o 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 diferentes partes.
  • Video
    Use este componente para inserir um vídeo em seu email.
    Insira o componente de vídeo em um componente de estrutura do email e insira o link de vídeo no Component Settings .
  • Image
    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 .
  • Carousel
    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.
    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 :