Modifiez et testez les styles mobiles dans votre campagne par e-mail

Plusieurs de vos contacts utilisent probablement leur téléphone et tablette pour voir vos e-mails. Il est donc important de proposer des appareils mobiles. Pour que vos e-mails soient parfaits sur n'importe quel appareil, utilisez les styles mobiles de Mailchimp, puis vérifiez et testez avant de les envoyer.

Dans cet article, vous apprendrez à personnaliser, à visualiser et à tester l'apparence de votre e-mail sur un appareil mobile.

Avant de commencer

Prenez en compte les points suivants avant de passer à cette procédure.

• Nous utilisons les requêtes multimédias pour connaître les fonctionnalités d'un appareil, et nous optimiserons l'e-mail en fonction de celui-ci. Si quelque chose semble incorrect, cet appareil ne prend peut-être pas en charge les requêtes multimédias, et vous devrez peut-être développer un modèle personnalisé .
• Ces applis et appareils ne prennent pas en charge les requêtes multimédias : Android Yahoo Mail App, BlackBerry OS 5, Samyum S3+, Windows Mobile 6.1, Windows Téléphone 7 et 8.

Modifiez et prévisualisez les modèles mobiles

Les modèles Glisser-déposer de Mailchimp peuvent ajuster le style de vos e-mails pour les appareils mobiles. Ce problème est survenu automatiquement lorsque quelqu'un ouvre votre e-mail sur son téléphone ou tablette. Vous pouvez modifier les styles mobiles par défaut dans les deux outils de création d'e-mails ou personnaliser des blocs de contenu individuels dans le nouvel outil de création d'e-mail.

Modifiez et prévisualisez les styles mobiles par défaut dans le nouvel outil de création.

Pour modifier les styles mobiles dans le nouvel outil de création, suivez les étapes ci-dessous.

1. Cliquez sur l'onglet Styles , puis sur Mobile .
   
2. Utilisez les menus déroulants pour modifier les styles E-mail , Texte , Bouton et Séparateur selon vos besoins.
3. Cliquez sur Visualiser et sélectionnez l’onglet Mobile .
4. Cliquez sur X pour quitter l'aperçu.

En fonction de l'appareil mobile et de l'application utilisés pour afficher l'e-mail, son apparence peut varier.

Dissociez Desktop et Mobile pour personnaliser les styles dans le nouvel outil de création.

Pour personnaliser le bloc du contenu de votre e-mail de la part de QuickBooks. Ensuite, modifiez les styles de votre e-mail sur mobile sans que cela n'affecte ceux de QuickBooks Desktop. La dissociation des styles Desktop et Mobile est uniquement disponible dans le nouveau constructeur.

Pour dissocier les modèles Desktop et Mobile, suivez les étapes ci-dessous.

1. Dans le constructeur, cliquez sur l'icône mobile .
2. Cliquez sur le bloc de contenu que vous souhaitez personnaliser.
3. Cliquez sur l’onglet Styles .
4. Dans la section Type d'appareil , désactivez la option d'affichage .
5. Dans la section Sur Mobile , réglez les paramètres d'alignement , de rembourrage et de marge selon les besoins.
6. Passez de l'icône de bureau à l'icône mobile pour prévisualiser chaque affichage.

Modifiez et prévisualisez les styles mobiles par défaut dans l'outil de création d'origine.

Pour modifier les styles mobiles dans l'outil de création d'origine, suivez les étapes ci-dessous. Si vous utilisez un modèle associé à un code personnalisé , vous devrez mettre à jour vos styles mobiles manuellement.

1. Cliquez sur l’onglet Styles , puis sélectionnez Styles mobiles .
   
2. Utilisez les menus déroulants pour modifier les styles mobiles au besoin, puis cliquez sur Enregistrer .
3. Cliquez sur le menu déroulant Prévisualisation et sélectionnez Entrer le mode de prévisualisation .
   
4. Cliquez sur l’onglet Mobile .
5. Cliquez sur X pour quitter l'aperçu.

En fonction de l'appareil mobile et de l'application utilisés pour afficher l'e-mail, son apparence peut varier.

Testez votre adresse e-mail

Pour consulter un brouillon de votre e-mail sur votre appareil mobile, envoyez un e-mail test . Si vous avez un abonnement payant, utilisez l'aperçu de la boîte de réception pour voir comment votre e-mail apparaîtra pour différents clients sur différents appareils.

Si vous utilisez l'outil de création d'origine, vous pouvez transférer votre e-mail vers l'appli mobile Mailchimp sur votre appareil.

Pousser sur mobile dans l'outil de création d'états

Pour plus de facilité, vous pouvez visualiser vos e-mails sur l'appli mobile Mailchimp. Consultez nos articles sur Mailchimp pour iOS ou Mailchimp pour Android pour commencer.

Installez l'appli mobile sur votre appareil et envoyez un e-mail depuis l'outil de création d'origine. Vous pouvez ainsi voir comment elle apparaît.

Pour envoyer un e-mail depuis votre ordinateur vers votre appareil mobile à l'aide de l'outil de création d'origine, suivez les étapes ci-dessous.

1. Cliquez sur le menu déroulant Prévisualiser et sélectionnez Envoyer sur mobile .
   
2. Dans la fenêtre modale, cliquez sur Impossible d'accéder à l'appli mobile . Si vous n'avez pas encore téléchargé l'appli mobile, la fenêtre modale affichera des liens vers l'App Store et Google Play.
3. Sur votre appareil mobile, ouvrez l'aperçu à partir de la notification d'envoi.

Si vous recevez la notification d'envoi et que vous la désactivez, vous devrez répéter ces étapes pour afficher votre e-mail.

Résoudre les images dans les blocs de texte dans l'outil de création d'origine

Les images à l'intérieur des blocs de contenu textuels peuvent s'étirer lorsqu'elles sont affichées sur un appareil mobile, car les modèles réactifs ne empêchent pas ces images. Pour éviter d'étirer vos images dans le constructeur d'origine, utilisez un bloc de contenu d'image. Si vous souhaitez placer du texte et une image dans le même bloc, essayez la carte d'image ou le bloc Image + Caption. Pour en savoir plus, consultez notre article sur le comportement des e-mails sur mobile .

Étapes suivantes

Vous voulez en savoir plus sur les appareils mobiles et vos e-mails ? Consultez nos études de l' impact de l'utilisation de l'appli mobile sur l'engagement en matière d'e-mails .

Pour en savoir plus sur le test de vos e-mails, consultez notre article sur les conseils de test d'e-mail .