Les emails pour les campagnes peuvent être assemblés selon votre design à l'aide de blocs.
Textes, boutons, messageries, images, ainsi que des outils de personnalisation des blocs — c'est un tout nouveau niveau de design.
Oubliez les modèles ennuyeux — créez des emails uniques et personnalisés avec Mavibot.
Sections (blocs) pour les emails
Vous trouverez le constructeur d'emails sous l'onglet "Emails" lors de la création d'un envoi email :
Dans le constructeur, vous verrez une toile vierge où vous pouvez insérer les blocs (sections) suivants :
- Image
- Texte
- Bloc vide
- Bouton
- Réseaux sociaux
- Bloc HTML
De plus, les blocs peuvent être combinés entre eux — par exemple, vous pouvez ajouter plusieurs éléments d'email au sein d'une même section.
Chaque bloc comprend des paramètres d'affichage généraux pour la section, tels que :
- Remplissage intérieur ;
- Bordure ;
- Rayon de bordure ;
- Arrière-plan.
Commençons par passer en revue les paramètres disponibles pour chaque section. Ensuite, nous verrons un exemple pour montrer comment personnaliser plusieurs blocs différents au sein d'une même section.
Image
Pour ajouter une image, allez dans le menu sur le côté droit de l'écran. Vous y trouverez une icône qui permet de télécharger une image en cliquant dessus :
Lorsque vous cliquez sur le bouton, vous verrez que la section a été ajoutée à l'email :
Pour ajouter une image, allez dans l'onglet correspondant et téléchargez le fichier dont vous avez besoin depuis votre appareil :
Ensuite, vous verrez que l'image a été ajoutée à la section :
Vous pouvez transformer l'image en un élément de type bouton afin que lorsque les destinataires cliquent dessus dans l'email, ils soient redirigés vers une page spécifique.
Pour ce faire, saisissez simplement le lien souhaité dans le champ prévu :
Texte
Un bloc de texte peut être ajouté soit dans une section qui contient une image (ou tout autre bloc), soit en tant que bloc séparé.
Attention !
Le changement de polices n'est pas disponible.
- Pour ajouter du texte à l'intérieur d'une section — par exemple, une section avec une image — survolez le bloc d'image (ou tout autre bloc à droite) et cherchez l'icône "+" :
Ensuite, cliquez sur l'icône plus, et un menu déroulant avec les options de blocs apparaîtra :
Comme vous pouvez le voir, le bloc de texte a été ajouté à l'intérieur de la section qui contient déjà une image :
Faites attention !
Vous pouvez ajouter jusqu'à quatre éléments de contenu (blocs) dans une même section.
- Pour ajouter une section séparée dans l'email avec un bloc de texte (ou tout autre bloc), survolez le côté gauche de l'écran et trouvez l'icône "+" dans le menu des actions rapides :
Ensuite, cliquez sur l'icône plus et sélectionnez la section que vous souhaitez ajouter :
Une nouvelle section avec un bloc de texte sera alors ajoutée :
Pour éditer, cliquez sur le texte, et une barre d'outils avec des paramètres — similaires à ceux de tout éditeur de texte — apparaîtra au-dessus.
Dans la barre d'outils au-dessus du bloc de texte, vous pouvez appliquer les formats gras, italique et souligné :
Vous pouvez également formater le texte en liste, ajouter un lien, et l'aligner à gauche, à droite ou au centre.
Pour ajuster la taille de la police, la hauteur de ligne, l'espacement et la couleur, allez dans les paramètres du bloc "Texte" dans le menu de droite :
Bouton
Un bloc de bouton s'ajoute de la même manière que tout autre bloc : il peut être placé comme une section séparée ou à l'intérieur d'une section existante avec d'autres éléments :
Vous pouvez insérer un lien vers n'importe quelle page requise dans le bouton :
Pour changer le texte, cliquez sur le champ de texte à l'intérieur du bouton :
Ensuite, saisissez le texte souhaité :
Pour modifier la taille du bouton, localisez le champ avec les flèches dans le menu :
Ensuite, définissez la taille requise en entrant une valeur numérique — le champ accepte les valeurs en pixels.
Pour modifier l'alignement du bouton (centré, à gauche ou à droite), utilisez ces paramètres :
Le menu contient également un champ pour changer la couleur du bouton :
Boutons "Réseaux sociaux"
Dans l'email, vous pouvez également ajouter des boutons qui redirigeront les destinataires vers les plateformes de réseaux sociaux connectées à votre projet :
Dans les paramètres du bloc, vous pouvez choisir le canal spécifique vers lequel vous souhaitez rediriger vos clients :
Le menu des paramètres comprend également une option de style pour les boutons de réseaux sociaux :
- Standard : utilise le style original des icônes de messagerie :
- Avec bordure : icônes transparentes avec une couleur de bordure correspondant aux couleurs standard de la messagerie respective.
- Monochrome : icônes affichées dans une seule palette de couleurs.
Pour arrondir les coins des icônes, entrez la valeur numérique souhaitée en pixels dans le champ "Coins arrondis" :
Paramètres des blocs à l'intérieur d'une section
Chaque élément d'une section a les mêmes paramètres de remplissage, de bordures et d'arrière-plan.
Vous pouvez configurer un bloc séparément de chaque élément, ainsi que choisir :
Remplissage de l'élément
Vous pouvez ajuster le remplissage de l'élément dans les champs correspondants :
Ces remplissages se réfèrent spécifiquement à la position du bloc de contenu par rapport à sa bordure.
Bordure (intérieure)
Une section contient deux bordures personnalisables : la bordure extérieure (pour toute la section) et la bordure intérieure (pour l'image ou d'autres éléments).
Des instructions sur la façon de modifier la bordure extérieure de la section se trouvent dans la section "Paramètres généraux de la section" -> Bordure. lien "Bordure"
La bordure intérieure entourant le bloc de contenu peut être personnalisée avec n'importe quelle couleur, épaisseur, ainsi que des bordures spécifiques à mettre en évidence et le style de ligne souhaité :
Chaque côté de la bordure peut être personnalisé séparément des autres.
Pour ce faire, cliquez sur le côté de la bordure que vous souhaitez modifier :
Ensuite, sélectionnez la couleur, l'épaisseur et le style de ligne de la bordure.
Pour personnaliser la bordure sur les quatre côtés, cliquez sur l'icône correspondante :
Rayon de bordure
Vous pouvez également définir le rayon des coins de la bordure intérieure en pixels :
Les champs pour chaque coin de la bordure acceptent des valeurs numériques en pixels.
Arrière-plan du bloc de contenu à l'intérieur d'une section
L'arrière-plan intérieur, qui s'applique uniquement au bloc contenant un élément spécifique dans la section, peut être défini en téléchargeant une image ou en sélectionnant une couleur dans la palette de couleurs.
Vous pouvez également choisir la position et la taille de l'image pour l'arrière-plan :
Paramètres de la section
Une section avec des éléments de contenu peut être personnalisée différemment des autres sections de l'email en appliquant des couleurs d'arrière-plan, en ajoutant des bordures et en ajustant le remplissage.
Remplissage
Le remplissage de la section s'applique à tous les éléments situés à l'intérieur de la section :
Pour définir le remplissage des blocs par rapport à la bordure extérieure d'une section, faites glisser les bords de la bordure pour ajuster la position des éléments par rapport au haut et au bas, ainsi qu'aux bords droit et gauche.
Alternativement, vous pouvez définir des valeurs numériques dans les champs situés dans le menu de droite sous l'onglet "Section" :
Bordure
Une section contient deux bordures personnalisables : la bordure extérieure (pour toute la section) et la bordure intérieure (pour une image ou d'autres éléments)
Des instructions sur la façon de modifier la bordure extérieure de la section se trouvent dans la section "Bordure (intérieure)" lien "Bordure (intérieure)"
La bordure extérieure, qui encadre toute la section avec les blocs de contenu, peut être personnalisée avec n'importe quelle couleur et épaisseur, ainsi qu'en sélectionnant les côtés souhaités à mettre en évidence et le style de bordure :
Chaque côté de la bordure peut être personnalisé séparément des autres.
Pour ce faire, cliquez sur le côté souhaité de la bordure :
Ensuite, sélectionnez la couleur, l'épaisseur et le style de la bordure.
Pour personnaliser la bordure sur les quatre côtés, cliquez sur l'icône correspondante :
Rayon de bordure
Vous pouvez également définir l'arrondi des coins de la bordure de la section en pixels :
Les champs pour chaque coin de la bordure acceptent des valeurs numériques en pixels.
Arrière-plan
L'arrière-plan intérieur, qui s'applique uniquement à toute la section, peut être défini en téléchargeant une image ou en sélectionnant une couleur dans la palette de couleurs.
Vous pouvez également choisir la position et la taille de l'image d'arrière-plan :
