Vous apprendrez
Découvrez pourquoi la largeur par défaut des modèles d'e-mail est de 600px, pourquoi il s'agit d'une norme industrielle pour les e-mails marketing aujourd'hui, et comment vous assurer que vos e-mails sont cohérents sur tous les appareils.
Largeur du modèle d'e-mailLargeur du modèle d'e-mail
Lorsque vous créez un nouveau modèle d'email dans Klaviyo, la largeur par défaut de chaque modèle est de 600px. Vous pouvez ajuster ce paramètre dans l'onglet Styles des paramètres de votre e-mail, mais Klaviyo ne recommande pas d'augmenter la largeur de votre modèle, à moins que cela ne soit nécessaire pour une mise en page plus avancée. Si vous ajustez la largeur au-delà de 600px, nous vous recommandons également d'effectuer des tests rigoureux sur l'apparence de votre e-mail sur différents clients de messagerie et appareils.
Comprendre la largeur du courrier électroniqueComprendre la largeur du courrier électronique
Lorsque vous concevez un e-mail dans Klaviyo, la largeur établie de votre modèle crée le cadre pour le contenu de votre e-mail. Tout le contenu que vous ajoutez à votre modèle doit s'inscrire dans ce cadre.
La largeur de 600 px est devenue une norme dans le secteur du marketing par courrier électronique car, historiquement, la taille moyenne d'une fenêtre de visualisation dans tous les clients de courrier électronique les plus courants se situait entre 500 et 600 px. La fenêtre de visualisation est la zone encadrée d'un écran d'affichage où le destinataire lira votre courrier électronique. En fixant la largeur de votre courrier électronique à 600 px, vous pouvez vous assurer que, pour une taille de fenêtre moyenne, vos destinataires n'auront pas à effectuer un défilement horizontal important pour voir l'ensemble de votre contenu.
La norme des e-mails d'une largeur de 600 pixels est restée et demeure courante aujourd'hui, même si l'optimisation des e-mails sur différents appareils (tels que les mobiles) devient de plus en plus importante. Klaviyo s'efforce d'offrir à ses clients "le meilleur des deux mondes" - nous recommandons vivement de concevoir vos e-mails à une largeur de 600px afin qu'ils soient parfaits sur les ordinateurs de bureau, puis nous ferons le travail difficile de rendre vos e-mails réactifs sur les écrans plus petits (tels que les appareils mobiles).
Notez toutefois que le fait de s'en tenir à une largeur de 600 px permet d'optimiser les e-mails créés avec Klaviyo pour l'affichage sur mobile. Les messages électroniques conçus pour être beaucoup plus larges risquent davantage d'être faussés lorsqu'ils sont réduits sur un appareil mobile, à moins qu'ils n'aient été soigneusement conçus et optimisés à cet effet. C'est pourquoi nous vous encourageons à ne pas augmenter la largeur de votre modèle au-delà de 600px, à moins que vous ne disposiez d'un concepteur et/ou d'autres ressources dédiées à l'optimisation de votre mise en page pour tous les clients/appareils.
En savoir plus sur les options de Klaviyo pour l'optimisation mobile.
Contenu du modèle et largeur de l'e-mailContenu du modèle et largeur de l'e-mail
Comme mentionné ci-dessus, la largeur établie de votre modèle crée le cadre pour le contenu de votre e-mail. Vous pouvez vous assurer manuellement que tout le contenu que vous ajoutez à votre modèle a une largeur maximale qui correspond au cadre établi de votre e-mail, mais Klaviyo s'en chargera également pour vous au fur et à mesure que vous ajoutez du contenu à votre modèle.
Klaviyo réduira automatiquement la taille des images, en préservant le rapport hauteur/largeur, et limitera la largeur de tous les blocs de manière à ce qu'ils ne dépassent jamais la largeur définie pour le modèle lui-même. Cela signifie que lorsque vous ajoutez des images dans votre modèle ou que vous créez un tableau à plusieurs colonnes, vous verrez que tous les blocs restent limités par la largeur de l'e-mail de votre modèle.
Si vous ajoutez du code personnalisé dans les blocs du modèle, assurez-vous que vous tenez compte de la largeur définie dans les paramètres de style de votre modèle. La largeur de l'e-mail définie dans vos paramètres de style aura un impact sur le rendu de tous les blocs du modèle, même ceux dont le code personnalisé tente de définir une largeur différente et plus importante.
Ressources complémentairesRessources complémentaires