La meilleure taille de conception D’e-mail pour différentes campagnes

pourquoi la taille du modèle d’e-mail est-elle si importante? Pourquoi y a-t-il tant de questions sur ce sujet et aucune réponse rapide? Pour le dire simplement, la taille de la conception de l’e-mail affecte si votre e-mail sera livré du tout. Il définit également si votre client Lira votre message et prendra les mesures souhaitées. Il y a la largeur du modèle standard (600 px), mais il y a quand même des subtilités dont vous devriez être conscient. De plus, il n’y a pas de règles strictes pour la hauteur du modèle d’e-mail, les mêmes que pour les blocs de conception.,

dans cet article, nous allons passer en revue tous les composants du modèle d’e-mail et expliquer les principes pour tout type de campagne.,tr>

hauteur du Gabarit mettre les détails importants de la première à 350 px jusqu’à 3000 px suivez votre bon sens – Tête hauteur jusqu’à 150 – 200 px jusqu’à 300 px suivez votre bon sens et garder mobile amical Général taille d’e-mail jusqu’à 102 KO non non

modèle de Courriel dimensions

L’idée principale d’unifier les normes de messagerie électronique est l’affichage dans tous les clients de messagerie et les types de périphériques., La majorité de vos destinataires utilisent Gmail sur le bureau ou l’application de messagerie iPhone. Cela dit, il y a encore beaucoup de gens qui lisent des e-mails avec Outlook, Yahoo Mail et même AOL. Cela signifie que vous rencontrerez inévitablement différents moteurs de rendu et des problèmes d’affichage.

pour s’adapter à tous les types d’appareils, vos e-mails doivent être réactifs. Cette tendance n’est pas Nouvelle, donc tous les modèles d’e-mail prédéfinis et les frameworks d’e-mail sont déjà conçus pour correspondre à cette règle., Si vous codez des modèles avec du HTML pur et du CSS, utilisez les recommandations recueillies dans notre Guide sur la façon de créer un e-mail HTML.

e-Mail largeur de la conception

Vous avez déjà entendu parler de 600 pixels. C’est la largeur standard qui a été recommandée au cours des dernières années. Les choses n’ont pas changé: 600 pixels est toujours la règle d’or. Il s’agit de la largeur moyenne que les clients de messagerie de bureau utilisent pour afficher vos messages électroniques. En outre, Gmail est généralement connu pour ne pas afficher la couleur d’arrière-plan pour une largeur de modèle supérieure à 640 px.,

la majorité des constructeurs et services d’e-mails fournissent des modèles conçus avec une largeur d’e-mail allant jusqu’à 600 pixels par défaut, y compris Mailchimp et Klaviyo, par exemple.

Vous pouvez également trouver des suggestions pour essayer des modèles de 700 à 800 pixels de large, avec une note que vous devez les tester en profondeur sur tous les clients de messagerie populaires. Nous pensons que si vous avez des raisons, du temps et des ressources pour des tests et des expériences supplémentaires, vous devriez essayer n’importe quel type de modèle qui pourrait fonctionner pour vous.,

hauteur de conception D’e-mail

la hauteur de votre modèle d’e-mail n’est pas strictement limitée par les règles des clients de messagerie. Cela signifie qu’il n’y a pas de taille requise. Cependant, il y a plusieurs choses à suivre lors de la création de votre nouveau modèle d’e-mail.

1. Gardez à l’esprit l’objectif de votre message: un destinataire doit être en mesure de le comprendre juste après l’ouverture de votre e-mail. Mettez les informations les plus importantes au – dessus du pli-c’est environ 350 pixels., Comparer:

et

l’Utilisation de l’espace à bon escient. Les images sont belles, mais elles doivent également être informatives dans vos e-mails et encourager les utilisateurs à faire défiler. Lors du test et de la prévisualisation de vos e-mails, tout d’abord, évaluez ce que le destinataire verra.

Conseil de Pro: soutenez votre excellent sujet d’e-mail avec un en-tête d’e-mail inspirant en le gardant visible sur un seul écran.

2. Visez à garder vos e-mails propres et clairs., Les messages les plus courts, plus la probabilité qu’il sera lu jusqu’à la fin. Parfois, des sections supplémentaires confondent le lecteur et brouillent l’idée principale de l’e-mail.

la majorité des e – mails marketing comme les newsletters et les promotions sont d’environ 2500 à 3000 pixels.

e-Mail de l’écrêtage. Parfois, vous pouvez voir des messages coupés dans votre boîte de réception Gmail ou Yahoo. Il n’est pas causé par la hauteur du modèle mais par la taille globale d’un message (102 Ko)., La taille totale de l’e-mail de la promo du jeu Witcher démontrée ci-dessus n’est que de 36 Ko.

Conseil de Pro: pour vérifier rapidement la taille des e-mails, vous pouvez envoyer un message de votre script à une boîte de réception Mailtrap et le voir instantanément sur l’écran principal:

odèles d’e-mails transactionnels et marketing?

en termes de taille de modèle d’e-mail, les e-mails transactionnels sont généralement plus courts. Ils ont un objectif spécifique: confirmer une action, fournir des instructions ou informer un utilisateur., Dans certains types de tels messages, il est acceptable d’ajouter des éléments de marketing, mais en général, le modèle doit être simple. Habituellement, les modèles d’e-mail transactionnels vont de 600 pixels à 1200 pixels.

L’objectif principal de la commercialisation des e-mails est de promouvoir vos produits, services ou contenu et d’instaurer la confiance par le partage de vos connaissances. De cette façon, votre e-mail peut être assez long, autour de 5000 pixels et plus.,

autres dimensions importantes

Nous avons découvert la meilleure largeur et hauteur du modèle d’e-mail. Mais qu’en est-il du contenu des e-mails et des blocs internes? Elles le sont aussi!

un e-mail se compose de trois parties principales: en-tête, blocs de contenu et pied de page.

e-Mail taille d’en-tête

Généralement, l’adresse e-mail contient le logo de votre société, des liens pour afficher ce message dans un navigateur, et les boutons de menu. Nous préférons un design concis, nous vous recommandons donc de respecter la taille d’en-tête commune: jusqu’à 200 px., Il est pratique de lire et de faire correspondre la « règle au-dessus du pli » (vous souvenez-vous que mettre des détails significatifs dans les 350 premiers pixels est bénéfique?)

pour d’excellents exemples et directives d’en-tête d’e-mail, lisez notre conception D’en-tête D’E-Mail qui compte.

le Contenu des blocs de taille

Encore une fois, pas de règles ici!, Dans cette section, vous avez assez d’espace pour votre créativité. ” Contenu  » définit tous les types d’informations qui vous permettent de communiquer avec vos destinataires, y compris les textes, les images, les vidéos, les GIF, les boutons et même les séparateurs.

notre conseil général est de garder les histoires compréhensibles, visuellement attrayantes et avec un appel clair à l’action.

Si vous travaillez avec un service de création de modèles ou un éditeur d’e-mails, ils vous fournissent des modèles prédéfinis et des recommandations pour la taille des images.,

Ce qu’il faut garder à l’esprit sur la taille de l’image:

• Si vous hébergez des images sur un serveur et que vous les liez dans vos e-mails, elles n’affectent pas la taille de l’e-mail. Les services de messagerie et les constructeurs de modèles ont des limites de taille pour les images afin d’économiser de l’espace sur leurs serveurs.
• La Taille de l’image en pixels dépend de vous, tandis que la résolution minimale recommandée est de 72 dpi.
• optimisez les images pour les écrans Retina en utilisant la taille 2x.,

le Pied de page de la taille

Vous pouvez trouver de nombreuses recommandations sur ce qui devrait être inclus dans l’e-mail de pied de page. Habituellement, le pied de page comprend des détails juridiques, tels que l’adresse de votre entreprise, les liens de désabonnement, les notes annexes, etc. Lisez-vous les pieds de page des e-mails? Dans de nombreux cas, le pied de page de l’e-mail n’attire pas l’attention du lecteur et, en général, il n’y a pas de norme quant à sa hauteur.

parfois, les gens ajoutent une signature personnelle au pied de page de l’e-mail., Dans ce cas, il est préférable de le garder à un maximum de 100 pixels.

les Choses à retenir

aujourd’Hui, email bâtiment est facile en raison de nombreux outils, des modèles et des didacticiels disponibles. En termes de taille de modèle d’e-mail, il n’y a pas tellement de limitations et d’exigences. Voici ce à quoi vous devriez vraiment faire attention:

1. Responsive design. Optimisez vos modèles d’e-mails pour différents appareils car plus de 55% des e-mails sont désormais consultés à partir de clients de messagerie mobiles.
2. la perception de l’Utilisateur., Pensez à ce que votre destinataire verra lors de l’ouverture de votre message et à la facilité avec laquelle il lui sera facile de comprendre votre idée principale. Restez créatif, mais suivez les règles communes et les meilleures pratiques.
3. e-Mail de test. Testez chaque nouvelle campagne d’email. Vous pouvez expérimenter avec des modèles et des tailles non standard, mais assurez-vous que votre code HTML fonctionnera correctement sur tous les clients de messagerie. Dans cet esprit, vos destinataires seront heureux avec vos beaux e-mails.,

articles utiles sur ce sujet

• Guide de Mailtrap sur la façon de construire un Email HTML
• Comment créer un modèle HTML que les Clients de messagerie rendent bien
• comparaison de 10 éditeurs de messagerie HTML pour votre prochaine campagne
• choisir un cadre de messagerie pour vos campagnes
• Email Header Design That Matters
• What Makes a Password Reset Email Great?
• taille maximale recommandée des e-mails et moyens éprouvés de L’optimiser

---