Introdução ao design de email get-started-content-design

É possível importar um conteúdo existente para o Journey Optimizer ou aproveitar os recursos de design de conteúdo:

  • Usar os recursos de design de email do Journey Optimizer para criar ou importar emails responsivos. Saiba mais

  • Aproveitar o Adobe Experience Manager Assets Essentials para enriquecer seus emails e criar e gerenciar seu próprio banco de dados de ativos. Saiba mais

  • Encontrar fotos do Adobe Stock para criar seu conteúdo e melhorar o design de emails. Saiba mais

  • Melhore a experiência dos clientes criando mensagens personalizadas e dinâmicas com base em seus atributos de perfil. Saiba mais sobre personalização e conteúdo dinâmico.

➡️ Descubra este recurso no vídeo

Práticas recomendadas de design de email best-practices

Ao enviar emails, é importante levar em consideração que os destinatários podem encaminhá-los, o que às vezes pode causar problemas na renderização do email. Isso acontece especialmente ao usar classes CSS que podem não ser compatíveis com o provedor de email usado para encaminhamento. Por exemplo, se estiver usando a classe CSS “is-desktop-hidden” para ocultar uma imagem em dispositivos móveis.

Para minimizar esses problemas de renderização, é recomendado manter a estrutura do design de emails o mais simples possível. Tente usar um único design que funcione bem tanto para desktops quanto para dispositivos móveis e evite usar classes CSS complexas ou outros elementos de design que possam não ser totalmente compatíveis com todos os clientes de email. Ao seguir essas práticas recomendadas, você ajuda a garantir que seus emails sejam renderizados corretamente de forma consistente, independentemente de como sejam visualizados ou encaminhados pelos destinatários.

Consulte na tabela abaixo as práticas recomendadas de design de emails:

Recomendado
Use com cuidado
Não recomendado
  • Layouts estáticos baseados em tabela para a estrutura
  • Tabelas em HTML e tabelas aninhadas para consistência do layout
  • Larguras do modelo entre 600 px e 800 px
  • CSS simples e em linha para o estilo
  • Fontes seguras para a web para compatibilidade universal
  • Imagens de fundo podem não aparecer em certas plataformas de email.
  • Fontes da web personalizadas não têm compatibilidade universal.
  • Layouts largos podem ser exibidos incorretamente em telas menores.
  • Os mapas de imagem oferecem funcionalidade limitada.
  • O CSS incorporado às vezes é removido durante a entrega do email.
  • Geralmente, o JavaScript não é compatível com ambientes de email.
  • Tags <iframe> estão bloqueadas na maioria das plataformas.
  • O Flash está obsoleto e não é mais compatível.
  • Áudios integrados muitas vezes não podem ser reproduzidos.
  • Vídeos integrados são incompatíveis com várias plataformas de email.
  • Formulários não funcionam nos emails.
  • A disposição em camadas de <div> pode causar problemas de renderização.

Etapas principais para criar conteúdo de email key-steps

Depois de adicionar um email em uma jornada ou campanha, você pode começar a criar o conteúdo do email.

  1. Na tela de configuração da jornada ou campanha, vá até a tela Editar conteúdo para acessar o Designer de email. Saiba mais

  2. Na página inicial do Designer de email, escolha uma das seguintes opções para criar o design do email:

    • Projete seu email do zero através da interface do Designer de email e aproveite as imagens do Adobe Experience Manager Assets. Saiba como criar o design do conteúdo de email nesta seção.

    • Codifique ou cole um HTML bruto diretamente no Designer de email. Saiba como codificar seu próprio conteúdo nesta seção.

      note note
      NOTE
      Em uma campanha, você também pode selecionar o botão Editor de código da tela Editar conteúdo. Saiba mais
    • Importar conteúdo HTML existente de um arquivo ou uma pasta .zip. Saiba como importar um conteúdo de email nesta seção.

    • Selecionar um conteúdo existente de uma lista de modelos incorporados ou personalizados. Saiba como trabalhar com modelos de email nesta seção.

  3. Depois que o conteúdo do email tiver sido definido e personalizado, você poderá exportar o conteúdo para validação ou para uso posterior. Clique em Exportar HTML para salvar em seu computador um arquivo zip que contém o HTML e os ativos.

Vídeos tutoriais video

Saiba como criar conteúdo de email com o editor de mensagens.

Saiba como configurar experimentos de conteúdo para testes A/B e explorar o conteúdo de email que melhor impulsiona seus objetivos de negócios.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76