Optimisez votre "e-mail" marketing pour les appareils mobiles (BETA)

Si vous êtes à l'adresse et que vous rédigez un "e-mail marketing", vous pouvez masquer des sections spécifiques pour les destinataires sur les clients de messagerie de bureau ou mobiles, ainsi que modifier la configuration des colonnes et la mise en page générale pour l'adapter aux utilisateurs qui lisent votre e-mail sur des appareils de petite taille. Adapter votre e-mail à différents appareils peut contribuer à stimuler l'engagement et à améliorer l'expérience utilisateur globale de vos e-mails.

Remarque : cette fonction n'est disponible que lorsque vous utilisez l'éditeur d'e-mails par "glisser-déposer" . Modèles d'e-mails codés sur mesure: un développeur devra toujours créer des requêtes de média pour tenir compte des différences de taille des clients de messagerie et de type d'appareil.

Support pour les clients d'e-mail

La plupart des principaux fournisseurs d'e-mails prennent en charge les paramètres d'optimisation mobile que HubSpot fournit dans l'éditeur d'e-mails marketing, mais les clients de messagerie suivants ne prennent actuellement pas en charge les e-mails optimisés pour les mobiles :

• Yahoo ! Mail sur Android
• AOL Mail sur Android
• Gmail IMAP (utilisation de l'application Gmail avec un compte non Google)
• Certaines versions de Samsung Mail, comme l'utilisation d'un compte Outlook connecté à Samsung Mail.

Si vous utilisez l'un des clients mentionnés ci-dessus, les fonctions d'optimisation mobile de HubSpot qui insèrent des requêtes de média spécifiques aux ordinateurs de bureau ou aux téléphones portables seront et non appliquées. Les sections masquées pour les ordinateurs de bureau ou les téléphones portables seront également visibles.

Masquer les modules et les sections sur les ordinateurs de bureau ou les téléphones portables

Pour personnaliser les modules ou les sections qui s'affichent pour les destinataires de bureau ou mobiles :

• Dans votre compte HubSpot, accédez à Marketing > E-mail s marketing.
• Cliquez sur le nom d'un e-mail rédigé, ou cliquez sur Créer un e-mail en haut à droite pour créer un nouvel e-mail.
• Cliquez sur l'icône desktop desktop ou mobile mobile en haut de l'éditeur d'e-mail pour configurer les paramètres pour chaque type de client.

• Survolez un module ou une section et cliquez sur l'icône hide cacher pour masquer ce module dans la version de l'e-mail que vous êtes en train de modifier.
  
  • Pour afficher tous les modules cachés pour une version que vous êtes en train de modifier, cliquez sur Afficher tous les modules cachés en haut de l'éditeur de courrier électronique.
  • Vous pouvez cliquer sur l'icône view view pour rétablir la visibilité d'un module caché pour cette version de l'e-mail.

• Dans le volet de gauche, vous pouvez cocher la case Show as maximum width on mobile devices pour faire en sorte que le module ou la section s'affiche en pleine largeur pour les destinataires mobiles.

Personnaliser la mise en page des e-mails pour les mobiles ou les ordinateurs de bureau

Pour configurer des paramètres de mise en page différents entre les clients mobiles et les clients de bureau :

• Dans le volet gauche, cliquez sur l'onglet Content.
• Pour personnaliser l'affichage d'une section d'e-mail entre desktop et mobile :
  • Cliquez sur l'une des sections de e-mail.
  • Dans la section Visibilité , vous pouvez désactiver l'option Tous les appareils , puis cliquer sur Show ou Hide dans les sections Desktop et Mobile respectives.

• • Dans la section Layout, désactivez l'interrupteur All devices, puis configurez la disposition en colonnes pour l'ordinateur de bureau et la disposition en pile pour les appareils mobiles.

• • Vous pouvez ensuite modifier le style de la section pour les clients mobiles ou de bureau. Modifiez la couleur du corps , la largeur de la bordure et le type , le type d'arrière-plan, et la couleur d'arrière-plan associée aux destinataires mobiles ou de bureau.
• Pour personnaliser l'affichage d'un modèle pour les destinataires de bureau ou mobiles :
  • Dans le volet gauche, cliquez sur Design.
  • Dans la section Template, désactivez l'interrupteur All devices.
  • Vous pouvez ensuite modifier le style du modèle pour les clients mobiles ou de bureau. Modifiez la couleur du corps , la largeur de la bordure et le type , le type d'arrière-plan, et la couleur d'arrière-plan associés aux destinataires mobiles ou de bureau.

Lorsque vous avez terminé de modifier les paramètres de visibilité et de mise en page de votre e-mail, vous pouvez prévisualiser la façon dont l'e-mail apparaîtra dans un certain nombre de clients de messagerie courants.