Code

Un élément code correspond à l’emplacement où l’on cherche à insérer manuellement des lignes de code HTML ou CSS. Ces éléments permettent une personnalisation plus poussée des emails et s’intègrent depuis votre email dans l’Email Builder. Ils seront utiles pour ajouter des éléments spécifiques comme des blocs conditionnels.

Dans la conception des emails, la flexibilité et la personnalisation sont des atouts majeurs pour améliorer la performance des campagnes envoyées. Parmi les éléments disponibles, la possibilité d’ajouter du code manuellement permet de répondre à des besoins spécifiques, tels que l’intégration de blocs conditionnels.

Par exemple, l’utilisation d’un bloc conditionnel permet d’afficher du contenu différent en fonction de critères prédéfinis (exemple : Afficher un prénom dans un texte lorsque celui-ci est renseigné dans la base de données).

Cette personnalisation peut être anticipée avec l’Email Builder et ainsi vous éviter de rajouter du code brut manuellement une fois l’email exportée. Il sera plus simple de localiser les blocs à conditionner depuis l’Email Builder que dans le code html. 

L’intégration de code dans un email se fait généralement en HTML. 

Le HTML reste la structure de base, mais d’autres langages peuvent s’y greffer pour personnaliser l’email. Par exemple, on peut ajouter :

• HTML pour la structure et le contenu.
• CSS pour styliser les éléments.
• Variables personnalisées pour l'insertion de données dynamiques. Pour plus d'informations sur la gestion des variables de test, vous pouvez vous référer à l’article : Gérer les variables de test
• Code conditionnel pour personnaliser le contenu affiché selon le profil ou les actions du destinataire.

Dans un email, le code doit être simple et optimisé pour s’adapter à tous les clients de messagerie, car tous ne supportent pas des technologies plus avancées comme le JavaScript. En règle général, nous constatons un usage de l’élément code pour glisser du code issu des outils de routage. 

L’élément « Code » se trouve dans l’onglet « Éléments »  du volet de conception. Comme pour tout autre élément, il suffit de le glisser-déposer depuis le volet de gauche vers l’espace de conception pour l'intégrer.

Dans l’espace de conception de votre email, vous n’aurez plus qu’à double-cliquer sur l’élément pour y entrer ou copier/coller le code HTML. Vous pouvez par exemple y insérer vos variables et fonctions récurrentes, afin de ne plus avoir à les modifier dans vos campagnes après export.

L'élément code peut être insérer : 

• dans une section,
• dans un groupe,
• sur un arrière-plan.

Dès lors que vous insérez un élément avec du code dedans, l’Email Builder ne peut pas l'interpréter, le rendu n’est donc pas visible dans votre interface, le lien miroir ou l'aperçu. Pour vérifier et valider le rendu final de l’email qui contient un élément code, veuillez effectuer un test préalable (un test par email) à partir de votre outil de routage.