SOMMAIRE
Etape 1 : Mise en Page du mail
Etape 2 : Contenu
Image
Texte
Bouton
Séparateur
HTML
Etape 1 : Mise en Page du mail
Lorsque vous arrivez sur l’onglet “Conception”, un menu à gauche de votre écran est mis à disposition avec plusieurs éléments. La section “Mise en page”, vous permet de structurer le contenu de votre mail à l’aide de blocs. Pour déplacer un bloc sur la page blanche, il suffit de glisser l’élément.
Différentes dispositions de blocs vous sont proposées :
Un bloc de contenu
Deux blocs de contenus
Trois blocs de contenus
Quatre blocs de contenus
½ Bloc : ⅔ Bloc
¼ Bloc : ¾ Bloc
Concernant l’édition des blocs, vous avez la possibilité de déplacer, de supprimer, de modifier et de dupliquer.
Il faudra obligatoirement définir la mise en page de votre mail avant d’ajouter le contenu
Etape 2 : Contenu
Plusieurs éléments sont mis à disposition pour vous permettre de personnaliser votre email. Il vous suffit de faire glisser et déposer le contenu à l’intérieur de chaque bloc.
Image
A l’intérieur de vos blocs, il est possible d’intégrer des visuels afin de rendre votre email dynamique. (La largeur de l’image doit être de 600px)
Pour l’ajout des images, vous devez cliquer sur l’édition de l’élément et choisir le fichier dans la bibliothèque.
Vous pouvez ajouter un lien cliquable sur le visuel.
Vous pouvez ajouter un texte alternatif qui s'affiche par défaut si l’image n’apparaît pas.
Vous pouvez activer la largeur à l’échelle de l’image
Vous pouvez définir des espaces sur l’ensemble de vos contenus
2. Texte
Vous pouvez ajouter du texte dans chacun des blocs et le personnaliser.
Il est possible de définir la police du texte, la taille de la police, le positionnement du texte.
Vous pouvez notamment ajouter une variable, des émojis, ou insérer un lien afin de personnaliser le texte.
Liste des variables
{{client.name}} : Nom du client {{client.adress}} : Adresse du client {{client.city}} : Ville du client {{client.zipcode}} : Code postal du client {{contest.title}} : Titre de l'opération {{contest.description}} : Description de l'opération {{contest.link}} : Lien vers votre opération {{participation.id}} : Identifiant du participant {{participation.email}} : Email du participant {{participation.firstname}} : Prénom du participant {{participation.lastname}} : Nom du participant {{participation.gender}} : Genre du participant {{participation.civility}} : Civilité du participant {{participation.customer_number}} : Numéro de client du participant {{participation.title}} : Qualité du participant {{participation.birthday}} : Anniversaire du participant {{participation.adress}} : Adresse du participant {{participation.first_additional_adress}} : Complément d'adresse 1 du participant {{participation.second_additional_address}} : Complément d'adresse 2 du participant {{participation.place}} : Lieu-dit du participant {{participation.zipcode}} : Code postal du participant {{participation.city}} : Ville du participant {{participation.country}} : Pays du participant {{participation.tel}} : Téléphone du participant {{participation.mobile_phone}} : Téléphone mobile du participant {{participation.score}} : Score du participant {{gift.title}} : Titre de la dotation {{gift.description}} : Description de la dotation {{gift.image}} : Image de la dotation {{gift.code}} : Code unique de la dotation {{gift.barcode}} : Code barre de la dotation {{gift.webcoupon_uri}} : Lien Webcoupon SOGEC/HIGHCO {{entry.photo.publish}} : Photo concernée par le déclencheur {{promotion.mirror_uri}} : Lien de la page miroir {{promotion.unsubscribe_uri}} : Lien de désinscription {{promotion.confirm_double_opt_in_uri}} : Lien de confirmation opt-in |
3. Bouton
Le bouton permet de rediriger le destinataire vers une URL externe (le site ou page web) ou vers le jeu ( dans le cas où vous configurez un mail de partage/ invitation par mail).
Les options proposées pour configurer l’apparence du composant sont les suivantes :
Modifier le titre du bouton ainsi que la police, la taille et la couleur du titre ...
Ajout d’un lien
Définir l'arrondi du bouton
Définir l’alignement du bouton sur la page : début, centre, fin
Inclure une bordure
Rendre le bouton en pleine largeur (occupe l'espace du bloc )
Sélectionner la couleur du fond du bouton
Personnaliser les espaces sur l’élément
4. Séparateur
Afin d’apporter du dynamisme dans votre mail, vous pouvez ajouter un séparateur entre chaque élément.
Comme tout élément, il est possible d’effectuer quelques modifications telles que : définir l’arrondi, l’épaisseur et sélectionner la couleur du séparateur.
5. HTML
La dernière fonctionnalité proposée pour la création d’un mail est le code HTML.
Il vous suffira de déposer l’élément dans le bloc associé et d’insérer votre propre HTML.
Dès que vous avez configuré votre email, vous pouvez prévisualiser le rendu en cliquant sur le bouton aperçu. Vous pouvez notamment activer le format mobile qui vous donne une idée de l’aspect graphique qu’aura votre email en version mobile et desktop.