Blocs
Affichage
Boutons / CTAs
Export
Images
Textes
Mode sombre (Dark mode)
HTML
Tests
Autres questions
Blocs
Puis-je ajouter un séparateur personnalisé ? Pour le moment, cette fonction n'est pas disponible.
Puis-je grouper plusieurs blocs ensemble ? Non, ce n'est pas prévu pour le moment. En revanche, vous pouvez superposer deux contenus dans le même bloc, comme ceci :
Puis-je dupliquer un bloc avec une boucle magasin ? Oui, vous pouvez dupliquer n'importe quel bloc.
Puis-je sauvegarder les blocs pour faire un template ? Oui, vous pouvez sauvegarder des blocs et les réutiliser dans d'autres designs. Sélectionnez simplement le bloc et appuyez sur « Sauvegarder ». Vos blocs sauvegardés seront alors disponibles dans les futurs designs.
Lorsque je crée un template d'email avec le Message Builder et que je fais une copie de cet email, je ne peux pas modifier le code HTML de la copie avec l'éditeur HTML. Puis-je le modifier uniquement avec le Message Builder ? Exactement.
Est-ce qu’il y a des blocs spécifiques pour créer le footer de l’email ? Non, tous les blocs peuvent être utilisés à n’importe quel endroit de l’email.
Puis-je superposer des blocs ? Pour le moment ce n’est pas possible. En revanche, vous pouvez mettre une image de fond à n’importe quel bloc.
Quelles sont les bonnes pratiques à propos du nombre de blocs ? Nous vous recommandons d'insérer le moins de blocs possible, ce qui signifie que si votre e-mail ne forme qu'une seule colonne, vous pouvez utiliser le même bloc pour tout votre contenu. Vous ne devez insérer de blocs différents que si vous avez besoin de colonnes différentes. Moins vous avez de lignes et plus votre code HTML sera léger.
Puis-je ajouter des séparateurs verticaux entre les colonnes d’un bloc ? Il est possible d’utiliser des séparateurs verticaux d’une manière détournée. Dans les options des blocs, vous pouvez configurer des bordures pour les colonnes. Sélectionner la bordure droite de la colonne 1 équivaut à insérer un séparateur vertical.
Affichage
J'ai l'impression que la fenêtre d'édition est très petite. Comment faire pour avoir une vue d'ensemble sur mon email pendant l'édition ? Nous vous recommandons d'utiliser un écran de bureau pour créer vos emails, c'est nettement plus agréable. Et nous avons également un mode « full screen » disponible.
Puis-je utiliser cette interface sur tablette ? Oui, la plateforme Splio est responsive. Toutefois, nous recommandons d’utiliser le plus grand écran à votre disposition, en particulier pour les designs.
Boutons / CTAs
Puis-je changer la forme du CTA ? Oui, grâce à l'option « rayon de la bordure », quand vous avez sélectionné le bouton.
Est-ce que tout le CTA est cliquable ? Oui, tout le bouton est cliquable et pas seulement le texte.
Puis-je rendre cliquable un bloc complet ? Non, mais vous pouvez mettre des liens derrière les images, les boutons et dans les blocs de texte.
Est-il possible d'avoir un CTA pour chaque image ? En dessous de l'image pour le CTA, au lieu d'en avoir un seul, je souhaiterai en avoir 3. Oui, il suffit de déposer un bloc avec trois colonnes et d’insérer un CTA dans chacune des colonnes.
Puis-je mettre les CTA dans le même bloc que l’image ? Puis-je mettre une image d’arrière-plan avec du texte ou un CTA dessus ? Oui. Dans les paramètres du bloc, vous pouvez ajouter une image en fond et ajouter ensuite n’importe quel type de contenu (CTA, texte, etc.).
Dans la prévisualisation responsive, comment avoir les boutons sous chaque image ? Il faut créer des blocs différents pour le mobile et le desktop et jouer avec l’affichage différencié.
Est-il possible d'ajouter un CTA au calendrier ? Cela n'est pas nativement possible depuis la plateforme car nous ne générons pas les fichiers .ics nécessaires à ce type de fonctionnalité, mais vous pouvez suivre quelques étapes et le faire de votre côté. Cet article peut être utile.
Export
Puis-je exporter le code HTML et les images pour les emails externes avec les partenaires ? Pour cela, vous pouvez utiliser le lien miroir. Pour afficher le code, il suffit de cliquer dessus, puis de faire un clic droit sur la page.
Est-il possible d'exporter l'email en PDF ou en PNG ? Pas pour l’instant. Le mieux est de vous envoyer un test, puis de l’exporter en PDF depuis votre client mail.
Images
Quels sont les formats d'images acceptés ? PNG, JPEG, GIF mais pas TIFF.
Puis-je rendre l’image en arrière-plan cliquable ? Pour le moment, les images en arrière-plan ne sont pas cliquables.
Puis-je accéder aux images de la bibliothèque en dehors du Message Builder (par exemple, celles que j'ai déjà insérées dans l'ancien éditeur HTML) ? Non, pour l’instant ce n’est pas possible.
Est-ce que le Message Builder compresse les images ? Si j'insère dans la bibliothèque une image de 100ko (qui est un volume important), le Builder compresse ou laisse ma photo à 100ko ? Oui le Message Builder compresse les images pour les adapter à l’email.
Est-il possible d’ajouter des images de fond ? Oui, dans les paramètres de chaque bloc (et pas du contenu).
Puis-je ajuster les images dans un bloc de 3 images, par exemple pour supprimer les espaces ? Oui c’est possible. Par défaut il n’y a aucun espace. Si vous changez le paramètre remplissage, vous pouvez rajouter des espaces soit de tous les côtés en même temps, soit d’un côté à la fois (options avancées).
Puis-je stocker ses images sur mon propre FTP en y insérant ensuite le lien correspondant ? Cette option n’est pas disponible dans le Message Builder, mais elle est présente dans l'éditeur HTML.
Si deux blocs images se suivent, y aura-t-il une marge entre ces deux blocs ? Vous pouvez régler ce paramètre avec l'espacement, qui est le dernier paramètre dans le menu de droite, quand vous avez sélectionné l'image.
Avez-vous des recommandations pour le poids total des images ? La taille totale de l'email ne doit pas excéder 100 ko. Plus l'email est léger, plus les images s'afficheront correctement sur les téléphones, en particulier si leur connexion est mauvaise. Si votre email est plus lourd que 100ko, il risque d'être tronqué sur Gmail et autres fournisseurs de services email. Les images ne sont pas comptées dans le calcul du poids de l'email.
Comment faire pour mettre un nom de produit sous l'image ? Il faut insérer un bloc de texte sous l'image et utiliser la personnalisation pour ajouter le nom (boucle de produit), ou bien l'écrire à la main. Assurez-vous de bien insérer tout le texte dans le même bloc pour garantir que l'affichage mobile soit correct. Si vous l'insérez dans plusieurs blocs séparés, le Message Builder considèrera que ces contenus ne sont pas liés entre eux et ne les affichera pas correctement.
Ou encore sur l'image ? Pour cela, il faut sélectionner l'image, puis aller dans les effets à droite. Vous pouvez ajouter des filtres, des formes, des bordures, du texte, etc.
Puis-je ajouter des effets sur le survol ? Non, ce n'est pas prévu pour l'instant.
Est-il possible d’intégrer un gif plutôt qu’un jpeg ? Oui, il suffit de l’insérer comme n’importe quelle image.
Comment afficher les produits dans une boucle ? Vous pouvez utiliser un bloc d'image ou un bloc HTML pour afficher des images d'une boucle de produit. Les deux options fonctionneront. L'utilisation d'un bloc HTML vous donne l'avantage de pouvoir fixer la taille de votre image. Ci-dessous, vous pouvez voir l'exemple d'un bloc d'image :
Textes
Est-ce que les blocs de texte peuvent gérer les tableaux collés à partir d'un document Word ? Non, cela n'est pas possible.
Puis-je télécharger mes polices sur Splio ? Non, seules les polices qui respectent les bonnes pratiques en matière d'emails sont proposées.
Mode sombre (Dark mode)
Si vous voulez découvrir comment optimiser le design de vos emails pour les utilisateurs du mode sombre, nous avons sélectionné pour vous quelques articles sur des sites spécialisés :
- Dark Mode Design Best Practices - BEE Design Blog (2022)
- The Ultimate Guide to Dark Mode for Email Marketers - Litmus
- Dark Mode for Email: What it is and How to Cope - Email on Acid
- Dark mode in HTML email - Sidemail
HTML
Puis-je intégrer des blocs crées par un graphiste ? Oui, via les contenus HTML. Cependant, gardez à l'esprit que le Message Builder formatera le code.
Comment faire pour changer la balise title
? Vous ne pouvez le faire que dans le code HTML, et donc pas dans le Message Builder.
Tests
Puis-je utiliser les tests de délivrabilité Email On Acid comme sur les emails classiques créés avec le Message Builder ? Oui.
Après avoir enregistré le design, puis-je envoyer un BAT et ensuite apporter des modifications ? Oui, de la même manière qu’avec les autres méthodes de création d’un design.
Puis-je avoir une prévisualisation Android vs Iphone ? Oui, cette option est disponible. Une fois que vous avez sauvegardé votre design, cliquez sur le bouton « outils », puis sur « Aperçu clients de messagerie ».
Autres questions
Lorsque je crée un email via cet outil, les bonnes pratiques html sont-elles respectées ? La délivrabilité est-elle bien optimisée ? Oui, les bonnes pratiques sont respectées, mais pour être optimal à 100%, rien ne remplace le code HTML écrit par un spécialiste.
Le Message Builder offre-t-il plus de possibilités techniques et de design que la solution Splio actuelle ? Ou est-ce juste plus intuitif et immédiat ? Le Message Builder est surtout plus intuitif, mais il offre également quelques nouvelles fonctionnalités (afficher sur mobile, filtres sur les images, images dynamiques).
En ce qui concerne le lien de la vidéo Youtube, une fois que je clique sur la vignette, suis-je redirigé·e vers Youtube ou puis-je regarder la vidéo directement dans la newsletter ? Le lien vous redirigera vers Youtube. Par conséquent, vous ne pourrez pas lire la vidéo dans l’email.
Le lien miroir et celui de désabonnement sont-ils générés automatiquement ? Non, il faut les ajouter via bouton « liens spéciaux » dans les blocs de texte. Pour mémoire, le lien miroir est recommandé, alors que celui de désabonnement est obligatoire (pour respecter les critères RGPD et délivrabilité).
Puis-je ajouter du texte caché pour qu'il apparaisse dans les prévisualisations d'emails (par exemple, les deux lignes qu'on peut lire sous l'objet de l'email dans l'application email native iPhone), mais pas dans la newsletter en elle-même ? Ce texte est appelé pré-header. La seule façon d'ajouter un pré-header est d'insérer un bloc HTML et du texte dans le bloc (taille 0 ou 1 pixel). Vous pouvez utiliser l'exemple de code suivant :
<div style="display: none; max-height: 0px; overflow: hidden;">
make the most of this offer today
</div>
<!-- Insert hack after hidden preview text -->
<div style="display: none; max-height: 0px; overflow: hidden;">
‌ ‌ ‌ ‌ ‌ ‌&
</div>
Si le navigateur cesse de fonctionner avant que je sauvegarde mon email, est-ce que je risque de perdre tout ce que j’ai fait ? Oui. Pour cette raison, nous vous recommandons de travailler sur une connexion sûre et de sauvegarder votre message régulièrement. Si vous le souhaitez, vous pouvez annuler et refaire des actions à l'aide du bouton « historique » en bas à gauche de l'écran.
Est-ce que vous faites évoluer la plateforme lorsque les webmails se mettent à jour ? Oui, notre éditeur est mis à jour régulièrement en fonction des évolutions de l'écosystème, à part quelques exceptions pour certaines évolutions mineures.
Puis-je inclure un code-barres dans mon email ? Vous pouvez intégrer un générateur de codes-barres directement dans Message Builder. Notre code-barres est de type ean13 et dynamique, ce qui signifie qu'un code-barres de 13 caractères différent s'affichera pour chaque client. Si vous avez besoin de plus d'informations sur cette fonctionnalité, contactez-nous : nous sommes à votre disposition pour vous aider.
Est-il possible d'utiliser la « catégorie de lien » dans Message Builder ? Oui! Vous pouvez consulter notre article dédié ici.
Puis-je faire des annotations d'e-mail (voir l'exemple dans l'image ci-dessous) dans mon design ? Non, cette fonctionnalité n'est pas native dans Message Builder et nécessitera des compétences en HTML. Mais si vous êtes à l'aise avec le HTML et que vous êtes capable de modifier votre design de cette façon, vous pouvez suivre les instruction de cette documentation Google (en anglais) sur la façon de l'implémenter directement dans votre e-mail HTML. Notez que vous avez la possibilité d'insérer des blocs HTML dans Message Builder. Seulement disponible avec gmail.
Puis-je utiliser la fonction "copier dans le presse-papiers", par exemple pour un code promo dans mon design ? Non, vous ne pouvez pas le faire dans Message Builder, cela devra être codé dans le HTML, notez que vous avez également la possibilité d'insérer des blocs HTML dans Message Builder.