Ouvre l'e-mail que tu veux modifier via 'Brouillons', 'Templates' ou via une étape dans une automatisation d'e-mail. Tu verras alors l'éditeur d'e-mail.
Clique à gauche sur l'un des signes plus violets pour ajouter une nouvelle ligne. Une pop-up s'ouvre avec des blocs d'e-mail prêts à l'emploi, répartis en catégories (comme Boutons, Contenu, Images et Produits), ainsi que tes propres blocs enregistrés sous 'Mes blocs'. Si tu veux ajouter un élément individuel à l'intérieur d'une ligne, clique sur le bouton plus dans la ligne elle-même ; via le menu 'Que veux-tu ajouter ?', choisis l'un des blocs d'e-mail standard.
Dans l'éditeur d'e-mail, tu peux activer ou désactiver la 'Sauvegarde automatique' via le bouton bascule prévu à cet effet. Tu décides ainsi toi-même si les modifications sont enregistrées automatiquement. De plus, le bouton de basculement aperçu bureau/mobile est disponible, afin que tu puisses voir directement comment ton e-mail s'affiche sur différentes tailles d'écran. L'aperçu se comporte désormais de manière identique à l'e-mail réellement envoyé : la même police avec ses alternatives, la couleur des liens suit le style de lien que tu as défini, et les points de rupture responsive proviennent des paramètres du builder.
Modifier les textes de campagne
En bas du canvas se trouvent trois textes de campagne : le texte « Voir dans le navigateur », le texte de pied de page et le texte du lien de désinscription. Clique sur l'un de ces textes pour le modifier. La barre latérale standard du builder ouvre alors un panneau avec les options suivantes :
- Éditeur de texte avec mise en forme en ligne : tu peux mettre en gras ou en italique des portions de texte sélectionnées, ou appliquer une mise en surbrillance de couleur. Les titres, listes et liens ne sont pas disponibles ici.
- Taille du texte pour l'ensemble du texte.
- Couleur du texte pour l'ensemble du texte, avec la possibilité d'utiliser la couleur thématique de la campagne.
- Padding (haut, droite, bas et gauche) — non disponible pour le texte du lien de désinscription, car celui-ci est intégré en ligne dans le pied de page.
Les modifications sont immédiatement visibles sur le canvas sous forme d'aperçu en direct. Enregistre tes modifications via le bouton Enregistrer dans le panneau. Si tu fermes le panneau sans enregistrer, les modifications sont annulées et le canvas revient à la valeur précédemment enregistrée.
Garde à l'esprit que la sélection d'un texte de campagne et la sélection d'un bloc de construction s'excluent mutuellement : si tu cliques sur un texte de campagne, un éventuel bloc de construction sélectionné est désélectionné, et inversement.
Lors de l'enregistrement, Xendy vérifie le contenu. Tu verras un message d'erreur si :
- le texte est vide : « Ce texte ne peut pas être vide. »
- le texte est trop long : « Ce texte est trop long. Raccourcis le texte pour pouvoir enregistrer. »
- un paramètre de style est invalide (par exemple un format de couleur invalide) : « Un ou plusieurs paramètres sont invalides. Vérifie la taille et la couleur du texte. »
Déplacer des lignes, colonnes et éléments par glisser-déposer
Tu peux modifier la structure de ton e-mail en faisant glisser des éléments :
- Déplacer des lignes : utilise la poignée de déplacement dans la barre d'outils de la ligne (info-bulle : « Déplacer le bloc ») pour faire glisser une ligne vers une autre position.
- Déplacer des colonnes : pour les lignes comportant plusieurs colonnes, une poignée de déplacement apparaît en haut à gauche de la colonne au survol. Cela te permet de réorganiser les colonnes horizontalement au sein de la même ligne. Cela fonctionne uniquement en vue bureau et uniquement si la ligne contient plus d'une colonne.
- Déplacer des éléments : chaque élément dans une colonne dispose d'une poignée de déplacement en haut à gauche (info-bulle : « Déplacer l'élément »), visible au survol. Tu peux faire glisser un élément vers une autre position dans la même colonne ou vers une autre colonne. La colonne de destination reçoit un contour bleu comme retour visuel.
Pendant le glisser-déposer, tu vois un badge d'aperçu compact indiquant ce que tu déplaces : pour un élément, il affiche l'icône et le nom du type de bloc, pour une colonne il indique « Colonne » et pour une ligne « Ligne ». L'élément d'origine reste affiché en grisé à sa place jusqu'à ce que tu le relâches.
Pour annuler le glisser-déposer, appuie sur Échap ou relâche l'élément en dehors du builder. L'ordre d'origine est alors rétabli. Un simple clic sur une poignée de déplacement ne démarre pas d'action de glisser ; tu dois bouger d'au moins 5 pixels avant que le glisser-déposer commence.
Blocs d'e-mail standard :
- Texte : ajoute des paragraphes ou des titres (H1, H2, H3). Personnalise la police, la taille, la hauteur de ligne et la couleur dans la barre latérale. La couleur de texte choisie n'est visible que dans l'aperçu, pas dans le champ de modification lui-même.
- Image : télécharge tes propres images ou choisis parmi tes images précédemment téléchargées. Définis un lien et les dimensions (pourcentage ou pixels).
- Bouton : crée des appels à l'action cliquables. Personnalise le texte, le lien, la police, les couleurs, le rembourrage et le rayon des coins. Les saisies non numériques dans le champ d'arrondi sont ignorées ; à la sortie du champ, la valeur est automatiquement limitée au minimum ou maximum autorisé.
- Youtube : colle un lien YouTube ; Xendy affiche automatiquement un aperçu avec un bouton de lecture. Cliquer dessus redirige le destinataire vers YouTube.
- Réseaux sociaux : ajoute des icônes pour tes canaux. 11 plateformes sont disponibles, dont Adresse e-mail, Site web et Numéro de téléphone (Twitter s'appelle ici X). Tu peux réorganiser les icônes à ta guise. Les liens se configurent à l'échelle du compte via Paramètres → Réseaux sociaux.
- Séparateur : ajoute une ligne de séparation entre les sections. Ajuste la hauteur.
Blocs d'e-mail pour les boutiques en ligne :
Avec une connexion boutique en ligne active (WooCommerce, Shopify, Lightspeed, Magento 2 ou sur mesure), des blocs supplémentaires sont disponibles :
- Produit : intègre des produits avec images, noms, prix et liens depuis ta boutique en ligne.
- Panier du contact : affiche les articles abandonnés du contact et ajoute un bouton vers le panier.
Attention : si aucun produit n'est disponible (par ex. panier vide), l'e-mail ne sera pas envoyé à ce contact.
