Programar seu próprio conteúdo code-content

Nesta página: saiba como escrever ou colar HTML bruto no editor de código do Email Designer para criar conteúdo de email, incluindo como adicionar personalização e as funções de data e hora disponíveis.

O código seu permite escrever ou colar HTML bruto para criar conteúdo de email diretamente no Designer de email do Journey Optimizer. Use esse modo quando precisar de controle total sobre a marcação ou ao importar HTML existente.

Você deve ter habilidades com o HTML e, depois de escolher esse modo, permanece no editor de código; não é possível alternar para o editor visual.

➡️ Conheça este recurso no vídeo

NOTE
O código que você mesmo possui não é o mesmo que o editor avançado do HTML no Designer de email. O editor avançado do HTML permite alternar entre a visualização do HTML e a visualização visual (desktop) a qualquer momento, não o editor de código. Saiba mais sobre o editor avançado do HTML.

Usar o editor de código use-code-editor

Para criar ou editar conteúdo de email usando o editor de código, siga estas etapas.

  1. Na página inicial do Email Designer, selecione Codifique o seu próprio.

  2. Digite ou cole seu código HTML bruto.

  3. Use o painel esquerdo para aproveitar os recursos de personalização do Journey Optimizer. Saiba mais

    note
    NOTE
    O editor de personalização no Email Designer tem algumas limitações de função em comparação às expressões de jornada. Saiba mais sobre as limitações de função de data/hora
  4. Se quiser limpar o conteúdo do email e criar um email utilizando um novo design, selecione Alterar o design no menu de opções.

    note
    NOTE
    Essa ação abre o modelo selecionado no Designer de email. Em seguida, você pode concluir o design do seu email ou voltar para o editor de códigos usando a opção Alternar para o editor de códigos.
  5. Clique no botão Visualizar para verificar o design da mensagem e a personalização usando perfis de teste. Saiba mais

  6. Quando o código estiver pronto, clique em Salvar e volte para a tela de criação de mensagens para finalizar a mensagem.

CAUTION
As imagens do Adobe Experience Manager Assets não podem ser referenciadas ao usar o método Codifique você mesmo. Armazene imagens referenciadas no código HTML em um local público.

Limitações da função de data e hora date-time-limitations

Ao usar a personalização no editor de código do Email Designer, a função now() não está disponível para cálculos de data dinâmicos.

IMPORTANT
A função now() não tem suporte no idioma de expressão do Construtor de Email. Embora o now() esteja disponível em condições de jornada, ele não pode ser usado no conteúdo do email ou no editor de código.

Alternativas disponíveis:

Use as seguintes funções para trabalhar com a data e hora atuais na personalização de email:

  • getCurrentZonedDateTime() - Retorna a data e a hora atuais com informações de fuso horário. Esta é a alternativa recomendada para now().

    Exemplo: {%= getCurrentZonedDateTime() %} retorna 2024-12-06T17:22:02.281067+05:30[Asia/Kolkata]

  • currentTimeInMillis() - Retorna a hora atual em milissegundos da época.

    Exemplo: {%= currentTimeInMillis() %}

Soluções alternativas:

Se precisar realizar cálculos de data no conteúdo do email:

  • Pré-calcular campos de data - Calcule os valores de data necessários no seu pipeline de dados ou atributos de perfil antes de enviar o email e, em seguida, faça referência a esses valores pré-calculados na sua personalização.

    Exemplo: {%= profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate %}

  • Usar funções de manipulação de data - Use funções de data/hora como dayOfYear() ou diffInDays() com valores de data de atributos de perfil.

    Exemplo: {%= formatDate(profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate, "MM/dd/YY") %}

  • Usar atributos computados - Crie atributos computados que executam cálculos de data complexos, disponibilizando os resultados como atributos de perfil.

Consulte Funções de data e hora para obter a lista completa das funções com suporte.

AI Knowledge Reference

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 use the Code your own mode to write or paste raw HTML in the Email Designer code editor to build email content, add personalization, and work with date and time using the available functions and workarounds.

Intents:

  • Write or paste raw HTML to build email content using Code your own
  • Add personalization using the left pane of the code editor
  • Preview the message design and personalization using test profiles
  • Clear content and start a new design with Change your design
  • Work with current date and time using available functions and recommended workarounds

Glossary:

  • Code your own: A mode to write or paste raw HTML to build email content directly in the Email Designer; once chosen, you stay in the code editor and cannot switch to the visual editor (product-specific)
  • Advanced HTML editor: A different feature that lets you toggle between HTML view and the visual (Desktop) view at any time; not the same as Code your own (product-specific)
  • getCurrentZonedDateTime(): Returns the current date and time with time zone information; the recommended alternative to now() (product-specific)
  • currentTimeInMillis(): Returns current time in epoch milliseconds (product-specific)

Guardrails:

  • You must have HTML skills; once you choose Code your own, you stay in the code editor and cannot switch to the visual editor.
  • The now() function is not supported in the Email Builder’s expression language; while available in journey conditions, it cannot be used within email content or the code editor.
  • The personalization editor in the Email Designer has some function limitations compared to journey expressions.
  • Images from Adobe Experience Manager Assets cannot be referenced when using Code your own; store referenced images in a public location.

Terminology:

  • Canonical name: Code your own — Acronym: n/a — variants: code editor, code your own content
  • Synonyms: “Code your own” = “code editor mode”
  • Do not confuse: “Code your own” (code editor only, no switch to visual editor) ≠ “advanced HTML editor” (toggles between HTML view and visual Desktop view)

FAQ:

  • Q: Can I switch from the code editor to the visual editor? — No; once you choose Code your own, you stay in the code editor. (The separate advanced HTML editor does allow toggling between HTML and Desktop views.)
  • Q: Can I use now() in email content or the code editor? — No; now() is not supported in the Email Builder’s expression language, though it is available in journey conditions. Use getCurrentZonedDateTime() (recommended) or currentTimeInMillis().
  • Q: Can I reference AEM Assets images in Code your own? — No; store images referenced in your HTML code in a public location.
  • Q: How can I perform date calculations in email content? — Pre-calculate date fields in your data pipeline or profile attributes, use date manipulation functions with profile date values, or use computed attributes.
recommendation-more-help
journey-optimizer-help