Il est possible de créer un courriel en HTML, mais il est plutôt recommandé d'utiliser l'éditeur glisser-déposer qui présente plus de possiblités. L'éditeur HTML ne permet l'ajout de personnalisation avancée basée sur les données de votre projet DI. Si vous voulez tout de même utiliser l'éditeur HTML, vous devrez structurer votre contenu et créer votre style vous-même. L'édition HTML peut être utile dans le cas où vous avez un modèle de courriel en HTML créé à l'extérieur de Dialog Insight.
Chemin d'accès : Communications → Courriels |
Étape 1 : Créer le courriel
Lorsque vous créez un nouveau courriel, sélectionnez l'option HTML. Comme pour un courriel standard en mode glisser-déposer, vous devrez indiquer un type de communication, un objet et un expéditeur.
Ressources |
Étape 2 : Ajouter un lien de désabonnement
Pour ajouter un lien de désabonnement configuré par DI, cliquez sur Lier un outil DI sous Libairie de liens, puis sélectionnez Désabonnement :
Ajoutez le lien avec la langue correspondante à cette version. Si vous avez plusieurs langues pour ce courriel, refaites cela pour chaque langue (version).
Il y a une contrainte technique pour le lien de désabonnement. Vous devez l'insérer à la fois dans la version HTML ET la version Texte également pour qu'il soit accepté. 
Étape 3 : Ajouter du style
Pour le style en CSS, vous pouvez l'ajouter dans une balise <style> à l'intérieur du <head> ou vous pouvez l'ajouter inline à travers votre HTML.
Étape 4 : Ajouter du contenu
Pour ajouter du contenu, vous avez 3 modes :
Pour le HTML, assurez-vous de copier le code dans la vue HTML.
Lorsque vous voulez insérer du contenu comme une image ou de la personnalisation à l'aide des outils dans le panneau de gauche, placez le curseur à l'endroit où vous voulez ajouter ce contenu.
Il est conseillé d'enregistrer vos modifications au fur et à mesure afin de ne rien perdre.
Si vous ajoutez une image dans un message, assurez-vous d'ajouter un texte alternatif qui sera affiché lorsque les images ne s'afficheront pas ou lorsque le pointeur de la souris sera sur l'image. Cette option est importante lorsque le destinataire du message reçoit le courriel, puisque les images sont souvent bloquées par mesures préventives. Le texte alternatif permettra alors de rejoindre le destinataire en présentant de l'information sur le sujet du message sans que les images ne s'affichent dans le courriel.
Exemple : <img src="http:// repsolution.com/images/monimage.gif" width="10" height="10" alt="Texte affiché quand l'image ne l'est pas">.
Comme vos images seront appelées à l’ouverture, elles doivent être accessibles d’Internet et donc utiliser un chemin absolu complet (http://...).
Il est très important que vos balises <img src=…> contiennent les informations sur la hauteur et la largeur des images pour ne pas altérer la structure du message. Assurez-vous de réduire la taille de vos images au minimum pour qu'elles s'affichent plus rapidement.
L'option Prévisualiser avec du texte permet de voir comment l'image est alignée au texte.
→ En savoir plus sur l'utilisation des images
Exemple : Bonjour [[=Contact.f_FirstName;]],
| Opérationnel | Type de lien qui permet d’ajouter un lien codé dans le message qui engendre une action automatique. Un lien opérationnel pourrait ainsi servir dans le cas d'un message qui comporterait les options Je serai présent et Je ne serai pas présent et que, lorsque l’utilisateur clique sur un de ces liens, l’information est enregistrée directement dans le champ correspondant dans la fiche d’un contact. Ces hyperliens sont créés depuis la section Configuration > Messages > Liens opérationnels. * Si vous utilisez des messages en V1 et V2, vous devrez préciser également la version du lien à utiliser. |
| Version Web | Type de lien qui ajoute tout simplement un hyperlien dans le message permettant à l’internaute de visualiser le contenu identique dans une fenêtre de navigateur. Les options de personnalisation et de statistiques demeurent fonctionnelles lorsque cette version est affichée. Vous avez l'option pleine page qui permet de ne pas afficher la personnalisation (c'est-à-dire sans De, À,Objet, Date), ainsi qu'une option permettant de ne pas afficher le lien dans la version Web. Le texte des en-têtes sera généralement adapté à la langue du navigateur du destinataire. Donc, un navigateur français présentera les en-têtes en français, et un navigateur anglais les présentera en anglais. Les cultures disponibles sont fr-CA et en-US (pour français et anglais respectivement). |
| Désabonnement | Type de lien qui permet d’ajouter le lien de désabonnement requis dans tous les messages, sauf ceux qui sont automatisés (envoyés sur inscription). Cela ajoutera cette ligne au code source de votre message. Exemple <a href="[[=Message.Optout("fr-CA");]]">Désabonnement</a> |
| Concours | Type de lien qui ouvre la page d'un concours. |
| Sondage | Type de lien qui ouvre la page d'un sondage. |
| Processus d'activité | Type de lien qui donne accès à un formulaire d'inscription créé dans le module de gestion des activités. |
| Mise à jour de profil | Type de lien qui donne un accès sécurisé à un formulaire de mise à jour du profil intégré ailleurs que dans Dialog Insight. |
| Processus d'affaires | Type de lien qui dirige le destinataire vers un processus d'affaires. |