Modifiez votre Emailing dans l’Editeur (version 2015)

L'éditeur Rapide de Message Business n'est plus l'Editeur par défaut de Message Business. Lors de la création d'un emailing à partir d'une opération précédente, il vous permet d'éditer des contenus créés avant fin octobre 2015. Il vous permet d'éditer vos emailings de manière :
  • rapide : pour gagner en productivité,
  • modulaire : très flexible, avec de nombreuses possibilités élégantes,
  • adaptée : vous pouvez gérer les options d'affichage sur mobile.
En utilisant l'Ancien Editeur, vous obtiendrez un résultat professionnel au design de votre choix, sans compétence spécifique en HTML.
Comment modifier un emailing avec l'Ancien Editeur de Message Business
 
editeur-rapide-interface-generale-avec-3-rubriques Par défaut lorsque vous vous rendez dans Opérations > Emailing > Nouveau > Créer un Emailing depuis une opération précédente, si l'opération a été créé avec l'Editeur Rapide, elle reste éditable avec l'Editeur Rapide de Message Business.

Afin de vous permettre de réaliser plus facilement vos emailings via l'Ancien Editeur de Message Business, dans cet article, vous verrez les fonctionnalités suivantes :

Ajout des blocs

editeur-rapide-etape1-ajouter-des-blocs-bouton-plus Ces blocs correspondent à des blocs couramment utilisés en Emailing. Vous pouvez ajouter, manipuler, supprimer des blocs proposés dans le menu à droite de l'interface. Si vous souhaitez utiliser un bloc qui ne fait pas partie de la liste, n'hésitez pas à nous contacter pour que nous le réalisions. Pour cela, cliquez sur l'icône « Plus » icone-plus-vert pour ajouter le bloc au bas de l'Emailing ou cliquez sur le bloc de votre choix et déposez le à l'endroit souhaité dans la partie d'édition du message.

Edition des styles des blocs

editeur-rapide-etape2-gerer-les-styles-des-blocs La barre d'édition des styles des blocs permet d'appliquer un style spécifique d'un seul coup à tous les blocs de l'opération d'Emailing. Pour ce faire, sélectionnez dans la barre de styles le type de bloc sur lequel vous souhaitez appliquer un style et modifiez ceui-ci comme souhaité. Par exemple pour rendre tous les blocs qui contiennent « Texte » dans le titre du bloc avec un texte en taille 14, cliquez sur Texte dans la barre de gestion des styles des blocs et sélectionnez 14px dans le menu déroulant. Tous les blocs dont l'intitulé contient « Texte » seront alors modifiés en 14px. Editez ensuite les styles de chacun des types de blocs disponibles.

Edition des contenus dans les blocs

editeur-rapide-etape3-barre-d-edition-de-l-editeur-rapide A tout moment, et indépendamment des styles généraux, vous pouvez paramétrer des styles spécifiques dans la barre d'Edition de bloc. Pour cela, cliquez sur le bloc souhaité et la barre d'Edition s'affiche. Vous pouvez changer les styles. 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

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 icone-gras-editeur-rapide.
  • Italique : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Italiqueicone-italique-editeur-rapide.
  • Souligné : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Souligné icone-souligne-editeur-rapide.
  • Barré : pour appliquer ce style sur un texte préalablement sélectionné, cliquez sur l'icône Barréicone-barre-editeur-rapide.

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 icone-alignement-gauche-editeur-rapide.
  • Alignement centré : pour que votre texte soit centré, cliquez sur l'icône Centrer icone-alignement-centre-editeur-rapide.
  • Alignement à droite : pour faire aligner votre texte sur la droit, cliquez sur l'icône Aligner à droiteicone-alignement-droit-editeur-rapide.
  • Alignement justifié : pour que votre texte soit justifié, cliquez sur l'icône Justifier icone-justifier-editeur-rapide.

Insérer une liste

Vous pouvez insérer ou supprimer une liste numérique en utilisant l'icône Insérer / Supprimer la liste numérotéeicone-liste-numerotee-editeur-rapide ou une liste à puces en utilisant l'onglet Insérer / Supprimer la liste à pucesicone-liste-a-puces-editeur-rapide. Vous pouvez également insérer une ligne horizontale en utilisant l'icône Ligne horizontaleicone-ligne-horizontale-editeur-rapide.

Insérer une tabulation

Vous pouvez insérer un alinéa en utilisant l'icône Diminuer le retrait (tabulation) icone-augmenter-le-retrait-tabulation-editeur-rapide ou le supprimer en utilisant l'icône Augmenter le retrait (tabulation)icone-tabulation-gauche-editeur-rapide.

Annuler la dernière mise en forme

Pour annuler la dernière opération cliquez sur l'icône Annuler annuler-derniere-operation-editeur-rapide Pour rétablir la dernière annulation cliquez sur l'icône retablir-derniere-operation-annuler

Insérer une image

Lors de la création de vos opérations Emailings, vous disposez d'un dossier Images qui vous permet d'héberger l'ensemble des images sur votre compte afin de les rendre disponibles à vos contacts. Ce dossier est commun à l’ensemble de vos opérations, ce qui vous permet d’importer une seule fois les images qui pourraient être présentes dans plusieurs opérations. Pour que vos images puissent être importées et hébergées par Message Business, il est nécessaire qu'elles aient un format JPG, JPEG, GIF ou PNG. 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 taille des images pourrait être altérée (sur Outlook par exemple). minipuceoiseaubonAstuce : La taille de l'image dans chaque bloc est écrite dans chacune d'elle pour vous permettre de l'importer au bon format. Pour insérer votre image dans votre emailing, évitez tout copié / collé ou glissé / déposé dans l'Editeur car cette pratique altère fortement le code HTML de votre opération, et procédez comme suit :
  1. Cliquez à l'endroit où vous souhaitez insérer votre image,
  2. Cliquez sur le bouton Insérer une image icone-inserer-image-editeur rapide de la barre d'édition qui apparaît: la fenêtre de gestion des images apparaît,
  3. Cliquez sur le bouton Explorer le serveur si votre image a déjà été téléchargée dans le dossier images et sélectionnez l'image souhaitée.
explorer-le-serveur-editeur-rapide Pour télécharger une nouvelle image à insérer, cliquez sur l'onglet Envoyer puis sur Choisissez un fichier pour parcourir vos dossiers et sélectionner votre image. Vous serez alors redirigé vers l'onglet Informations sur l'image et pourrez ajouter un texte de remplacement afin d'optimiser la délivrabilité de votre campagne. Notez que le non renseignement des textes alternatifs des images peut multiplier par 2 à 3 les chances de parvenir en spam. ajouter-un-fichier-joint 4. Cliquez sur Envoyer sur le serveur puis sur le bouton Ok.

Insérer un lien

Insérer un lien vers un site web sur un texte ou une image

  1. Sélectionnez l'image ou le texte sur laquelle vous souhaitez insérer votre lien (il est nécessaire de ne pas sélectionner simultanément du texte et des images lors de l'insertion de vos liens, car certaines messageries ne gèrent pas ce type d'insertion et votre lien risque alors d'être inactif),
  2. Cliquez sur l'icône Insérer un lienicone-inserer-lien-editeur-rapide : la fenêtre de gestion des liens lien s'ouvre,
  3. Dans le champ URL, indiquez le lien que vous souhaitez faire pointer,
  4. Pour le champ Protocole, sélectionnez http://,
  5. Dans l'onglet Cible, vous pouvez sélectionner Nouvelle fenêtre (optionnel),
  6. Cliquez sur Ok.
inserer-un-lien-vers-un-site-web-editeur-rapide

Insérer un lien vers un document

Pour les pièces jointes, afin d'optimiser la délivrabilité de l'opération, celles-ci ne peuvent pas être insérées en tant que telles dans les Emails de masse. En effet, les filtres anti-spam des messageries de réception analyseraient ces documents comme pouvant contenir des virus et bloqueraient 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 puis de les héberger sur nos serveurs.
  1. Sélectionnez l'image ou le texte sur laquelle vous souhaitez insérer votre lien vers votre document (Ex : Télécharger notre brochure, Consulter la plaquette en ligne). Il est nécessaire de ne pas sélectionner simultanément du texte et des images lors de l'insertion de vos liens, car certaines messageries ne gèrent pas ce type d'insertion et votre lien risque alors d'être inactif,
  2. Cliquez sur l'icône Insérer un lienicone-inserer-lien-editeur-rapide : la fenêtre de gestion des liens Lien s'ouvre,
  3. Cliquez sur Explorer le serveur si votre fichier a déjà été téléchargé dans le dossier Files et sélectionnez le fichier souhaité.insertion-lien-editeur-rapide-explorer-le-serveur
  4. Pour télécharger un nouveau document à insérer, cliquez sur l'onglet Envoyer puis sur Parcourir.insertion-lien-editeur-rapide-parcourir
  5. Dans l'onglet Cible, vous pouvez sélectionner Nouvelle fenêtre (optionnel),
  6. Cliquez surOk.

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 lienicone-inserer-lien-editeur-rapide : la fenêtre de gestion des liens Lien s'ouvre,
  3. Pour le champ Type de lien, sélectionnez E-mail,
  4. Dans le champ Adresse Email, 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, renseignez le champ Sujet du Message, puis le corps du message si souhaité.
  5. Cliquez sur Ok.
inserer-lien-vers-email-avec-objet-predefini

Insérer un lien vers un Formulaire Web Message Business

  1. Sélectionnez l'image ou le texte sur laquelle vous souhaitez insérer votre lien (il est nécessaire de ne pas sélectionner simultanément du texte et des images lors de l'insertion de vos liens, car certaines messageries ne gèrent pas ce type d'insertion et votre lien risque alors d'être inactif),
  2. Cliquez sur l'icône Insérer un lienicone-inserer-lien-editeur-rapide : la fenêtre de gestion des liens Lien s'ouvre,
  3. Dans le champ URL, indiquez le lien que vous souhaitez faire pointer,
  4. Pour le champ Protocole, sélectionnez http://,
  5. Dans l'onglet Cible, vous pouvez sélectionner Nouvelle fenêtre (optionnel),
  6. Cliquez sur Ok.
inserer-lien-formulaire-editeur-rapide

Insérer un lien vers une ancre

Notez que certaines messageries ne gèrent pas les ancres traditionnelles (les liens sont alors inactifs). Afin d'éviter que vos liens soient inactifs, les ancres que vous créerez dans un emailing renverront donc systématiquement à la page miroir de votre opération. Il n’est pas possible de modifier cette gestion dans l’application. Par ailleurs, cette redirection vers la page miroir de votre emailing permet également de mesurer les clics sur vos ancres afin que vous puissiez déterminer les sujets les plus lus par vos contacts et éventuellement adapter votre message en fonction de leurs préférences pour vos prochains envois. Si vous souhaitez insérer des ancres dans vos Emailings, la procédure à suivre est la suivante :
  1. Cliquez là où vous souhaitez positionner votre ancre.
  2. Cliquez sur l'icône Ancreicone-inserer-ancre-editeur-rapide : la fenêtre Propriétés de l'ancre s'ouvre.fenetre-propriete-ancre-editeur-rapide
  3. Renseignez un nom pour votre ancre. Par exemple : module prestashop
  4. Cliquez sur Ok.
  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 lienicone-inserer-lien-editeur-rapide : la fenêtre de gestion des liens Lien s'ouvre,ancre-transformer-le-lien-ancre-dans-le-texte
  3. Dans le champ Type de lien, sélectionnez Transformer le lien en ancre dans le texte,
  4. Sélectionnez l'ancre souhaitée dans la liste affichée,
  5. Cliquez sur Ok.
ancre_illustration

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 icone-inserer-lien-editeur-rapide,
  3. La fenêtre de gestion des liens Lien s'ouvre,
  4. Rendez-vous dans l'onglet Avancé,
  5. Renseignez le champ Style par text-decoration:none; puis après un espace ajoutez le code couleur de votre lien.
  6. Cliquez sur le bouton Ok ou Insérer pour valider.
gerer-les-styles-editeur-rapide minipuceoiseaubonAstuce : Vous pouvez aussi modifier la couleur du lien avec la barre d'Edition de l'Editeur Rapide.

Supprimer un lien

Il est recommandé avant d’ajouter un nouveau lien à votre contenu (texte ou image) sur lequel un lien aurait déjà été inséré de :
  1. Sélectionnez votre contenu,
  2. Supprimez la précédente url en utilisant l’icône Supprimer un lienicone-supprimer-un-lien-editeur-rapide,
  3. Une fois le lien supprimé, vous pourrez insérer un nouveau lien sur votre contenu si souhaité.

Personnalisation du 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, vous avez 2 options :
  • Option 1 : Cliquez à l'endroit où vous souhaitez insérer une valeur contact (Nom, Prénom, Adresse, …) Cliquez sur le bouton Codes dans la barre d'Edition de l'Ancien Editeur. Puis cliquez sur le code de personnalisation que vous souhaitez insérez dans le menu déroulant.
editeur-rapide-etape3-barre-d-edition-de-l-editeur-rapide-codes
  • Option 2 : Copiez le code de personnalisation relatif au champ contact que vous souhaitez insérer. Pour ce faire :
Utiliser des champs personnalisés 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 le code de personnalisation du champ souhaité (par exemple **MB_FIRSTNAME** pour insérer le prénom du contact) et collez-le à l'endroit souhaité dans votre contenu. bouton-code-de-personnalisation editeur-rapide-codes-de-personnalisation Message BusinessAttention Pour que vos contenus soient personnalisés avec les informations de vos contacts, il est nécessaire que ces données soient renseignées dans la base contacts. Si pour un contact, le champ utilisé est vide, alors la personnalisation affichera une valeur vide.  

Options d'affichage

Gestion de l'affichage des blocs en fonction du terminal de lecture

Cette option est conçue pour offrir à l'internaute une consultation optimisée de l'Emailing sur différents terminaux (ordinateur, tablette, mobile etc.). Pour l'activer, placez la souris sur le bloc que vous souhaitez rendre adaptatif puis cliquez sur Options d'affichage pour paramétrer votre choix. Notez que cette option n'est pas 100% compatible avec tous les supports et terminaux, qui n'interprètent pas de la même façon les balises d'entête du code html du message. Si le terminal de lecture n'est pas compatible, l'option ne sera pas activée. editeur-rapide-affichage-adaptatif