Votre guide étape par étape pour créer un e-mail HTML

En ce qui concerne les e-mails en texte brut par rapport aux e-mails HTML , il y a un moment et un endroit pour les deux.

Cependant, lorsqu'il s'agit de garder le public et les prospects engagés en permanence, les e-mails en texte brut peuvent ne pas toujours suffire. Les e-mails en texte brut sont parfaits pour les e-mails individuels, mais lorsqu'il s'agit d'envoyer des e-mails automatisés à vos listes d'e-mails segmentées , les e-mails HTML sont parfaits.

Nous vous guiderons à travers les e-mails HTML et comment vous pouvez les créer pour créer des e-mails attrayants pour votre entreprise.

Qu'est-ce qu'un e-mail HTML ?

Contrairement aux e-mails en texte brut, les e-mails HTML sont des e-mails formatés qui contiennent des éléments de style et de conception pour augmenter l'engagement et l'attrait visuel. Les e-mails HTML sont créés à l'aide de codes HTML et de styles CSS intégrés.

HTML offre diverses possibilités de conception, ce qui le rend parfait pour vos e-mails marketing attrayants. Avec les e-mails HTML, les fichiers multimédias peuvent être inclus directement dans les e-mails, avec des polices et des couleurs personnalisées, entre autres options de style.

Qu'est-ce qui se passe généralement dans la création d'un e-mail HTML ?

Derrière les e-mails HTML visuellement captivants se trouvent plusieurs lignes de code, y compris des tableaux et du CSS en ligne. Pour créer un e-mail HTML manuellement, vous devez savoir comment utiliser les codes HTML pour concevoir vos e-mails en fonction des résultats souhaités.

Au-delà de la connaissance de vos codes, la création manuelle d'un e-mail HTML nécessite bien plus. Jetons un coup d'œil aux coulisses de la configuration d'un e-mail HTML efficace.

• Codes HTML : L'e-mail HTML est divisé en en-tête et corps.La section d'en-tête contient des codes qui spécifient le style, les médias et les animations CSS. Les codes du corps se concentrent sur la construction de la structure de l'e-mail. Entre l'en-tête et le corps se trouvent plusieurs lignes de codes avec des fonctions spécifiques.
• Test de réactivité : après la création de l'e-mail, il est essentiel de tester la réactivité pour s'assurer qu'il fonctionne sur tous les principaux clients de messagerie.
• Vérification des bogues : Vérifiez les codes pour les bogues, corrigez-les et nettoyez également les codes inutilisés.
• Accessible-friendly : vérifiez les fonctionnalités d'accessibilité. Est-ce compatible avec le mode sombre ? Fonctionne-t-il avec les lecteurs d'écran ?
• Styles CSS inutilisés : recherchez les CSS inline inutilisés et supprimez-les des codes pour améliorer les temps de chargement.
• Aperçu de l'e-mail : prévisualisez l'intégralité de l'e-mail pour vous assurer qu'il s'affiche correctement.Les erreurs peuvent également être identifiées et corrigées.
• E-mails de test : envoyez des e-mails de test à différents clients de messagerie pour garantir le bon rendu des e-mails entre les clients.

Voici quelques-unes des étapes requises avant de pouvoir réellement envoyer votre e-mail HTML nouvellement créé.

Pourquoi l'utilisation d'un outil d'automatisation des e-mails est plus pratique pour les e-mails HTML

Les possibilités de conception infinies de pouvoir coder vos e-mails manuellement sont une raison valable de vouloir créer vos e-mails à la main. Cependant, cela nécessiterait de nombreuses heures d'apprentissage ou les frais d'embauche d'un expert. De plus, il existe de nombreuses étapes pour assurer un rendu correct.

Les spécialistes du marketing sont des gens occupés, et beaucoup utilisent un outil d'automatisation des e-mails comme le nôtre. Les outils de marketing par e-mail font le gros du travail pour vous, vous n'avez donc pas besoin de saisir manuellement des lignes de code pour des e-mails visuellement attrayants et réactifs.

Pourquoi utiliser un outil de marketing automation ?

• Ils sont faciles à utiliser. Le constructeur par glisser-déposer de Benchmark Email ne nécessite aucune connaissance technique.
• Ils sont abordables et n'exigent pas autant de vos ressources marketing que la création de chaque e-mail à partir de zéro.
• La disponibilité de nombreux modèles personnalisables comme ceux que nous avons dans notre bibliothèque garantit qu'il y a toujours quelque chose à utiliser pour différentes campagnes et occasions sans manquer d'options créatives.
• Autrement, vous auriez passé plus de temps à coder manuellement pour vous concentrer sur d'autres aspects essentiels de vos e-mails, comme le perfectionnement du corps du texte .
• Tous les aspects techniques ont été pris en charge. Vous n'avez pas à vous soucier du rendu correct des e-mails sur plusieurs clients ou si les tailles d'écran de périphérique correctes sont mises en évidence dans les codes.

Comment créer un e-mail HTML à l'aide de Benchmark Email

Créer un e-mail avec le générateur de glisser-déposer de Benchmark Email est simple. Suivez les étapes ci-dessous et vous aurez votre e-mail engageant à envoyer à vos abonnés en un rien de temps.

1. Cliquez sur « E-mails » dans le menu de gauche du tableau de bord de votre compte pour développer le sous-menu, puis cliquez sur « E-mails » dans le sous-menu pour ouvrir le tableau de bord des e-mails.

2. Cliquez sur "Créer un nouvel e-mail" en haut à droite. Cela vous présente un menu contextuel à deux options.

3. Sélectionnez "E-mail régulier" et cliquez sur Suivant. Cela ouvre un menu contextuel à trois options - Éditeur glisser-déposer, éditeur de code et éditeur de texte brut (l'éditeur de code vous permet d'ajouter vos codes HTML existants pour créer votre e-mail.)

4. Cliquez sur « Drag & Drop Editor » et cliquez sur Next. Cela vous amène à une page pour nommer l'e-mail HTML que vous êtes sur le point de créer.

5. Entrez le nom de l'e-mail (visible uniquement par vous et non par les destinataires de l'e-mail) et cliquez sur Suivant. La page suivante est la liste de contrôle des e-mails.

6. Ensuite, choisissez votre préférence de mise en page. Vous pouvez choisir parmi huit mises en page ou sélectionner l'un de nos modèles prédéfinis à personnaliser. Si vous choisissez l'un de nos modèles, vous pouvez le faire en fonction de l'industrie et des jours fériés.

7. Si vous choisissez l'option de mise en page, vous pouvez personnaliser votre modèle à l'aide de notre générateur de glisser-déposer. Vous pouvez ajouter des images, votre logo et des boutons, des icônes sociales et des fonctionnalités de commerce électronique pour aider à promouvoir vos produits.

Si vous choisissez l'un de nos modèles existants, vous pouvez ajuster le contenu et ajouter des images ainsi que le logo de votre entreprise.

8. Une fois que vous avez terminé de concevoir votre e-mail HTML, cliquez sur "Enregistrer et suivant". Vous serez dirigé vers la page de la liste de contrôle des e-mails. Sur la page de la liste de contrôle des e-mails, remplissez les informations pour chaque élément et personnalisez les autres options.

La page de la liste de contrôle comprend :

• CONCEPTION : puisque vous avez déjà conçu votre e-mail, vous devriez être prêt ici. Mais, si vous souhaitez effectuer des ajustements, vous pouvez sélectionner modifier et ajuster en conséquence. Après avoir créé un design satisfaisant, vous pouvez prévisualiser votre e-mail et envoyer un e-mail de test, ce que nous recommandons toujours.
• À : les contacts auxquels vous envoyez l'e-mail. Vous pouvez choisir une liste prédéfinie ou en créer une nouvelle et exclure des contacts des listes sélectionnées.
• DE : Qui envoie l'e-mail ? Vous pouvez modifier le nom d'affichage, sélectionner l'adresse e-mail à partir de laquelle envoyer et choisir un e-mail de réponse séparé.
• OBJET et TEXTE D'APERÇU : saisissez l'objet de l'e-mail. Utilisez le champ d'aperçu pour inclure un texte d'aperçu attrayant que les destinataires verront dans leur boîte de réception. Si vous rencontrez le blocage de l'écrivain, cliquez sur l'icône en forme d'ampoule pour activer notre fonction de contenu intelligent , qui vous aidera en créant des idées pour vous.

• SUIVI ET PARTAGE DE LIEN : Vous pouvez activer Google Analytics si vous en avez configuré un pour le suivi. Activez l'analyse et saisissez votre code de suivi dans le champ. Il existe des options pour partager automatiquement votre e-mail sur Twitter, votre page d'entreprise Facebook, la communauté publique de Benchmark pour les utilisateurs de Benchmark et l'option d'ajouter à vos archives Benchmark.

Une fois que toutes les listes de contrôle ont été remplies, cliquez sur Envoyer immédiatement ou Programmer en haut à droite, selon votre préférence. L'envoi immédiat enverra l'e-mail aux contacts sélectionnés dans les 10 minutes, tandis que l'option de planification vous permet de choisir une date, une heure et un fuseau horaire futurs pour l'envoi de l'e-mail.

Voilà! Un guide étape par étape pour créer des e-mails attrayants à l'aide de Benchmark Email pour votre entreprise.

Les e-mails HTML n'ont pas besoin d'être compliqués, chronophages et techniques. Grâce à notre générateur d'e-mails par glisser-déposer facile à utiliser et à notre bibliothèque complète de modèles d'e-mails HTML, la création d'e-mails réactifs HTML devient simple et amusante. Essayez-le dès aujourd'hui en créant un compte gratuit ici .