Nesta página: saiba como criar conteúdo de email do zero no Adobe Journey Optimizer Email Designer adicionando estruturas e componentes de conteúdo e, em seguida, personalizando e visualizando seu email.
Use o Designer de email do Adobe Journey Optimizer para definir facilmente a estrutura do seu conteúdo. Ao adicionar e mover elementos estruturais com ações simples de arrastar e soltar, você pode projetar a forma do conteúdo em segundos.
Para começar a criar o conteúdo, siga as etapas abaixo:
-
Na página inicial do Designer, selecione a opção Design do zero.
-
Acelere sua criação de email com Gerar conteúdo e gere conteúdo de email completo com texto e imagens usando o Gerar conteúdo completo com IA.
-
Comece a criar seu conteúdo arrastando e soltando Estruturas na tela para definir o layout do seu email.
note NOTE O empilhamento de colunas não é compatível com todos os programas de email. Quando não houver suporte, as colunas não serão empilhadas. -
Adicione quantas Estruturas forem necessárias e edite suas configurações no painel dedicado à direita.
Selecione o componente n:n coluna 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.
note NOTE O tamanho de cada coluna não pode ser inferior a 10% da largura total do componente de estrutura. Não é possível remover uma coluna que não esteja vazia. -
Expanda a seção Conteúdo e adicione quantos elementos forem necessários em um ou mais componentes da estrutura. Saiba mais sobre componentes de conteúdo
-
Cada componente pode ser personalizado ainda mais com as guias Configurações ou Estilo do menu direito. Por exemplo, é possível alterar o estilo do texto, o preenchimento ou a margem de cada componente. Saiba mais sobre alinhamento e preenchimento
-
No Seletor de ativos, você pode selecionar diretamente os ativos armazenados na biblioteca do Assets. Saiba mais sobre o gerenciamento de ativos
Clique duas vezes na pasta que contém seus ativos. Arraste e solte-os em um componente de estrutura.
-
Insira campos de personalização para personalizar seu conteúdo de atributos de perfis, associações de público-alvo, atributos contextuais e muito mais. Saiba mais sobre a personalização de conteúdo
-
Clique em Habilitar conteúdo de condição para adicionar conteúdo dinâmico e adaptar o conteúdo aos perfis direcionados com base em regras condicionais. Introdução ao conteúdo dinâmico
-
Clique na guia Links no painel esquerdo para exibir todas as URLs do seu conteúdo que serão rastreadas. Você pode modificar o Tipo de Rastreamento ou o Rótulo e adicionar Marcas, se necessário. Saiba mais sobre links e rastreamento
-
Se necessário, é possível personalizar ainda mais o email clicando em Alternar para o editor de código no menu avançado. Isso permite editar o código-fonte do email, por exemplo, para adicionar rastreamento ou tags de HTML personalizadas. Saiba mais sobre o editor de código
note caution CAUTION Não é possível reverter para o designer visual desse email após alternar para o editor de código. -
Quando o conteúdo estiver pronto, use qualquer método de simulação para verificar a renderização. Você pode escolher exibir no desktop ou em um dispositivo móvel. Informações detalhadas estão disponíveis na seção Gerenciamento de conteúdo.
-
Você também pode validar a qualidade do seu conteúdo para avaliar a legibilidade, a eficácia e a coesão do conteúdo. Saiba mais sobre validação da qualidade do conteúdo
-
Quando o conteúdo estiver pronto, clique em Salvar.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to design email content from scratch in the Email Designer by adding structure and content components, defining columns, personalizing, adding dynamic content and links, and previewing before saving.
Intents:
- Start an email from the Design from scratch option and add structure components
- Define the number and width of columns in a structure component
- Add content components, personalization fields, and dynamic (conditional) content
- Review and configure tracked links from the Links tab
- Preview rendering with a simulation method and validate content quality
- Switch to the code editor for advanced source editing
Glossary:
- Design from scratch: The Designer home page option to start building content by adding structures and components (product-specific)
- Structure components: Elements that define the layout of the email, added by drag and drop into the canvas (product-specific)
- n:n column: A structure component whose number of columns can be defined between 3 and 10 (product-specific)
- Switch to code editor: An advanced-menu option to edit the email source code (for example to add tracking or custom HTML tags) (product-specific)
Guardrails:
- The n:n column component supports between 3 and 10 columns.
- Each column size cannot be under 10% of the total width of the structure component.
- You cannot remove a column that is not empty.
- After switching to the code editor, you cannot revert back to the visual designer for that email.
- Stacking columns is not compatible with all email programs; when not supported, columns will not be stacked.
Terminology:
- Canonical name: Structure components — Acronym: n/a — variants: Structures, structure component
- Synonyms: “Design from scratch” = starting content with no template
- Do not confuse: “Structure components” (define layout) ≠ “Content components” (elements placed inside structures)
- Do not confuse: “Settings tab” ≠ “Style tab” (both used to customize components)
FAQ:
- Q: How many columns can a structure have? — Between 3 and 10, defined with the n:n column component.
- Q: Can I make a column narrower than 10%? — No, each column size cannot be under 10% of the total width of the structure component.
- Q: Can I go back to the visual designer after using the code editor? — No, you cannot revert back to the visual designer for that email after switching to the code editor.
- Q: How do I check rendering before saving? — Use either simulation method to check rendering, choosing the desktop or mobile view.
- Q: Where do I manage tracked links? — In the Links tab from the left pane, where you can modify Tracking Type or Label and add Tags.