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:
- 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.
-
Na tela de configuração da jornada ou campanha, vá até a tela Editar conteúdo para acessar o Designer de email. Saiba mais
-
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.
-
-
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.