Modifier et tester les styles mobiles dans une campagne

Beaucoup de vos contacts utilisent probablement leurs téléphones et tablettes pour consulter vos e-mails. Il est ainsi important de tenir compte des appareils mobiles lors de la conception. Pour que vos e-mails soient parfaits sur n'importe quel appareil, tirez pleinement parti des styles pour mobiles et de la fonction Prévisualiser et tester de Mailchimp avant d'envoyer.

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

Avant de commencer

Voici ce qu'il faut savoir avant de commencer ce processus.

• Nous utilisons des requêtes médias pour déterminer la capacité d'un appareil et optimisons l'e-mail en fonction. Si vous constatez un dysfonctionnement, il se peut que l'appareil en question ne prenne pas en charge les requêtes média, auquel cas il vous faudra développer un modèle personnalisé.
• Ces applications et appareils ne prennent pas en charge les requêtes multimédias : Application Android Yahoo Mail, Blackberry OS 5, Samsung Galaxy S3+, Windows Mobile 6.1, Windows Phone 7 et 8.

Modifier et prévisualiser les styles pour mobile

Les modèles en glisser-déposer de Mailchimp permettent d'adapter le style de votre e-mail aux appareils mobiles. Cela se produit automatiquement lorsqu'un destinaire ouvre votre e-mail sur son téléphone ou sa tablette. Vous pouvez modifier les styles pour mobile par défaut en fonction de vos besoins.

Modifier et prévisualiser les styles pour mobile dans le nouveau créateur

Pour modifier les styles pour mobile dans le nouveau créateur, procédez comme suit.

1. Cliquez sur l'onglet Styles , puis sélectionnez Mobile.
   
2. Utilisez les menus déroulants pour modifier les styles E-mail, Texte, Boutonet Séparateur au besoin.
3. Cliquez sur Aperçu et sélectionnez l'onglet Mobile .
4. Cliquez sur X pour quitter l'aperçu.

L'apparence des e-mails peut varier selon l'appareil mobile et l'application utilisés pour afficher l'e-mail.

Modifier et prévisualiser les styles pour mobile dans le créateur classique

Pour modifier les styles pour mobile dans le créateur classique, procédez comme suit. Si vous utilisez un modèle à code personnalisé, vous devrez mettre à jour manuellement votre style pour mobile.

1. Cliquez sur l'onglet Style , puis choisissez Styles pour mobile.
   
2. Utilisez les menus déroulants pour modifier les styles pour mobile selon vos besoins, puis cliquez sur Enregistrer.
3. Cliquez sur le menu déroulant Aperçu et sélectionnez Accéder au mode Aperçu.
   
4. Cliquez sur l'onglet Mobile .
5. Cliquez sur X pour quitter l'aperçu.

L'apparence des e-mails peut varier selon l'appareil mobile et l'application utilisés pour afficher l'e-mail.

Tester votre e-mail

Pour afficher une ébauche de votre e-mail sur votre appareil mobile, envoyez un e-mail de test. Si vous disposez d'un plan payant, utilisez l'aperçu Inbox Preview pour voir comment votre e-mail s'affichera dans différents clients de messagerie sur différents appareils.

Si vous utilisez le créateur classique, vous pouvez envoyer votre e-mail vers l'application Mailchimp Mobile sur votre appareil.

Envoyer sur mobile dans le créateur classique

Pour simplifier vos tests, prévisualisez vos e-mails sur l'application Mailchimp Mobile. Consultez nos articles sur Mailchimp pour iOS ou Mailchimp pour Android pour commencer.

Installez l'application mobile sur votre appareil et envoyez un e-mail à partir du créateur classique directement vers l'application pour voir le rendu.

Pour envoyer un e-mail de votre ordinateur vers votre appareil mobile à l'aide du créateur classique, procédez comme suit.

1. Cliquez sur le menu déroulant Aperçu et sélectionnez Envoi vers un mobile.
   
2. Dans la fenêtre contextuelle modale, cliquez sur Envoi vers un mobile. Si vous n'avez pas encore téléchargé l'application mobile, la fenêtre contextuelle modale affichera des liens vers l'App Store et Google Play.
3. Sur votre appareil mobile, ouvrez l’aperçu à partir de la notification push que vous avez reçue.

Si vous recevez la notification push et que vous l'ignorez, vous devrez répéter ces étapes pour afficher votre e-mail.

Dépanner les images dans les blocs de texte dans le créateur classique

Les images à l’intérieur des blocs de contenu de texte peuvent être étirées lorsqu’elles sont visualisées sur un appareil mobile, car les modèles réactifs ne limitent pas ces images. Pour éviter que vos images ne s'étirent dans le créateur classique, utilisez un bloc de contenu d'image. Si vous souhaitez placer du texte et une image dans le même bloc, essayez le bloc Image Card (Carte d’image) ou Image + Caption (Image + légende). Pour en savoir plus, consultez notre article Comportement des e-mails sur mobile.

Étapes suivantes

Vous voulez en savoir plus sur le lien entre les appareils mobiles et vos e-mails ? Consultez notre étude sur l'impact de l'utilisation des appareils mobiles sur l'engagement par e-mail.

Pour en savoir plus sur les tests de vos e-mails, consultez notre article Conseils pour tester les e-mails.