Elle se situe au dessus de votre zone d'édition et vous permettra de prévisualiser votre campagne, d'obtenir son code HTML et de revenir sur l'Editeur.
Barre des blocs
Elle se situe sur la droite de la zone d'édition et vous permettra de choisir les blocs et de les déplacer dans la zone d'édition.
Zone d'édition
C'est ici que vous créerez votre campagne grâce aux différents blocs qui la composeront.
Fenêtre d'édition du bloc
Grâce a la fenêtre d'édition d'un bloc, vous allez pouvoir centrer votre texte, insérer des fonds, des bordures ou des marges.
Pavé d'édition
Vous pouvez éditer le style de certains éléments du bloc via le pavé d’édition. Il apparaît lorsque vous cliquez dans le bloc.
Prévisualisation
Dans la barre d’onglets vous avez accès à la Prévisualisation de votre Emailing pour valider le comportement mobile de votre Emailing au fil de l’eau et éventuellement éditer les paramètres de Mobilité si vous souhaitez une version différente.
Lien de redirection
Les liens de redirections vous permettront de personnaliser un mot ou un bouton afin qu'il soit redirigé vers une page web externe. Il suffit de séléctionner le mot en question, de cliquer sur le maillon et d'insérer votre lien afin qu'il soit actif.
Code de personnalisation
Insérez des codes de personnalisation correspondants aux champs de votre Base Contacts pour personnaliser : Le nom d’expéditeur / L’objet / Le contenu des blocs.
Dans l'objet, vous le trouverez en bas à droite dans « Codes de personnalisation »
Dans la barre d’onglets, vous avez accès à la Prévisualisation de votre Emailing. Cet onglet vous permet de valider le comportement mobile de votre Emailing au fil de l’eau et d'éventuellement éditer les paramètres de Mobilité de chaque bloc, si vous souhaitez afficher une version différente pour améliorer le confort de lecture sur chaque support.
1. Différentes largeurs
Vous pouvez pré visualiser votre Emailing en plusieurs largeurs paramétrables : Pleine largeur / Largeur du contenu mobile / Largeur maximum mobile / Largeur personnalisée
2. Prévisualisation par appareil
Vous pouvez pré visualiser votre Emailing par appareil: Portrait / Paysage / Tablette : Ipad mini et Ipad Air / Mobile : Iphone 6 et Iphone 6 plus
3. Ne pas afficher des éléments
Vous pouvez pré visualiser votre Emailing avec ou sans les images pour vérifier si votre ratio texte / image est satisfaisant. Vous pouvez aussi masquer les codes de personnalisation
Remarques sur l'affichage de vos emailings sur les différents supports et outils de messagerie
Dégradés
Sur certains webmails ou logiciels de messagerie, le dégradé ne sera pas interprété. Dans ce cas, la première couleur sélectionnée s’affichera uniformément.
Arrondis
Sur certains webmails ou logiciels de messagerie, l’arrondi ne sera pas interprété. Dans ce cas, le bord s’affichera sans arrondi.
GIF animé
Sur certains webmails ou logiciels de messagerie, le gif ne sera pas animé et seul sa première image sera affichée. Nous vous recommandons donc que la première image de votre gif soit signifiante. Nous vous recommandons d’optimiser le poids de votre gif pour qu’il soit inférieur à 150ko et faciliter son téléchargement lors de l'ouverture de l'emailing.
Dans l’onglet Style, vous pouvez sélectionner une palette de couleur existante ou créer puis enregistrer votre propre palette. Vous pouvez éditer de manière globale le style qui sera appliqué automatiquement à chaque type de bloc. Vous pouvez également habiller le fond de vos Emailings dans la rubrique Général.
1. Éditer le Style
Vous pouvez, via cet onglet, éditer le Style de votre Emailing qui sera appliqué de manière globale : Choix et création de palettes / Fond et largeur de l’Email / Style par défaut des blocs
2. Habiller le fond Général
Vous avez plusieurs options d’habillage du fond de votre Emailing : Couleur unie / Dégradée (horizontal / vertical) / Transparence (à éviter : le fond par défaut de l’outil de messagerie sera appliqué)
3. Image de fond
Vous pouvez également habiller le fond de votre Emailing avec une image. 3 comportements sont possibles : Répéter l’image / Ne pas répéter l’image / Ajuster l’image
Exemples d'habillage de fond pour vos e-mailings
Fond de couleur uni
Fond avec une grande image
Ajuster les bordures, fonds et espacements
Pour créer des blocs plus impactant, vous pouvez éditer les bordures, le fond et l’espacement entre les blocs.
1. Éditer le fond de vos blocs
Vous avez plusieurs options d’habillage du fond de votre Emailing : Couleur unie / Couleur avec un dégradé / Transparence ou Image de fond
Remarque : si un logiciel de messagerie n’interprète pas le dégradé, la première couleur sera affichée uniformément.
2. Éditer l’espacement des blocs
Vous pouvez éditer l’espacement entre les blocs en paramétrant les marges : Haut, Droite, Bas & Gauche
Remarque : si vous souhaitez qu’un bloc ne s’affiche pas en pleine largeur, plutôt que d’utiliser des marges vous pourriez réduire sa largeur d’affichage en % et valider en même temps son affichage responsive.
3. Éditer les bordures
Vous pouvez éditer les bordures des blocs de contenu et du bloc 1 colonne : Trait / Pointillés / Tirets / Avec effet (double, groove, ridge, inset, outset)
Astuce : Vous pouvez gérer les bordures du bloc 1 Colonne une à une et les masquer sur mobile.
Exemples de blocs avec bordures et fond
Exemples de blocs avec espacement entre les colonnes
Ce guide didactique et esthétique de 40 pages a vocation à vous aider à (re)découvrir les riches possibilités de design de l'email et à les appliquer dans L'Editeur Emailing Sendethic. A garder à portée de main !
Les blocs de L'Editeur permettent de composer et d'éditer le contenu de votre emailing :
Les Blocs Colonnes servent à positionner les Blocs de contenus dans la mise en forme souhaité pour l'emailing.
Les blocs de contenus sont placés dans les colonne en fonction de chaque type de contenu à éditer dans l'emailing.
Exemple d'utilisation du bloc Agenda et Plan
En utilisant les blocs Agenda et Plan dans le contenu d'une invitation à un événement, ils créeront une meilleure expérience pour vos destinataires et un résultat impactant, le tout avec le minimum de complexité d'édition pour vous ? !
Bloc Agenda
Ce bloc permet à vos destinataires d'ajouter un événement dans leur Agenda en 1 clic depuis votre emailing :
Dans ce bloc Agenda, vous renseigner le Nom de votre événement / Les horaires de début et fin (en fonction du fuseau horaire de votre choix) / L'Adresse / L'adresse du lieu de l'événement, … afin que ces informations soient directement renseignées dans l'événement que le destinataire enregistrera dans son agenda.
Bloc Plan
Ce bloc Plan permet d'afficher une adresse sur un plan pointant vers Google Maps au clic :
Dans ce bloc Plan, vous renseignez l'adresse du lieu a afficher sur le plan / Le type d'affichage souhaité sur le plan : carte, satellite, terrain, hybride, rue / Le zoom et le ratio du plan / La langue / La couleur du marqueur de l'adresse sur le plan…
Bloc bouton
Ajouter une couleur de fond au survol du bouton
Envie de donner du pep's à vos boutons ?
L'Editeur permet d'ajouter une couleur de fond et une couleur de survol dans les paramètres de chaque bloc Bouton. Ainsi, la couleur de survol s'affichera lorsque le destinataire passera sa souris sur la zone du bouton pour l'inciter d'autant plus au clic sur celui-ci :
Ajoutez un bloc bouton, insérez un lien, et modifiez les couleurs dans la partie Fond du bouton depuis la fenêtre de styles du bloc bouton.
Bloc Formulaire / Enquête
Le bloc Formulaire / Enquête permet d'éditer des boutons pointant directement sur une opération de Formulaire ou d'Enquête publiée sur le compte en ayant la possibilité de faire que les champs de l'opération pointée soient remplis (par défaut ou pas) avec les valeurs renseignées dans la base de contacts :
Positionnez le bloc dans la structure du contenu puis, sélectionner l'opération de Formulaire ou d'Enquête à pointer en choisissant si vous souhaitez remplir ou pas les informations des contacts renseignées dans les champs de l'opération Formulaire ou Enquête sélectionnée.
Bloc snippet (open graph)
Le bloc snippet permet de faciliter l'édition des opérations en récupérant directement les informations publiées dans les balises Open Graph des pages web pointées depuis vos opérations; ceci en vous affranchissant des nombreuses opérations de copier/coller pour pointer sur ces pages web.
Le bloc snippet permet de gagner grandement en productivité lors de l'édition d'une newsletter composée d'une curation de site web avec une moyenne constatée de 50 % de temps d'édition en moins !
Les outils de publication de contenu web (WordPress, Prestashop, Magento,…) reprennent les contenus des articles publiés sous forme de flux au format RSS. Le bloc RSS permet de publier directement ces flux dans vos emailings pour :
gagner en productivité : ne plus faire de copier / coller pour reprendre et pointer sur les contenus publiés sur vos sites
maîtriser vos contenus : paramétrer le nombre d'articles et le style des blocs dans lequel le contenu de chaque article est repris dans l'emailing,
bénéficier d'un affichage fiabilisé du contenu (en fonction du formatage des éléments inclus dans le RSS) sur les principaux webmails, logiciels de messagerie ou terminal de lecture de l'emailing.
5. Agrandir la zone de travail et obtenir de l'aide,
6. Rétablir une version de contenu précédente : 2o secondes après le chargement de l'éditeur, une sauvegarde du contenu édité est effectuée automatiquement toutes les 5 minutes à la condition que le contenu édité soit différent du dernier précédemment sauvegardé. Une sauvegarde automatique est aussi effectuée au moment de la restauration d'une précédente version sauvegardée.
Vous pouvez définir des styles applicables globalement aux différents de types de Colonnes ou de Blocs afin qu’il s’appliquent d’un coup à tous les éléments ajoutés dans la zone d’édition. En parallèle, vous pouvez également éditer le style spécifique d’une Colonne ou d’un Bloc en particulier.
1. Style général
Vous pouvez modifier les styles qui s’appliqueront par défaut aux Colonnes et/ou aux Blocs ajoutés dans la zone d’édition du message.
Vous pouvez également sauvegarder des Palettes. Vous travaillez ainsi plus rapidement et fiabilisez l’harmonie des différents contenus composant votre message.
2. Style spécifique
La fenêtre d’édition du bloc s’affiche sur la droite également lorsque vous cliquez dans le bloc .
Remarque: la couleur du lien se paramètre dans la fenêtre d’édition du bloc ou dans le Style général
Respecter votre chartre graphique et créer des emails différenciant !
Par défaut sur 600 pixel de large, n’hésitez pas à augmenter cette largeur jusqu’à 800 ou 900 pixel de large.
C'est sur la fenêtre Style que vous allez également pouvoir insérer un fond, des marges et des bordures à votre email
Ce guide didactique et esthétique de 40 pages a vocation à vous aider à découvrir les riches possibilités de design de l'email et à les appliquer dans l'Editeur Emailing Sendethic.
Vous pourrez ensuite router vos campagnes directement dans Sendethic ou dans une autre solution emailing.
Sommaire :
1. L’Editeur Emailing Sendethic
2. Utilisez nos blocs préconfigurés
3. Définissez des styles applicables globalement
4. Optimisez et pensez responsive
5. Éditez un bloc
6. Pré visualisez sur tous supports
7. Habillez le fond : dégradés, image…
8. Éditez et personnalisez vos contenus
9. Importez, traitez et améliorez vos images
10. Structurez avec des blocs imbriqués
11. Respirez : bordures, fond et espacement
12. L’image de fond fiabilisée et responsive
13. La Collection pour vous inspirer
14. Exporter vers d'autres solutions emailing
15. Plus
A noter que ce document est aussi directement disponible dans l'interface de votre compte Sendethic.
Avec l’option Export HTML, même si vous n'utilisez pas Sendethic pour vos routages, vous pouvez profiter de la puissance créative de L'Editeur pour éditer vos campagnes et les faire router par d'autres (nous vous invitons cependant a aussi envisager nos solutions de routage ;-).
Pour lancer un export, cliquez sur le bouton idoine situé en dessous de L'Editeur Sendethic une fois l'édition de l'opération finalisée :
Une fois l'export effectué, vous disposez d'une archive zip dans laquelle est mis à votre disposition :
Le code html optimisé prêt à l'emploi
Ce code est minifié (pour gagner en poids) ; nous vous invitons à insérer les codes de personnalisation, les liens de page miroir et de désabonnement propres à votre routeur externe dans L’Editeur avant de lancer l'export (afin d’éviter de casser le code en manipulant le code html après l’export).
Un dossier images et files
Lorsque vous créez votre email dans L’Editeur, vous hébergez à priori les images et des PDF dans votre compte Sendethic. Tous ces éléments sont à héberger dans la solution de routage et nous mettons donc à disposition tous ces éléments dans le fichier zip.
En option : vous pouvez récupérer les html sans avoir besoin de ré héberger les visuels et bénéficiez des liens d’hébergements sur votre domaine.
Informations de l’emailing
Fiche de brief permettant de paramétrer votre opération dans l'autre solution de routage, celle-ci inclue : Nom d'expéditeur, Email de réponse, Objet du message.
Réussir vos emailings avec nos visio-conférences pédagogiques
Découverte de l'application
Approfondissement d'une fonctionnalité
Illustration d'exemples
Le tout dans une ambiance conviviale où vous pouvez poser vos questions en direct… Sendethic anime tous les mardis et les jeudis à midi une Démo pédagogique. Inscrivez-vous dès à présent !
Vous recevrez un email d’alerte dans les minutes qui précèdent la conférence avec le lien vers la salle virtuelle.
Pour créer rapidement et sans effort vos Emailings, vous disposez de colonnes et de blocs vous permettant de créer la structure de contenu du message. Il vous suffit de les glisser/déposer de la barre des blocs à la zone d’édition et d’y appliquer vos styles et couleurs.
1. Colonnes
Vous disposez de différents types de Colonnes pour vous permettre d’organiser la structure du message dans la zone d’édition.
2. Blocs
Ajoutez les différents types de Blocs dans chacune des Colonnes de la zone d’édition.
3. Style
Vous pouvez éditer le style général des différents types de Colonnes ou de Blocs afin qu’ils s’appliquent lorsque vous ajoutez chaque type d’élément dans la zone d’édition.
Editer un bloc
En cliquant dans un Bloc, vous pouvez éditer les textes du bloc en vous servant du pavé d’édition et de la fenêtre d’édition du bloc.
Pavé d'édition du bloc
1. Editer les styles et position du texte dans le bloc
2. Ajouter des images
3. Pointer des liens sur des adresses url ou des fichiers
Fenêtre d'édition du bloc
4. La fenêtre d'édition du bloc vous permettra de modifier les fonds du bloc, l'espacement, l'alignement, les bordures, marges..
Editer et personnaliser les contenus dans un bloc
Vous pouvez éditer le style de vos contenus et personnaliser vos Emailings via le pavé d'édition, de manière simple avec des codes de personnalisation et de manière conditionnelle en fonction de critères que vous avez définis.
1. Éditer le contenu texte
Au clic dans un bloc texte, la fenêtre d’édition du bloc apparaît sur la droite : Styles du texte / Fond du bloc / Style des liens / Bordures & Arrondis / Marges et largeur du bloc
Le pavé d’édition apparaît dans la zone d’édition et permet d’appliquer des styles spécifiques, d’insérer des liens et des codes de personnalisation.
2. Personnaliser votre Emailing
Via le pavé d’édition, insérez des codes de personnalisation correspondants aux champs de votre Base Contacts pour personnaliser : Le nom d’expéditeur / L’adresse de réponse / L’objet / Le contenu des blocs / Le code HTML / Des URL avec variables.
Vous trouverez aussi ces codes via Contacts > Editer les champs > Codes de personnalisation
3. Adapter le contenu sur critère
La personnalisation conditionnelle permet d'insérer des contenus (blocs, textes, image, …) en fonction de la vérification de critères. Par exemple « Si ce contact est un client, alors afficher tel contenu ».
Exemple de personnalisation
Dans cet exemple, on souhaite accorder le genre féminin / masculin dans un texte en fonction de la civilité renseignée dans la fiche du contact :
Vous pouvez composer les contenus et le styles des blocs pour les enregistrer en tant que blocs personnalisés afin de les réutiliser ensuite (tel qu'enregistré) dans vos opérations d'emailings. Vos blocs enregistrés s'afficheront en première position de l'onglet Contenu dans :
Lorsque le bloc est verrouillé, les utilisateurs disposant des droits Approbateur peuvent déverrouiller le bloc afin de permettre ensuite à nouveau l’édition du bloc par tous les utilisateurs accédant aux Emailings.
