Codifique su propio contenido code-content

En esta página: Aprenda a escribir o pegar HTML sin procesar en el editor de código Designer de correo electrónico para generar contenido de correo electrónico, incluido cómo agregar personalización y las funciones de fecha y hora disponibles.

Codifique su propio código le permite escribir o pegar HTML sin procesar para crear contenido de correo electrónico directamente en el Designer de correo electrónico de Journey Optimizer. Utilice este modo cuando necesite control total sobre el marcado o cuando importe HTML existente.

Debe tener habilidades con HTML y, una vez que elija este modo, permanecerá en el editor de código; no puede cambiar al editor visual.

➡️ Descubra esta función en vídeo

NOTE
Codifique usted mismo no es lo mismo que el editor de HTML avanzado del Designer de correo electrónico. El editor avanzado de HTML permite alternar entre la vista de HTML y la vista visual (Escritorio) en cualquier momento, no el editor de código. Más información sobre el editor de HTML avanzado.

Utilizar el editor de código use-code-editor

Para crear o editar contenido de correo electrónico con el editor de código, siga estos pasos.

  1. En la página de inicio de Enviar correo electrónico a Designer, seleccione Codifique su propio código.

  2. Introduzca o pegue el código de HTML sin procesar.

  3. Utilice el panel izquierdo para aprovechar las capacidades de personalización de Journey Optimizer. Más información

    note
    NOTE
    El editor de personalización de Email Designer tiene algunas limitaciones de funciones en comparación con las expresiones de recorrido. Más información sobre las limitaciones de funciones de fecha y hora
  4. Si desea borrar el contenido y comenzar con un nuevo diseño de correo electrónico, seleccione Cambiar el diseño en el menú de opciones.

    note
    NOTE
    Esta acción abre la plantilla seleccionada en el Diseñador de correo electrónico. A partir de ahí, puede completar el diseño del correo electrónico o volver al editor de código utilizando la opción Cambiar al editor de código.
  5. Haga clic en el botón Vista previa para comprobar el diseño y la personalización del mensaje con perfiles de prueba. Más información

  6. Una vez que el código esté listo, haga clic en Guardar y a continuación, vuelva a la pantalla de creación de mensajes para finalizar el mensaje.

CAUTION
No se puede hacer referencia a las imágenes de Adobe Experience Manager Assets al usar el código con su propio método. Almacene las imágenes a las que se hace referencia en su código HTML en una ubicación pública.

Limitaciones de funciones de fecha y hora date-time-limitations

Al utilizar la personalización en el editor de código Designer de correo electrónico, la función now() no está disponible para los cálculos de fechas dinámicas.

IMPORTANT
La función now() es no compatible en el idioma de expresión del Generador de correo electrónico. Aunque now() está disponible en condiciones de recorrido, no se puede usar en el contenido del correo electrónico ni en el editor de código.

Alternativas disponibles:

Utilice las siguientes funciones para trabajar con la fecha y la hora actuales en la personalización del correo electrónico:

  • getCurrentZonedDateTime(): devuelve la fecha y la hora actuales con información de zona horaria. Esta es la alternativa recomendada a now().

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

  • currentTimeInMillis(): devuelve el tiempo actual en milisegundos epoch.

    Ejemplo: {%= currentTimeInMillis() %}

Soluciones recomendadas:

Si necesita realizar cálculos de fechas en el contenido del correo electrónico:

  • Campos de fecha precalculados: calcule los valores de fecha requeridos en la canalización de datos o los atributos de perfil antes de enviar el correo electrónico y, a continuación, haga referencia a estos valores precalculados en la personalización.

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

  • Usar funciones de manipulación de fechas - Usar funciones de fecha y hora como dayOfYear() o diffInDays() con valores de fecha de atributos de perfil.

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

  • Use atributos calculados - Cree atributos calculados que realicen cálculos de fechas complejos, haciendo que los resultados estén disponibles como atributos de perfil.

Consulte Funciones de fecha y hora para obtener una lista completa de las funciones compatibles.

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