Sur cette page : découvrez comment écrire ou coller du code HTML brut dans l’éditeur de code du concepteur d’e-mail pour créer du contenu d’e-mail, y compris comment ajouter une personnalisation et les fonctions de date et d’heure disponibles.
L’option Coder le vôtre vous permet d’écrire ou de coller du code HTML brut pour créer du contenu d’e-mail directement dans le concepteur d’e-mail de Journey Optimizer. Utilisez ce mode lorsque vous avez besoin d’un contrôle total sur les balises ou lors de l’import de codes HTML existants.
Vous devez posséder des compétences HTML et, une fois ce mode sélectionné, rester dans l’éditeur de code ; vous ne pouvez pas passer à l’éditeur visuel.
➡️ Découvrez cette fonctionnalité en vidéo
Utiliser l’éditeur de code use-code-editor
Pour créer ou modifier du contenu d’e-mail à l’aide de l’éditeur de code, procédez comme suit :
-
Dans la page d’accueil du concepteur d’e-mail, sélectionnez Coder le vôtre.
-
Saisissez ou collez votre code HTML brut.
-
Utilisez le volet de gauche pour tirer parti des fonctionnalités de personnalisation Journey Optimizer. En savoir plus
note NOTE L’éditeur de personnalisation du Concepteur d’e-mail présente certaines limitations de fonction par rapport aux expressions de parcours. En savoir plus sur les limitations des fonctions date/heure -
Pour effacer le contenu de votre e-mail et en recréer un à partir d’une nouvelle conception, sélectionnez Modifier votre conception dans le menu Options.
note NOTE Cette action ouvre le modèle sélectionné dans le concepteur d’e-mail. À partir de là, vous pouvez soit terminer la conception de votre e-mail, soit revenir à l’éditeur de code à l’aide de l’option Basculer vers l’éditeur de code. -
Cliquez sur le bouton Aperçu pour vérifier la conception et la personnalisation des messages à l’aide de profils de test. En savoir plus
-
Une fois votre code prêt, cliquez sur Enregistrer, puis revenez à l’écran de création du message pour finaliser votre message.
Limitations des fonctions de date/heure date-time-limitations
Lors de l’utilisation de la personnalisation dans l’éditeur de code du Concepteur d’e-mail, la fonction now() n’est pas disponible pour les calculs de date dynamiques.
now() n’est pas prise en charge dans le langage d’expression du créateur d’e-mail. Bien que now() soit disponible dans des conditions de parcours, il ne peut pas être utilisé dans le contenu d’e-mail ou l’éditeur de code.Solutions disponibles :
Servez-vous des fonctions suivantes pour utiliser la date et l’heure actuelles dans la personnalisation d’e-mail :
-
getCurrentZonedDateTime(): renvoie la date et l’heure actuelles avec les informations de fuseau horaire. C’est la solution alternative recommandée ànow().Exemple :
{%= getCurrentZonedDateTime() %}renvoie2024-12-06T17:22:02.281067+05:30[Asia/Kolkata]. -
currentTimeInMillis(): renvoie l’heure actuelle en millisecondes au format Epoch.Exemple :
{%= currentTimeInMillis() %}
Solutions recommandées :
Si vous devez effectuer des calculs de date dans le contenu de votre e-mail :
-
Précalculer les champs de date : calculez les valeurs de date requises dans votre pipeline de données ou les attributs de profil avant d’envoyer l’e-mail, puis référencez ces valeurs précalculées dans votre personnalisation.
Exemple :
{%= profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate %} -
Utiliser des fonctions de manipulation de date : utilisez des fonctions date/heure telles que
dayOfYear()oudiffInDays()avec des valeurs de date provenant d’attributs de profil.Exemple :
{%= formatDate(profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate, "MM/dd/YY") %} -
Utiliser des attributs calculés : créez des attributs calculés qui effectuent des calculs de date complexes et qui rendent les résultats disponibles sous forme d’attributs de profil.
Pour obtenir la liste complète des fonctions prises en charge, consultez Fonctions de date et d’heure.
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 tonow()(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. UsegetCurrentZonedDateTime()(recommended) orcurrentTimeInMillis(). - 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.