Dernière mise à jour: octobre 19, 2020
Découvrez comment optimiser vos modèles et contenus d'e-mails pour les appareils mobiles. Vous pouvez également prévisualiser votre e-mail HubSpot sur différents types d'appareils.
- Utiliser un modèle adaptatif
- Réduire la taille du fichier image
- Augmenter la taille des boutons de liens et de CTA
Utiliser un modèle adaptatif
Tous les modèles de glisser-déposer de HubSpot sont adaptatifs par défaut. Cela signifie que le contenu s'adapte à l'écran sur lequel il est consulté. HubSpot ajoute également une largeur maximale aux images dans l'éditeur de contenu, vous n'avez donc pas à modifier le code source pour ajouter des largeurs maximales.
Si vous créez un modèle d'e-mail codé dans HubSpot, veillez à utiliser le balisage d'e-mails adaptatif. Vous pouvez également acheter un modèle d'e-mail adaptatif sur la Marketplace du modèle.
Réduire la taille du fichier image
Dans la plupart des cas, les vitesses de chargement sur les appareils mobiles sont plus lentes que sur ordinateur. Utilisez des fichiers d'image plus petits pour diminuer le temps de chargement de vos e-mails. HubSpot redimensionne automatiquement les images qui incluent un attribut largeur dans une balise . Les Services tels que FastStone Photo Resizer et JPEGmini peuvent également réduire la taille du fichier jusqu'à 80 % sans réduire la qualité de votre image.
Augmenter la taille des liens et des boutons de CTA
Assurez-vous que votre contenu est suffisamment important pour être lu clairement sur un appareil mobile. Pour garantir que vos abonnés puissent voir et cliquer sur votre contenu, assurez-vous que tous les liens de texte et les boutons de CTA sont plus grands et plus larges que 57 x 57 pixels.
Prévisualisez votre e-mail sur les appareils mobiles
Avant d'envoyer votre e-mail à vos listes, vous pouvez voir ce à quoi il ressemblera pour différents clients et appareils.
Dans l'éditeur d'e-mails HubSpot, cliquez sur la coche dans le panneau latéral de gauche pour tester votre e-mail dans d'autres clients de messagerie. Sélectionnez les clients de messagerie souhaités dans la section Mobile et cliquez sur tester mon e-mail maintenant pour générer des aperçus de votre e-mail dans ces clients.
Vous pouvez également utiliser l'outil d'aperçu sur appareil en cliquant sur l'icône œil dans le menu latéral de gauche pour voir rapidement ce à quoi votre e-mail ressemblera sur un ordinateur, une tablette ou un portable.