Questions fréquemment posées
Cette page répond à certaines questions fréquemment posées sur l’éditeur par glisser-déposer pour les e-mails.
Puis-je prévisualiser l’apparence de mon e-mail en mode sombre ?
Oui. Accédez à la section Aperçu et test de l’éditeur par glisser-déposer et activez le Mode sombre. Nous vous recommandons également de prévisualiser et de tester vos e-mails sur différentes plateformes utilisateur et d’utiliser des images transparentes pour les images d’arrière-plan des lignes lorsque cela est possible.
Comment concevoir des e-mails pour le mode sombre et le mode clair ?
Les e-mails n’ont pas besoin d’être envoyés dans des mises en page distinctes pour le mode clair et le mode sombre, car les clients de messagerie et les appareils peuvent appliquer leur propre thème sombre. Toutefois, cela peut inverser les couleurs ou masquer les arrière-plans si des couleurs explicites ne sont pas définies sur le conteneur externe et les sections principales. Pour éviter cela, nous recommandons de définir des couleurs d’arrière-plan solides afin que votre message soit lisible aussi bien en mode sombre qu’en mode clair.
Certains clients de messagerie remplacent les images d’arrière-plan ou inversent le texte à faible contraste en mode sombre. Le corps du texte peut donc sembler absent ou s’afficher différemment selon les clients (par exemple, Gmail sur iOS versus Android). Définissez background-color sur le conteneur externe et les sections principales au lieu de vous fier uniquement aux images d’arrière-plan pour les fonds clairs.
Pourquoi ma police personnalisée n’apparaît-elle pas dans l’aperçu de l’e-mail par glisser-déposer ?
Les polices personnalisées se chargent dans l’aperçu de l’éditeur lorsqu’un bloc Text du message fait référence à la police. Si l’aperçu affiche toujours une police de substitution après avoir configuré une police personnalisée dans les paramètres de l’éditeur d’e-mails par glisser-déposer, ajoutez un bloc Text qui utilise cette police afin que l’éditeur la charge pour l’aperçu. Vérifiez que le partage de ressources entre origines (CORS) est activé sur votre fichier de police. Revérifiez Preview and Test et vos clients de messagerie cibles avant l’envoi. Pour les étapes de configuration, consultez Police personnalisée.
Comment conserver le formatage du texte lorsque je copie et colle depuis une autre application ?
Les différents éditeurs de texte et applications ont leurs propres façons de gérer le formatage du texte, qui ne sont pas toujours reconnues de manière universelle. Lorsque vous copiez et collez du texte formaté provenant de l’extérieur de Braze dans l’éditeur par glisser-déposer, le formatage riche peut ne pas être conservé.
Pour coller du texte sans formatage riche, utilisez l’une de ces méthodes :
- Sur Mac : appuyez sur cmd+shift+V au lieu de cmd+V
- Sur Windows : appuyez sur ctrl+shift+V au lieu de ctrl+V
- Faites un clic droit dans l’éditeur et sélectionnez Paste and Match Style
Comment puis-je modifier le rembourrage (padding) des e-mails sur mobile sans modifier le rembourrage dans la vue web ?
Vous ne pouvez pas modifier le rembourrage (padding) de manière exclusive pour les vues mobile et web ; toute modification est donc reflétée dans les deux vues. Cependant, vous pouvez ajouter une logique CSS dans l’éditeur HTML qui définit le rembourrage en fonction de différentes tailles d’écran. Cette fonctionnalité n’est pas prise en charge dans l’éditeur par glisser-déposer, mais vous pouvez exporter le fichier HTML et utiliser l’éditeur HTML à la place.
Comment puis-je optimiser une rangée de boutons pour qu’elle reste horizontale sur ordinateur et mobile ?
Lors de la création d’un e-mail avec l’éditeur par glisser-déposer, si vous créez une rangée horizontale de boutons d’appel à l’action, vous constaterez peut-être que les boutons passent en orientation verticale sur mobile.
Pour conserver le même format sur toutes les tailles d’appareil, nous recommandons de créer une rangée distincte avec des boutons CTA dont le remplissage (padding) est optimisé pour le mobile et qui est configurée pour être masquée sur un ordinateur de bureau. Avoir deux rangées distinctes vous permet de définir le remplissage souhaité pour un rendu optimal du texte sur ordinateur et sur mobile.
Puis-je ajuster la hauteur des lignes dans l’éditeur par glisser-déposer ?
La hauteur des lignes s’ajuste automatiquement au contenu. Comme alternative, nous vous recommandons de :
- Ajouter un bloc de séparation.
- Cliquer sur le bouton pour activer sa transparence.
- Ajuster la hauteur.
Est-il possible de créer des calques dans l’éditeur ? Puis-je ajouter une image d’arrière-plan, superposer une image et ajouter un calque de texte par-dessus ?
L’éditeur par glisser-déposer prend actuellement en charge deux calques. Vous pouvez définir une image d’arrière-plan pour une ligne et personnaliser les couleurs d’arrière-plan.
Puis-je enregistrer mon e-mail en glisser-déposer comme modèle après l’avoir créé dans ma Campaign ou mon Canvas ?
Non. Vous ne pouvez pas enregistrer un e-mail en glisser-déposer depuis une Campaign ou un Canvas en tant que modèle d’e-mail en glisser-déposer dans Modèles > Modèles d’e-mail. Recréez la mise en page sous Modèles > Modèles d’e-mail, ou partez d’un modèle enregistré la prochaine fois. Pour les instructions, consultez Créer un modèle d’e-mail.
Si vous avez besoin d’un modèle HTML réutilisable, sélectionnez Télécharger le fichier lors de la modification du corps en glisser-déposer, ouvrez le fichier HTML depuis le ZIP, puis collez le balisage dans un modèle d’e-mail HTML à l’aide de l’éditeur de code HTML. Vérifiez ensuite le Liquid, les liens et les ressources hébergées.
Pour en savoir plus sur l’emplacement des modèles, consultez Modèles et médias.
Pourquoi ne puis-je pas modifier la couleur de remplissage d’un bouton dans l’éditeur par glisser-déposer ?
Les styles au niveau de la page peuvent remplacer les styles au niveau du message. Si la modification de Remplissage sur un bouton ou un bloc n’a aucun effet, essayez ce qui suit :
- Ouvrez les paramètres de style global des e-mails et sélectionnez Réinitialiser par défaut sur le style de page en conflit afin que la couleur définie au niveau du message puisse s’appliquer.
- Définissez à nouveau la couleur sur le bloc.
Puis-je ajouter des pièces jointes à un e-mail dans l’éditeur par glisser-déposer ?
Oui. Vous pouvez ajouter des pièces jointes à votre e-mail en accédant à Sending Settings > Advanced.
Comment télécharger le HTML brut d’un e-mail glisser-déposer ?
L’éditeur glisser-déposer propose l’option Download file pour exporter votre e-mail sous forme de fichier HTML dans une archive ZIP.
- Ouvrez votre Campaign ou Canvas et modifiez le message e-mail.
- Sélectionnez Edit email body pour ouvrir l’éditeur glisser-déposer.
- Sélectionnez Download file.
- Extrayez l’archive pour accéder au fichier HTML généré.
Sous Windows, déplacez le fichier ZIP vers un emplacement permanent (tel que Téléchargements) avant de l’extraire. Extraire depuis un dossier temporaire peut vous empêcher d’accéder au fichier HTML une fois ce dossier vidé.
Vous pouvez coller ce HTML dans un bloc HTML ou dans l’éditeur HTML lorsque vous avez besoin de modifications de bas niveau (par exemple, pour désactiver le suivi des clics sur des liens spécifiques).
Pourquoi la mise en page de mon glisser-déposer se casse-t-elle ?
Les problèmes de mise en page sont souvent causés par du HTML ou CSS personnalisé qui entre en conflit avec le balisage généré par l’éditeur. Essayez les étapes suivantes :
- Supprimez ou isolez les blocs HTML personnalisés pour vérifier si le problème disparaît.
- Vérifiez les paramètres de l’éditeur d’e-mails par glisser-déposer pour les polices personnalisées qui pourraient ne pas se charger dans tous les clients.
- Dans Row Properties, vérifiez le rembourrage et les largeurs des colonnes.
- Lorsque vous ajoutez du HTML personnalisé, privilégiez les mises en page basées sur des tableaux, les images fluides et des largeurs de tableau totales adaptées à la largeur de votre e-mail — les images en pixels fixes ou les structures non tabulaires se cassent souvent dans Outlook et d’autres clients.
Comment Gmail Translate affecte-t-il les e-mails créés par glisser-déposer ?
Lorsqu’un destinataire utilise la fonctionnalité de traduction de Gmail, Gmail supprime le bloc <style> du HTML de l’e-mail pendant le processus de traduction. Gmail peut également supprimer les blocs <style> pour d’autres raisons. Consultez les limitations CSS de Gmail.
L’éditeur par glisser-déposer s’appuie sur le CSS contenu dans ce bloc <style> pour contrôler les largeurs responsives des lignes et des conteneurs. Sa suppression entraîne l’affichage des arrière-plans de ligne et des conteneurs à la largeur fixe en pixels du modèle (souvent 600 pixels) au lieu de remplir toute la largeur du conteneur. Ce comportement se produit aussi bien sur iOS que sur Android.
Si un rendu responsive sous Gmail Translate est nécessaire, utilisez l’éditeur HTML pour créer un e-mail HTML personnalisé au lieu de l’éditeur par glisser-déposer.
Pourquoi mon Content Block ne s’affiche-t-il pas dans l’aperçu de l’e-mail ?
Si un Content Block ne s’affiche pas dans l’aperçu de l’e-mail, vérifiez qu’il n’y a pas de balises d’ancrage non fermées. Pour les URL de contenu connecté, utilisez le filtre replace afin de convertir les esperluettes doublement encodées (&amp;) en une seule esperluette encodée (&). Limitez l’imbrication des Content Blocks à deux niveaux.
Pourquoi un Content Block en glisser-déposer perd-il son style mobile à l’intérieur d’un bloc de code personnalisé ?
Lorsque vous placez un Content Block en glisser-déposer à l’intérieur d’un bloc Code personnalisé (HTML), le style et l’alignement spécifiques au mobile du Content Block peuvent ne pas s’appliquer dans le message envoyé. Lorsque le Content Block et le modèle utilisent tous deux l’éditeur par glisser-déposer, ajoutez le Content Block en tant que ligne distincte au lieu de l’imbriquer dans un bloc de code personnalisé.
Lorsque vous empilez plusieurs Content Blocks, utilisez une ligne distincte pour chaque bloc au lieu d’en placer plusieurs dans une seule ligne.
Pourquoi l’éditeur par glisser-déposer ignore-t-il les paramètres d’alignement ?
Si l’éditeur par glisser-déposer ignore les paramètres d’alignement, supprimez les blocs CSS ou HTML personnalisés, supprimez les polices personnalisées, vérifiez les conflits CSS et évitez de dupliquer les blocs de lignes. Contactez le support Braze si le problème persiste.
Pourquoi le code couleur hexadécimal que j’ai choisi ne correspond-il pas à la police dans mon e-mail ?
Si vous utilisez un Content Block, celui-ci peut avoir son propre paramètre de couleur de police. Sélectionnez le bloc de texte à l’intérieur du Content Block et supprimez toute surcharge locale de couleur de police afin que votre couleur hexadécimale définie au niveau global ou du paragraphe puisse s’appliquer.