Afin de vous permettre de réaliser plus facilement vos emailings via l'éditeur de Message Business, dans cet article, vous verrez comment :

• Préparer la structure d'un emailing avant de le créer dans Message Business
• Construire un tableau
• Ajouter une couleur de fond
• Gérer la mise en forme des textes
• Insérer une image
• Insérer un lien
• Personnaliser le contenu d'un emailing
• Signification des icônes de l'éditeur WYSIWIG

Préparer la structure d'un emailing avant de le créer dans Message Business

Un Emailing est avant tout une page HTML. Pour que le rendu et la mise en page de votre Emailing soit celui souhaité (et préparé) et pour optimiser sa délivrabilité, son code HTML doit respecter certaines règles : la vraie valeur de votre Emailing réside donc son HTML. Quelque soit l'éditeur HTML utilisé, nous vous recommandons de créer un modèle avant de le reproduire dans votre éditeur et ce afin de limiter l'apparition de codes parasites qui pourraient altérer l'affichage et la délivrabilité de vos opérations.

Par exemple, l’éditeur WYSIWIG (What You See Is What You Get)  de Message Business permet de générer automatiquement le HTML de votre Emailing à partir de vos manipulations. Ainsi, chaque modification dans votre contenu produit de nouvelles lignes de code qui seront lues et interprétées par les messageries de réception afin d'afficher votre emailing.

Bien que l’éditeur WYSIWIG puisse rappeler des logiciels comme Word ou Outlook, les différentes modifications apportées au contenu peuvent altérer le code final. Par exemple, changer plusieurs fois la couleur de police ajoute autant de fois le code de la couleur appliquée dans le HTML : si ces codes sont en conflit, des problèmes d'affichage pourront alors être constatés dans la messagerie de réception.

La mise en place d'un modèle vous permettra donc de limiter vos modifications dans votre éditeur et donc dans le HTML de votre opération.

Pour créer un Emailing et disposer d'un HTML le plus optimal, il est donc nécessaire de :

• Comprendre la logique de réalisation d’un Emailing
• Préparer en amont la structure de votre Emailing

Comprendre la logique de construction d’un Emailing

Afin que l'affichage de votre emailing soit respecté dans les messageries de réception, nous vous recommandons de toujours privilégier la mise en place d'un tableau qui permettra de figer les éléments à un emplacement précis. Votre Emailing sera ainsi un tableau composé de colonnes et de cellules qui pourront contenir des images, du texte, ou les deux à la fois, en fonction de vos besoin.

Pour optimiser l'affichage et la délivrabilité de vos campagnes, nous vous recommandons par ailleurs de ne pas procéder à des copier / coller de logiciels tels que Word, Outlook, PowerPoint, etc. En effet, ces logiciels ont leur propre HTML et celui-ci peut être mal interprété par les messageries de réception.

Si vous souhaitez copier le contenu texte de votre Emailing, copiez-le en texte brut en utilisant éventuellement un éditeur texte tels que Bloc-Notes et faites la mise en page avec l’éditeur Message Business.

Préparer en amont la structure de votre Emailing

Avant de créer votre opération sous Message Business, il est nécessaire de préparer la structure de votre emailing en mettant en place un schéma. Vous pourrez ainsi déterminer la structure de votre emailing et donc de votre tableau. Au cours de cette étape, vous serez amener à :

• Définir où seront placés les images, le texte, le logo etc.
• Préparer vos images format JPG, GIF ou PNG afin qu'elles fassent moins de 200Ko.

 Revenir au début

Construire un tableau

L'insertion d'un tableau dans votre emailing vous permettra d'agencer plus facilement vos contenus et permet de fixer chaque zone. Il est possible de créer un emailing sans insérer de tableau, mais dans ce cas, en fonction du contenu et de la messagerie, l'affichage de l'emailing peut être modifié.

Insérer et modifier un tableau

Définir les caractéristiques d'un tableau

Insérer et modifier un tableau

Pour créer et gérer vos tableaux dans Message Business, vous pourrez utilisez les différentes icônes de la barre de gestion des tableaux.

Insérer un tableau

Pour insérer un tableau, cliquez sur l'icône Insérer un tableau et définissez le nombre de lignes et de colonnes que vous souhaitez avoir.

Ajouter / supprimer des lignes

Pour ajouter une ligne dans un tableau :

• Cliquez dans la cellule existant,
• Utilisez l'icône Insérer une rangée au-dessus pour insérer un ligne au-dessus de celle sélectionnée ou Insérer une rangée au-dessous pour l'ajouter en-dessous.

Pour supprimer une ligne d'un tableau, vous pouvez choisir l'une des solutions suivant :

• Cliquez dans celle-ci, puis sur l'icône Supprimer une rangée ,
• Cliquez dans la cellule, puis sur l'une des croix encerclées qui apparaissent dans le tableau.

Ajouter / supprimer des colonnes

Pour ajouter une colonne :

• Cliquez dans la colonne souhaitée,
• Utilisez l'icône Insérer une colonne à gauche pour ajouter une colonne à gauche de celle sélectionnée ou Insérer une colonne à droite pour l'ajouter à droite.

Pour supprimer une colonne, vous pouvez choisir l'une des solutions suivantes :

• Cliquez dans la colonne, puis sur l'icône Supprimer une colonne ,
• Cliquez dans la colonne, puis sur l'une des croix encerclées qui apparaissent dans le tableau.

Fusionner des cellules

Pour fusionner des cellules horizontalement :

• Cliquez dans la cellule la plus à droite,
• Utilisez l'icône Fusionner les cellules à droite .

Pour fusionner des cellules verticalement :

• Cliquez dans la cellule la plus en haut,
• Utiliser l'icône Fusionner les cellules inférieures .

Définir les caractéristiques d'un tableau (Taille, couleur de fond, bordure...)

Afin d'obtenir la mise en page la plus proche au regard de vos attentes, il vous est possible de définir les paramètres relatif à vos tableaux. Vous pourrez ainsi notamment gérer :

- la bordure,

- la largeur et la hauteur

- l'alignement,

- la couleur de fond,

- ....

Paramétrer les caractéristiques du tableau général.

Double-cliquez sur une des bordures du tableau pour faire apparaître la fenêtre de gestion de votre tableau intitulée TABLE. Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau.

Pour gérer les paramètres qui seront appliqués au tableau dans son intégralité, cliquez sur l'onglet Tableau de cette fenêtre.

Paramétrer les caractéristiques d'une ligne du tableau.

Pour définir les caractéristiques d'une rangée spécifiquement, cliquez dans la rangée dans laquelle vous souhaitez effectuez vos modifications puis sur  l'icône Propriétés d'une rangée pour pouvoir définir les paramètres de la ligne souhaitée : la fenêtre TR relative aux lignes s'ouvre.

Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau> Propriétés d'une rangée.

Paramétrer les caractéristiques d'une cellule du tableau.

Pour définir les caractéristiques d'une cellule spécifiquement, cliquez dans la cellule dans laquelle vous souhaitez effectuez vos modifications puis sur l'icône Propriétés d'une cellule pour faire apparaitre la fenêtre de gestion TD relative aux cellules.

Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau> Propriétés d'une cellule.

Revenir au début

Ajouter une couleur de fond

Vous souhaiterez éventuellement ajouter une couleur de fond à votre contenu. Ce paramètrage apporte une qualité esthétique à un emailing, toutefois, il peut avoir un impact direct sur la lisibilité de votre contenu.

En effet, certaines messageries n'affichent pas les couleurs de fond, notamment si elles sont gérées par une image. De ce fait, il est possible dans certaines messageries, qu'un fond blanc apparaisse à la place de la couleur ou de l'image de fond. Or, si les textes ont été écrit en couleur blanche ou claire, ceux-ci peuvent être illisibles.

Afin de limiter cet impact, nous vous invitons à :

• Ajouter une couleur de fond en plus d'une image de fond si vous optez pour cette deuxième solution, 
• A privilègier les couleurs de textes foncées ou noire afin qu'ils restent lisibles en cas de non affichage de la couleur et/ou de l'image de fond.

Ajouter une couleur de fond à un emailing

Ajouter une couleur de fond à un tableau

Ajouter une couleur de fond à une ligne d'un tableau

Ajouter une couleur à une cellule d'un tableau

Ajouter une couleur de fond à un emailing

Pour ajouter une couleur de fond en l'absence de tableau ou autour de celui-ci, il est nécessaire d'indiquer ce paramètre directement en mode HTML. Pour ce faire : 

1. En étape 1 de la création de votre emailing, cliquez sur l'onglet HTML situé en bas de la zone d'édition entre Editeur et Prévisualisation,
2. Ajoutez la balise suivante dans le body : <body bgcolor = "#...(votre code couleur hexadécimal)">.

Par exemple, ci-dessous nous indiquons que l'emailing doit avoir un arrière-plan de couleur bleu en indiquant le code <body bgcolor="#0000ff">.

<html>
<head>
</head>
<body bgcolor="#0000ff"> 
<table bgcolor="#008000" border="0" bordercolor="" cellpadding="2" cellspacing="2" width="500">
<tr>
<td>
&nbsp;
</td>

Ajouter une couleur de fond à un tableau

Pour appliquer une couleur de fond à toutes les cellules d'un tableau :

1. Double-cliquez sur une des bordures du tableau pour faire apparaître la fenêtre de gestion de votre tableau intitulée TABLE. Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau.
2. Cliquez ensuite sur l'onglet Tableau,
3. Dans Couleur de fond, sélectionnez la couleur souhaitée ou entrez son code hexadécimal (exemple : #FFFF00 pour la couleur jaune)
4. Cliquez sur OK.

Ajouter une couleur de fond à une ligne d'un tableau

Pour appliquer une couleur de fond à une ligne précise d'un tableau :

1. Cliquez dans la rangée dans laquelle vous souhaitez effectuez vos modifications puis sur  l'icône Propriétés d'une rangée pour pouvoir définir les paramètres de la ligne souhaitée : la fenêtre TR relative aux lignes s'ouvre. Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau> Propriétés d'une rangée.
   

2. Dans Couleur de fond, sélectionnez la couleur souhaitée ou entrez son code hexadécimal (exemple : #009900 pour la couleur verte)
3. Cliquez sur OK.

Ajouter une couleur à une cellule d'un tableau

Pour appliquer une couleur de fond à une cellule précise d'un tableau :

1. Pour définir les caractéristiques d'une cellule spécifiquement, cliquez dans la cellule dans laquelle vous souhaitez effectuez vos modifications puis sur l'icône Propriétés d'une cellule pour faire apparaitre la fenêtre de gestion TD relative aux cellules. Pour faire afficher cette fenêtre, vous pouvez également faire un clic droit et sélectionnez Tableau > Propriété du tableau> Propriétés d'une cellule.

2. Dans Couleur de fond, sélectionnez la couleur souhaitée ou entrez son code hexadécimal (exemple : #FF0000 pour la couleur rouge)
3. Cliquez sur OK.

Revenir au début

Gérer la mise en forme des textes

Pour créer et gérer vos textes dans Message Business, vous pourrez utiliser les différentes icônes de la barre de gestion des textes.

Définir la mise en forme d'un texte,

Insérer une liste,

Insérer une tabulation,

Enlever une mise en forme.

Définir la mise en forme d'un texte

Appliquer un style

Lors de la mise en forme de vos textes :

1. Sélectionnez votre texte
2. Choisissez et combinez si souhaité les styles suivants :

• Gras : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Gras .

• Italique : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Italique .

• Souligné : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Souligné .
• Barré : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Barré .
• E^xposant : pour mettre un texte en exposant, cliquez sur l'icône Texte en exposant .
• I_ndice : pour mettre un texte en indice, cliquez sur l'icône Texte en indice .

Définir la police, la taille, la couleur du texte et sa couleur de fond d'un texte

1. Sélectionnez votre texte,
2. Appliquez les paramétres souhaités en les sélectionnant dans les menus déroulant Couleur, Taille ou encore Police.

Gérer l'alignement

Pour gérer l'alignement de vos textes :

1. Sélectionnez votre texte
2. Choisissez l'un des alignements suivants :

• Alignement à gauche : pour faire aligner votre texte sur la gauche, cliquez sur l'icône Aligner à gauche .
• Alignement centré : pour que votre texte soit centré, cliquez sur l'icône Centrer .

• Alignement à droite : pour faire aligner votre texte sur la droit, cliquez sur l'icône Aligner à droite .

• Alignement justifié : pour que votre texte soit justifié, cliquez sur l'icône Alignement justifié .

• Aucun alignement : Pour désactiver un alignement en cours, cliquez sur l'icône Enlever l'alignement .

Astuces

• Modifiez le moins possible la mise en forme de vos contenus afin de limiter la génération de code inutile à votre HTML : essayez de n’appliquer que les police, taille, couleur, ... qui seront définitives.
• Si vous vous trompez de style avant de mettre celui souhaité, utilisez l'icône Enlever la mise en forme
• Faites votre mise en page à partir de l’éditeur, ne copiez/collez pas vos contenus depuis un autre outil comme  Word, Outlook, PowerPoint, ...

Insérer une liste

Vous pouvez insérer ou supprimer une liste numérique en utilisant l'icône Insérer une liste numérotée ou une liste à puces en utilisant l'onglet Insérer une liste à point .

Insérer une tabulation

Vous pouvez insérer un alinéa en utilisant l'icône Insérer une tabulation ou le supprimer en utilisant l'icône Enlever une tabulation .

Effacer la mise en forme d'un texte

Pour retirer toute la mise en forme sur un contenu (bordure, couleur, alignement, ...) : 

1. Sélectionnez le contenu concerné,
2. Cliquez sur l'icône Enlever la mise en forme .

Revenir au début

Insérer une image

Pour que vos images puissent être importées et hébergées par Message Business, il est nécessaire qu'elles respectent les critères suivants :

• Avoir un format JPG, JPEG, GIF ou PNG,
• Peser moins de 200 Ko par image. La taille total du dossier Images par campagne est de 20 Mo,
• Avoir une largeur maximale de 800 pixels et/ou une longueur de 600 pixels.

Nous vous recommandons d'importer vos images directement au bon format et de ne pas les modifier la taille de vos images dans Message Business : dans le cas contraire, la qualité des images pourrait être altérée (pixelisation, flou).

Pour insérer votre image dans votre emailing :

1. Cliquez à l'endroit où vous souhaitez insérer votre image,
2. Cliquez sur le bouton Insérer une image : la fenêtre de gestion des images apparaît,
3. Cliquez sur le bouton Téléchargement : choisissez votre image,
4. L’image téléchargée apparaît dans le cadre à gauche : cochez l’image à insérer,
5. Renseignez le champ Texte alternatif afin d'optimiser la délivrabilité de votre campagne,
6. Cliquez sur le bouton Insérer.

Revenir au début

Insérer un lien

Pour la gestion de vos liens, en fonction de vos besoins, vous pouvez être amené à :

Insérer un lien sur un texte ou une image,

Insérer un lien vers un document,

Insérer un lien vers une adresse mail avec un objet prédéfini,

Insérer un lien vers un Formulaire Web Message Business,

Modifier la couleur d'un lien.

Insérer un lien sur un texte ou une image

1. Sélectionnez l'image ou le texte sur lequel vous souhaitez insérer votre lien,
2. Cliquez sur l'icône Insérer un lien : la fenêtre de gestion des liens A s'ouvre,
3. Dans le champ Url, indiquez le lien que vous souhaitez faire pointer,
4. Pour le champ Type, sélectionnez Http://,
5. Pour le champ Cible, sélectionnez Nouvelle fenêtre (optionnel),
6. Cliquez sur Ok.

Insérer un lien vers un document

Pour les pièces jointes, pour des raisons de délivrabilité, celles-ci ne peuvent pas être insérées en tant que telles dans les opérations d’Email de masse. En effet, les filtres anti-spam des messageries de réception analyseraient ces éléments comme pouvant contenir des virus et bloqueraient de ce fait l’emailing.
Aussi, pour permettre à vos contacts de visualiser vos documents de moins de 2 Mo, il est possible par exemple de les enregistrer au format PDF.

Afin d'insérer vos liens vers ces documents :

1. Sélectionnez le texte (Ex : Télécharger notre brochure, Consulter la plaquette en ligne) ou l'image, sur lequel vous souhaitez insérer votre lien vers votre document,
2. Cliquez sur l'icône Insérer un document téléchargeable ,
3. Cliquez sur Téléchargement pour charger votre document,
4. Le document téléchargé apparaît dans le cadre à gauche : cochez-le pour l'insérer,
5. Cliquez sur le bouton Insérer.

Insérer un lien vers une adresse mail avec un objet prédéfini

1. Sélectionnez le texte (Ex : Nous contacter par mail, Demande d'informations...), ou l'image, sur lequel vous souhaitez insérer votre lien,
2. Cliquez sur l'icône Insérer un lien  : la fenêtre de gestion des liens A s'ouvre,
3. Pour le champ Type, sélectionnez Mailto,
4. Dans le champ Url, indiquez l'adresse email que vous souhaitez faire pointer. Si vous souhaitez faire apparaître un objet prédéfini, après avoir renseigné l'adresse email, ajoutez la mention ?subject =, puis l'objet souhaité en veillant à remplacer les espaces par %20 et les apostrophes par %27.
5. Cliquez sur Ok.

Insérer un lien vers un Formulaire Web Message Business

Pour que vos Formulaired Message Business soient accessibles depuis votre Emailing, nous vous invitons à consulter la procédure à suivre dans notre article sur la gestion des Formulaires Web.

Modifier la couleur d'un lien

Si vous souhaitez modifier la couleur d'un lien lors de son insertion ou de sa modification :

1. Sélectionnez l'élément sur lequel le lien doit être inséré,
2. Cliquez sur l'icône Insérer un lien ou Insérer un document téléchargeable ,
   
3. Renseignez le champ Couleur en sélectionnant la couleur souhaitée ou en indiquant son code hexadécimal (exemple : #00FFFF pour la couleur bleue),
4. Cliquez sur le bouton Ok ou Insérer pour valider.

Revenir au début

Personnaliser le contenu d'un emailing

Lors de la création de vos emailings, en étape 1 et 2, vous pourrez personnaliser votre contenu mais aussi l'entête (Nom d'expéditeur, Email de réponse et/ou Objet) de votre email en insérant des codes de personnalisation. Pour ce faire :

1. Cliquez à l'endroit où vous souhaitez insérer une valeur contact (Nom, Prénom, Adresse, ...)
2. Copiez la macro relative au champ contact que vous souhaitez insérer. Pour ce faire, vous pouvez :

• Utiliser des champs présents par défaut dans Message Business en cliquant sur la liste déroulante Codes de personnalisation du contenu de l'éditeur HTML de Message Business (cette liste déroulante ne propose pas les champs personnalisés).
• Utiliser des champs personnalisées que vous aurez créés en cliquant sur le bouton Codes de personnalisation qui vous permet de visualiser l'ensemble des champs disponibles en-dessous de la zone d'édition de l'email. Copiez la macro du champ souhaité (**MACRO**) et collez-la à l'endroit souhaitée dans votre contenu.

Attention

Pour que vos contenus soient personnalisés avec les informations de vos contacts, il est nécessaire que ces données aient été préalablement renseignées via un import. Si pour un contact, le champ utilisé est vide, alors la personnalisation affichera une valeur vide.

Revenir au début

Signification des icônes de l'éditeur WYSIWIG

Revenir au début