Comment convertir une page HTML en email

Votre page web HTML contient la mise en page que vous préférez. Envisagez de recréer cet affichage dans un message email pour promouvoir une apparence plus personnalisée et professionnelle. Il est souvent déroutant de déterminer comment accomplir cette tâche, mais heureusement, des solutions de contournement HTML sont disponibles. En utilisant l'application d'édition de texte fournie avec votre ordinateur et votre programme de messagerie, convertissez un document HTML existant en un message email que vos destinataires pourront visualiser correctement.

Étape 1

Lancez votre application d'édition de texte et ouvrez votre page HTML. Créez également un nouveau fichier HTML.

Étape 2

Assurez-vous que votre page HTML contient des URL absolues, c'est-à-dire les adresses web complètes. Par exemple, « dossier/image.jpg » ne s'affichera pas dans un email, mais « https://www.votredomaine.com/dossier/image.jpg » le sera.

Étape 3

Entrez le code dans le nouveau fichier pour créer un tableau. Créez une mise en page basique d'une ligne et une colonne comme suit :

<table>
  <tr>
    <td></td>
  </tr>
</table>

Un tableau agit comme conteneur pour le contenu de votre page HTML afin qu'il soit correctement affiché dans un message email.

Étape 4

Copiez le contenu de votre page HTML existante et collez-le entre les balises de données de tableau « <td></td> ». Si vous avez besoin d'une colonne supplémentaire pour distinguer le côté gauche et droit de la page, ajoutez un autre jeu de balises de données de tableau après le premier. Par exemple :

<tr>
  <td>Contenu colonne gauche</td>
  <td>Contenu colonne droite</td>
</tr>

Étape 5

Insérez des styles en ligne pour formater le contenu comme vous le souhaitez. Les styles en ligne remplacent les feuilles de style en cascade (CSS) existantes car ils sont les plus susceptibles d'être affichés (rendus) correctement dans un programme de messagerie. Par exemple, attribuez la taille, la couleur et le type de police à un paragraphe comme suit :

<p style="color:#00f;font-family:arial,helvetica,sans-serif;font-size:14px">Votre texte de paragraphe ici</p>

Étape 6

Enregistrez votre fichier et placez ce document sur votre hébergeur web. Si vous n'avez pas d'hébergeur, utilisez un service gratuit comme FileFactory ou MediaFire et notez l'adresse URL après avoir téléchargé votre fichier (voir Ressources).

Étape 7

Créez un nouveau message email. Utilisez le menu « Insérer » dans la plupart des programmes pour insérer le fichier HTML dans le corps de l'email. Sinon, pour Mac OS X Mail, tapez l'adresse URL de l'étape 4 dans votre navigateur Safari et appuyez sur les touches « Commande » et « I » pour charger automatiquement le HTML dans le message.

Astuce

Envoyez-vous une copie de votre message email HTML pour vérifier que l'affichage est correct avant de l'envoyer à d'autres personnes.

Avertissement

N'incluez rien au-delà du HTML, comme du JavaScript ou du Flash, dans un message email car la plupart des destinataires ne pourront pas visualiser votre note correctement.