Codepen est un excellent outil gratuit pour éditer du HTML ainsi que d'autres langages web. Une fois que vous avez créé un compte gratuit et que vous avez cliqué sur le lien vers l'un des modèles d'e-mail, vous arrivez sur une page qui ressemble à celle-ci :

Tout d'abord, cliquez sur le bouton "Fourchette" en haut à droite de la fenêtre pour créer une copie du modèle que vous pourrez modifier.

Vous devrez modifier le code source HTML afin de changer le contenu de l'e-mail. Cependant, comme tous les clients de messagerie (Gmail, Outlook et Apple Mail) traitent les courriels de manière légèrement différente, vous ne devez pas modifier la structure de l'e-mail, sinon il risque de ne pas fonctionner. Le contenu que vous devez vous efforcer de modifier est le texte, qu'il s'agisse d'insérer le nom de votre région, votre adresse électronique et d'autres informations pertinentes ou de tout traduire.

La personnalisation du texte dans l'HTML est assez simple, une fois que vous savez comment le localiser. Dans Codepen, tout le texte qui s'affiche dans l'e-mail est blanc. Par exemple, si vous utilisez le modèle illustré, vous devrez personnaliser la ligne en blanc ici pour refléter le nom de votre région :

Une fois que vous avez personnalisé tout le texte du courrier électronique, vous devez veiller à modifier le contenu des liens hypertextes. Vous pouvez consulter l'aperçu du courrier électronique pour vous aider à localiser ces éléments, souvent des boutons et des contacts de courrier électronique. Dans le code source, ils sont répertoriés comme suit :

<a href="URL">some text</a>

Par exemple, le lien mis en évidence ci-dessous doit être remplacé par l'URL d'une page web RSVP pour un événement :

Ces informations de contact doivent être modifiées pour refléter mon adresse électronique ainsi que la page web RSVP. Veuillez noter que deux URL distinctes doivent être modifiées dans la ligne surlignée :

Une fois que vous avez terminé, vous êtes prêt à exporter le HTML. Pour ce faire, cliquez sur le bouton d'exportation en bas à droite de la fenêtre, puis sélectionnez "Exporter .zip" :

Voilà, c'est fait ! Vous êtes maintenant prêt à tester votre e-mail et à l'envoyer.