Comportement d'une campagne sur mobile

Les modèles d'e-mail Mailchimp utilisent des conceptions réactives pour ajuster la mise en page de votre e-mail afin que ce dernier s'affiche parfaitement sur n'importe quel appareil. Cependant, tous les périphériques ne gèrent pas le code réactif de la même manière, ce qui peut alterner l'apparence de votre e-mail sur un mobile par rapport à un navigateur Web.

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

Remarques

Voici quelques points à connaître.

• 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.
• Nous vous recommandons de prévisualiser et tester votre e-mail avant de l'envoyer. Si vous disposez d'un plan payant, notre outil aperçu Inbox Preview vous montre comment votre e-mail s'affichera sur divers appareils mobiles.

Problèmes de mise en page des e-mails

La mise en page de mon e-mail change

Chaque fois que votre e-mail est visualisé sur un appareil mobile, les blocs de contenu seront réarrangés pour apparaître dans un format de colonne unique. Cela signifie que si vous choisissez un modèle dans le créateur d'e-mails avec des blocs côte à côte, les blocs seront empilés les uns sur les autres.

Si vous souhaitez que le contenu de votre e-mail s'affiche dans le même ordre lorsqu'il est affiché sur tous les appareils, utilisez un modèle à colonne unique. Pour obtenir plus d'informations, consultez l'article Créer un modèle d'e-mail.

Mes images s'allongent sur un téléphone mobile

Les grandes images dans un bloc de texte ou un paragraphe peuvent étirer votre mise en page lorsqu'elles sont affichées sur un mobile. Nos modèles réactifs sont conçus pour contraindre les images qui se trouvent dans certains blocs de contenu d'image.

Pour éviter que votre image ne s'étire, utilisez le bloc Paragraphe dans le nouveau créateur, ou l'un de ces blocs d'images dans le créateur classique : Image, Groupe d'images, Carte d'image, Image + légende.

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

Les modèles de glisser-déposer fournis dans le créateur d'e-mail sont conçus pour s'adapter aux mobiles. Si vous souhaitez utiliser un modèle qui n'est pas compatible avec les appareils mobiles ou si vous souhaitez avoir plus de contrôle sur la conception du modèle, un modèle personnalisé codé manuellement pourrait mieux vous convenir.

Il s’agit d’une fonctionnalité avancée qui est recommandée pour les utilisateurs ayant une certaine connaissance du codage personnalisé. Contactez votre développeur ou faites appel aux services d'un expert Mailchimp si vous avez besoin d'aide. Consultez l'article Importer un modèle HTML personnalisé pour obtenir des informations sur l'importation, la réutilisation et le partage de modèles personnalisés.

Problèmes de formatage

Je veux changer la taille de police de ma campagne adaptative.

Les paramètres de style dans les modèles de glisser-déposer Mailchimp sont conçus pour les appareils mobiles. Chaque bloc de contenu dans le créateur de campagne comprend une section Styles pour mobiles où vous pouvez modifier certains éléments comme la taille de la police.

Modifier et tester les styles pour mobile dans une campagne

Il y a des liens bleus dans ma campagne.

Certains appareils mobiles, en particulier les iPhones et les iPads, créent automatiquement des liens hypertextes, des dates ou des numéros de téléphone. Ceci est une fonction du système d'exploitation de l'appareil et n'est pas quelque chose que Mailchimp peut contrôler.

Pour modifier l'apparence du texte lié, vous devrez faire appel à un développeur web afin d’apporter des modifications au HTML de la campagne.

Exporter le code HTML d'un modèle

Ma date, mon numéro de téléphone ou mon lien a disparu.

Vous aurez l’impression que ces données ont disparu, chaque fois que vos liens seront formatés pour correspondre à la couleur d'arrière-plan d'une section de campagne. Ceci est particulièrement courant avec les dates et les numéros de téléphone automatiquement liés.

Dans le bloc de contenu concerné, modifiez la couleur d'arrière-plan ou les styles de lien pour les sections de votre campagne afin qu'ils ne soient pas de la même couleur que le fond d'écran de votre campagne.

Afficher et modifier la mise en forme d'une section

Mes liens d'ancrage ne fonctionnent pas.

Si vous avez des liens d'ancrage dans votre campagne, les liens peuvent ne pas fonctionner comme prévu sur un appareil mobile. Par exemple, les iPhones exigent que vos abonnés tapent deux fois sur le lien pour passer à la section liée. Les appareils utilisant iOS 9 ou une version ultérieure ne prennent pas en charge les liens d'ancrage.

Avant d'envoyer une campagne à vos contacts, vous pouvez prévisualiser et tester les liens dans la campagne avec l'aperçu Inbox Preview.

Tester avec l'aperçu Inbox Preview
Prévisualiser et tester votre campagne par e-mail
Ajouter une table des matières à une campagne