Utiliser du HTML personnalisé pour créer une campagne

Email Marketing propose un compositeur HTML personnalisé. Il peut être utilisé pour créer des courriels entièrement personnalisés, à partir de zéro, en utilisant du code HTML brut. Le compositeur HTML personnalisé est complètement distinct du compositeur de conception standard, et ils ne peuvent pas être utilisés de manière interchangeable.

Pour lancer le compositeur HTML personnalisé :

Sur la page des campagnes, utilisez la petite flèche déroulante du bouton Composer pour sélectionner HTML personnalisé.

Remarque : si vous n’avez pas encore créé de campagnes dans votre compte, vous ne verrez pas le bouton Composer. Sur la page Campagnes, cliquez sur le bouton « Créer une campagne », puis cliquez sur Enregistrer. Cliquez à nouveau sur la page des campagnes pour trouver la flèche déroulante à côté du bouton Composer.

Après avoir sélectionné l’option HTML personnalisé, Email Marketing chargera un outil spécial de composition de HTML personnalisé, et vous pourrez le faire :

1. Donnez à votre campagne le nom que vous voulez.
2. Collez votre code HTML directement dans la zone d’édition, ou cliquez sur « Importer HTML depuis » pour choisir d’importer votre code directement depuis un fichier zip ou une URL.
3. Ajoutez tout code spécifique dont vous avez besoin en plaçant votre curseur à l’endroit où vous voulez que le code apparaisse, et en cliquant sur la flèche à côté du code sur la droite. Afin de s’assurer que nous respectons toutes les règles et que nous pouvons facilement vous fournir les résultats de suivi dont vous avez besoin, Email Marketing exige que vous ajoutiez au moins un lien d’exclusion et une balise de suivi. Mais n’hésitez pas à ajouter autant de liens « Forward », « Subscribe » et « View on the Web » que vous le souhaitez !

Remarque : vous devez inclure le code « Afficher sur le web » si vous souhaitez obtenir une vignette sur la page des campagnes ou une image d’aperçu lors du partage de la campagne.

4. Cliquez sur « J’ai terminé » pour enregistrer vos modifications du code HTML et travailler sur la version texte de votre message. (C’est la version que les gens verront s’ils ne peuvent pas recevoir de courriels en HTML).

L’utilisation d’un code HTML personnalisé au lieu des outils de conception d’Email Marketing est bonne pour certains, mais pas pour tous. Le problème de la conception pour le courrier électronique est qu’il existe de nombreux environnements de lecture de courrier électronique et que beaucoup d’entre eux rendent le HTML différemment. Cela étant dit, voici quelques éléments de base à garder à l’esprit lors du codage, qui vous aideront à obtenir un résultat correct dans tous les domaines.

Quelques éléments à garder à l’esprit lors de l’utilisation du HTML personnalisé :

• N’oubliez jamais d’ajouter des balises html d’ouverture et de fermeture.
• Placez toujours vos balises de style dans l’en-tête et utilisez les balises du corps.
• Étant donné qu’Email Marketing insère votre CSS, vous pouvez coder normalement. Vous n’avez donc pas à vous soucier de l’insertion du CSS pendant que vous travaillez.
• Pour les tableaux à plusieurs colonnes contenant des images, utilisez une balise de style avec « vertical-align:top » (Safari l’apprécie).
• Utilisez une balise de style avec « font-family:helvetica » — plutôt que des balises de police.
• Soyez doux, testez-en plusieurs, et tout ira bien. 🙂