Comportement des e-mails sur mobile

Les modèles d'e-mails Mailchimp utilisent une conception réactive pour ajuster la mise en page de votre e-mail afin qu'il soit parfait sur n'importe quel appareil. Mais tous les appareils ne prennent pas en charge le code réactif de la même manière, ce qui peut donner à votre e-mail une apparence un peu différente sur l'appli mobile.

Dans cet article, vous découvrez comment nous affichons les e-mails sur mobile et comment résoudre certains problèmes que vous rencontrez.

Infos sur

Voici quelques infos à vérifier.

• Pour vérifier les performances d'un appareil, nous utilisons les infos sur les médias, et nous y travaillons en fonction de l'adresse e-mail. Si vous rencontrez des problèmes, cet appareil ne prend peut-être pas en charge les demandes multimédias. Vous devez peut-être développer un modèle personnalisé.
• Ces applis et appareils ne prennent pas en charge les demandes multimédias : Appli Android Yahoo Mail, Windows OS 5, Google Galles S3+, Windows Mobile 6.1, Windows phone 7 et 8.
• Nous vous recommandons de visualiser votre e-mail avant de l'envoyer. Si vous avez un abonnement payant, notre outil de vérification en boîte de réception vous montre comment votre e-mail apparaît sur différents appareils mobiles.

Problèmes de mise en page de l'e-mail

Changement de mise en page de mon e-mail

À chaque fois que votre e-mail est affiché sur un appareil mobile, les blocs de contenu sont réorganisés pour afficher le format d'une seule colonne. Cela signifie que si vous choisissez un modèle issu de l'outil de création d'e-mail avec des blocs côte à côte, les blocs seront empilés les uns les autres.

Si vous souhaitez que le contenu de votre e-mail s'affiche dans le même ordre sur tous vos appareils, utilisez un modèle d'une seule colonne. Pour plus d'informations, consultez la page Créer un modèle d'e-mail.

Mes images s'affichent sur l'appli mobile

Les images grandes ajoutées à un bloc de texte ou de paragraphe peuvent étirer la mise en page lorsque vous les visualisez sur mobile. Nos modèles réactifs sont conçus pour contenir le nombre d'images figurant dans certains blocs de contenu d'images.

Pour éviter que votre image ne s'étire, utilisez le bloc de paragraphe dans le nouvel éditeur, ou l'un des blocs suivants dans l'entreprise de construction classique : Image, Groupe d'images, Carte d'image, Image + Caption.

Je veux que mon e-mail ressemble à la version bureau

Les modèles glisser-déposer fournis dans l'outil de création d'e-mail sont compatibles avec les mobiles. Si vous voulez un modèle qui n'est pas compatible avec les appareils mobiles, ou si vous voulez avoir plus de contrôle sur la conception des modèles, vous pouvez utiliser un modèle avec un code personnalisé.

Il s'agit d'une fonctionnalité avancée recommandée aux utilisateurs qui utilisent le codage personnalisé. Contactez votre développeur ou engagez un expert Mailchimp si vous avez besoin d'aide. Consultez la page Importer un modèle HTML personnalisé pour en savoir plus sur l'importation, la réutilisation et le partage des modèles personnalisés.

Si vous utilisez une mise en page non réactive, il est possible que vous deviez utiliser un zoom sur vos contacts abonnés pour afficher ce contenu sur un appareil mobile.

Problèmes de mise en page

Je souhaite modifier la taille de la police dans mon e-mail de réponse.

Les paramètres de style des modèles à glisser-déposer de Mailchimp sont conçus pour les appareils mobiles. Chaque bloc de contenu dans l'outil de création d'e-mail inclut une section de styles mobiles où vous pouvez modifier des éléments tels que la taille de la police. Pour plus d'infos sur les modèles mobiles, consultez l'onglet Modifier et tester les styles mobiles dans un e-mail .

Il y a des liens bleus dans mon e-mail

Certains appareils mobiles, en particulier l'iPhone et l'iPad, relient automatiquement les adresses, dates ou numéros de téléphone. Il s'agit d'une fonction du système d'exploitation de l'appareil que nous ne pouvons pas contrôler dans Mailchimp.

Pour modifier l'apparence du texte, contactez votre développeur ou engagez un expert Mailchimp pour modifier le HTML de l'e-mail. Pour plus d’infos sur la modification du code HTML d’un modèle, utilisez Exporter un modèle HTML.

Ma date, numéro de téléphone ou lien a été supprimé

Chaque fois que vos liens sont formatés de façon à correspondre à la couleur d’arrière-plan d’une section d’e-mail, ils semblent disparaître. Ce problème est notamment courant avec les dates et numéros de téléphone automatiquement associés.

Dans le bloc de contenu, changez la couleur d'arrière-plan ou le style des liens pour les sections de votre e-mail afin qu'elles ne soient pas de la même couleur que l'arrière-plan de votre e-mail. Consultez et modifiez la conception des sections dans l'e-mail et les pages de destination pour obtenir de l'aide sur la conception des e-mails.

Mes liens d'accompagnement ne fonctionnent pas

Si votre e-mail contient des liens, il se peut qu'ils ne fonctionnent pas correctement sur un appareil mobile. Par exemple, sur iPhone, vos contacts abonnés doivent appuyer deux fois sur le lien pour accéder à la section correspondante. Les appareils sous iOS 9 ou supérieur ne prennent pas du tout en charge les liens d'accompagnement.

Avant d'envoyer un e-mail à vos contacts abonnés, vous pouvez visualiser et tester les liens dans l'e-mail à l'aide de la fonction Aperçu de la boîte de réception.

Pour en savoir plus sur les liens, consultez Ajouter une table des matières à votre e-mail ou page de destination et Ajouter un lien « En savoir plus ».