De plus en plus de personnes utilisent des appareils mobiles. Il est donc plus important que jamais de garder le mobile à l'esprit lorsque vous créez vos e-mails. Vous trouverez ci-dessous les meilleures pratiques que vous pouvez utiliser lors de la création de modèles et de campagnes.
Prenez note
- Éditeur classique d'e-mail: Il n'est pas possible d'éditer un email juste pour le mobile ou juste pour le bureau. Au lieu de cela, vous créez un e-mail qui sera rendu différemment dans les deux applications
- Lancement de l'éditeur d'e-mail en 2022 : vous pouvez modifier un e-mail pour le mobile et le bureau. Ce paramètre se trouve sous "Paramètres globaux" > "Paramètres généraux" > "Responsive design" de l'éditeur d'e-mail. En outre, vous pouvez cacher le contenu sur le mobile ou le web. Cela vous donne la possibilité de concevoir un e-mail adapté aux téléphones mobiles et une version adaptée aux ordinateurs de bureau en même temps
Utiliser le paramètre "Responsive Design
Ce paramètre est automatiquement activé pour chaque campagne et chaque e-mail d'automatisation que vous créez et peut être désactivé manuellement.
Pour vous assurer que ce paramètre est activé, cliquez sur "Paramètres globaux" en haut à droite de l'éditeur d'e-mail. Les paramètres globaux de la campagne s'affichent. Si l'option "Activer la réactivité mobile" est désactivée, cliquez sur le bouton à bascule pour l'activer.
Notez que la plupart des anciennes versions de l'application de messagerie électronique native de Samsung ne prennent pas en charge le rendu réactif pour les mobiles.
Évitez de copier et de coller du texte provenant d'une source extérieure
Lorsque du texte est copié à partir d'une source externe, comme un programme de traitement de texte, et collé dans une campagne, nous reprenons tout le style de cette source en plus du texte lui-même. Bien que nous fassions de notre mieux pour éliminer tout ce qui pourrait affecter le rendu de votre e-mail, tout n'est pas pris en compte. Cela signifie qu'une marge intérieure supplémentaire dans votre conception pourrait faire paraître le texte plus petit lorsqu'il est affiché sur un téléphone portable et faire en sorte que l'e-mail ait un aspect différent lorsqu'il est envoyé dans une boîte de réception.
Nous vous recommandons plutôt de taper votre contenu directement dans le bloc de texte, ou de coller le contenu dans un éditeur de texte brut, puis de le copier dans votre campagne. Ces deux approches permettront de supprimer tout style accidentel dans votre e-mail.
Les colonnes de votre campagne déterminent l'ordre dans lequel elles seront réduites en vue mobile
L'ordre dans lequel vos contenus apparaissent dans le designer (de gauche à droite) détermine leur ordre lorsque les colonnes se réduisent en vue mobile. En mode mobile, les colonnes se réduisent de gauche à droite, puis de haut en bas. Ce système est également connu sous le nom de stacking ou blocc stacking.
Nous vous recommandons d'ordonner votre contenu en suivant l'illustration ci-dessous. Le tiret représente une ligne, et le regroupement des images et du texte représente une colonne. La bordure sombre représente le marqueur de colonne du concepteur et ne s'étend qu'à la première ligne.
Lorsque les colonnes se réduisent en mode mobile, le contenu est dans l'ordre correct :
La largeur de votre message ne doit pas dépasser 650 pixels
C'est la largeur qui fonctionne pour la plupart des clients de messagerie et des appareils mobiles. Si la largeur d'un e-mail est supérieure à 650 pixels, il peut être nécessaire d'utiliser une barre de défilement horizontale pour visualiser votre message. Cela rend votre message difficile à lire et peut vous coûter un désabonnement en raison d'une expérience peu reluisante.
La largeur de l'image doit être comprise entre 400 et 650 pixels
Une image de 400 pixels de large est le minimum nécessaire pour s'afficher en pleine largeur sur un appareil mobile. Les images de moins de 400 pixels ne seront pas mises à l'échelle sur les mobiles. Cela tient compte des logos et des icônes qui ne sont pas destinés à être mis à l'échelle.
Si vous téléchargez une image de grande taille, elle sera réduite à un maximum de deux fois la largeur de l'e-mail.
Si l'image ou le logo est trop grand lorsqu'il est affiché sur un mobile, vous pouvez redimensionner l'image puis la retélécharger dans l'éditeur d'e-mail. Notez que la largeur réelle de l'image et la largeur que vous avez définie dans le concepteur sont deux choses différentes. Les images ajoutées en ligne dans un bloc de texte ne seront pas mises à l'échelle.
Pour voir la taille de votre image avec l'éditeur d'e-mail lancé en 2022, cliquez surl'image dans l'éditeur et affichez la taille dans les options du bloc d'images à droite :
Pour connaître la taille de votre image avec l'éditeur d'e-mail classique, cliquez sur l'image dans l'éditeur et affichez la taille dans l'onglet Options :
N'oubliez pas qu'il est toujours préférable de réduire l'échelle d'une grande image que d'augmenter celle d'une petite.
Utilisez le texte Alt avec les images
Le texte ALT est la copie écrite qui apparaît à la place d'une image si celle-ci ne se charge pas dans la boîte de réception d'un contact ou si les images sont bloquées. Le texte ALT est également fortement recommandé car il augmente l'accessibilité de votre contenu pour ceux qui dépendent de lecteurs d'écran.
Pour ajouter un texte ALT à votre image à l'aide de l'éditeur d'e-mail (lancé en 2022), cliquez sur l'image de votre campagne et ajoutez 1 ou 2 mots dans le champ "Texte alternatif" dans les options du bloc image à droite :
Pour ajouter un texte ALT à votre image à l'aide de l'éditeur d'e-mail classique, cliquez sur l'image de votre campagne et ajoutez 1 ou 2 mots dans le champ "Info" de l'onglet "Options" :
Utiliser des blocs d'images au lieu d'insérer une image dans un bloc de texte
Notez que cette méthode n'est disponible que dans le Designer classique.
Les blocs de contenu textuel contenant une image et les liens en ligne avec cette image ne seront pas cliquables dans Outlook 2007 ou Outlook 2013. En outre, il se peut que le texte ne s'enroule pas correctement autour de votre image lorsqu'il est affiché sur un téléphone portable.
Nous vous recommandons d'utiliser des blocs d'images plutôt que d'ajouter une image en ligne à un bloc de texte.
Utilisez le bloc "Spacer" pour créer des espaces blancs autour du contenu et des images
L'utilisation de la marge intérieure autour d'une image ou d'un contenu pour créer de l'espace blanc obligera votre contenu à devenir plus étroit lorsqu'il sera affiché sur certains appareils mobiles.
Utilisez plutôt le bloc "Spacer" dans l'éditeur d'e-mail et définissez-le sur "Hide on Mobile" (éditeur d'e-mail classique) ou "Hide element" (éditeur d'e-mail lancé en 2022) si vous le souhaitez.
Le fait de masquer le bloc d'espacement empêchera l'apparition de grands espaces ou de grandes marges lorsque l'e-mail est affiché sur des appareils mobiles.
Utilisez l'option "masquer sur les appareils mobiles"
Cette option permet de masquer les éléments non essentiels de votre e-mail lorsqu'il est consulté sur un appareil mobile. Cela permettra d'améliorer l'expérience de vos abonnés et de maintenir leur intérêt pour votre contenu.
Pour masquer un élément sur le mobile à l'aide de l'outil d'éditeur d'e-mail lancé en 2022 :
- Cliquez sur l'image.
- Dans le bloc d'images à droite, faites défiler jusqu'en bas et cliquez sur l'icône mobile, pour le masquer sur les appareils mobiles.
- Vous pouvez également cliquer sur l'icône du bureau pour masquer l'image sur la vue du bureau sous "Masquer l'élément". Notez que l'option "Hide on desktop" n'est disponible qu'avec l'éditeur d'e-mail (lancé en 2022).
Une icône avec une ligne à travers l'icône mobile apparaîtra sur le bloc que vous utilisez l'option "hide on mobile".png
Pour masquer un élément sur le mobile à l'aide de l'éditeur d'e-mail classique:
-
Cliquez sur ce bloc et cliquez sur l'engrenage :
- Dans la liste des options, cliquez sur "Masquer sur les appareils mobiles".
- Lorsque vous passez votre souris sur cet élément dans le concepteur, vous verrez ceci :
Expérimentez avec le texte de l'en-tête
Démarquez-vous du reste des e-mails qui se trouvent dans la boîte de réception de vos abonnés et incitez-les à ouvrir votre e-mail. En savoir plus sur l'ajout d'un texte de pré-en-tête à votre e-mail.
Testez votre e-mail
Utilisez l'aperçu du bureau et envoyez à vous-même et à vos collègues un e-mail de test à visualiser sur différents appareils mobiles. Vous pouvez également utiliser notre fonction d'aperçu de compatibilité pour tester votre e-mail avec différents clients e-mail.