Créer un design d'email en HTML

Dans cet article, nous avons exposé les quatre manières principales d'utiliser l'outil d'édition HTML dans Splio. Veuillez noter que le Message Builder et l'éditeur HTML ne sont pas compatibles. Si vous n'êtes pas en mesure de coder vos emails ou que vous ne disposez pas d'un code HTML prédéfini, nous vous recommandons de privilégier l'utilisation du Message Builder.

Champs à remplir avant de créer votre email
1. Charger un fichier
2. Utiliser l'éditeur visuel
3. Utiliser l'éditeur de code
4. Charger depuis une URL
Options disponibles lors de l'utilisation de l'éditeur HTML

Champs à remplir avant de créer votre email

La page « À propos » enregistre toutes les informations relatives à l'expéditeur et à l'en-tête de votre message:

• Objet du message (l'objet qui apparaît dans la boîte de réception de vos utilisateurs)
• Nom du message (pour vos archives)
• Adresse email de l'expéditeur (par exemple, contact@splio.com)
• Nom de l'expéditeur (par exemple, « Splio »)
• Adresse e-mail de réponse (si elle diffère de l'adresse email de l'expéditeur)
• Langue du message (c'est la langue par défaut et elle sera utilisée pour la page de désinscription)

Splio préconfigure le nom, l'adresse email et l'adresse de réponse de l'expéditeur en fonction des paramètres par défaut de l'espace (définis dans ADMIN).

Lorsque vous avez terminé de remplir la section « À propos », vous avez quatre options :

1. Importer un fichier : chargez un fichier .zip contenant votre fichier HTML et vos images avec les liens relatifs
2. Éditeur visuel : créez votre contenu HTML à l’aide d’un éditeur WYSIWYG /!\ non recommandé
3. Éditeur de code : copiez et collez votre contenu HTML
4. Importer depuis une URL : chargez un fichier HTML directement à partir d'une URL

1. Charger un fichier

Vous pouvez utiliser le mode fichier de deux manières.

Charger un fichier .zip (images hébergées par Splio)

• Vous devez utiliser des liens relatifs pour vos images afin de garantir leur hébergement.
• L’archive .zip doit suivre la chaîne de vos liens (ex. : /img/ ou /images/).

Un lien relatif est un lien provenant du fichier HTML et qui suit la structure de votre archive .zip (ex. : /images/logo.png).

Charger uniquement un fichier HTML

Vous pouvez charger un fichier HTML sans images, en utilisant des images hébergées sur un autre serveur. Les sources des images doivent par conséquent prendre la forme de liens absolus.

Un lien absolu est un lien provenant de la racine du serveur (par exemple, http://www.splio.com/images/logo.png)

2. Utiliser l'éditeur visuel

Si vous souhaitez créer un design d'email en utilisant l'éditeur WYSIWYG, nous vous recommandons fortement de vous servir du Message Builder, puisque l'éditeur visuel HTML n'est pas destiné à ce type d'utilisation.

3. Utiliser l'éditeur de code

Plutôt que de charger votre fichier HTML, vous pouvez utiliser l’éditeur de code pour copier et coller directement votre code HTML. Utilisez de préférence cette méthode si vous travaillez avec des blocs conditionnels.

4. Charger depuis une URL

Copiez et collez l’URL d’un email en HTML hébergé en ligne. Si votre fichier HTML contient des liens relatifs pour vos images, Splio les convertit en liens absolus pointant vers votre serveur.

Corriger et optimiser le code HTML d'un email

Cette option permet de nettoyer et d'optimiser le code de votre email. Elle applique toutes les classes CSS de votre code aux styles intralignes (class=”” en style=””).Elle retire également toutes les balises sensibles qui sont rejetées par les MailBox Providers, telles que <object>, <script>, <map>, <area>, etc.

Utilisez cette option avec précaution. Elle fonctionne bien pour du code HTML simple, mais peut se révéler plus difficile à utiliser pour les contenus HTML complexes.

Testez soigneusement votre message après avoir utilisé cette option.

Options disponibles lors de l'utilisation de l'éditeur HTML

Version texte

Splio prend en charge la distribution de messages multiformat, ce qui vous permet d’envoyer en même temps un message texte et un message HTML.

Le client de messagerie du destinataire choisit la version à afficher en fonction des préférences définies dans l’application. Le contenu HTML remplace le texte par défaut.

Mettre en place le tracking de Google Analytics

Si vous utilisez Google Analytics pour votre site Web et si vous souhaitez connaître la provenance de vos visiteurs, remplissez les champs correspondants. Les informations que vous saisissez sont transmises à votre compte Google Analytics. Elles permettront d’identifier la provenance des visiteurs qui consultent votre site Web suite à vos campagnes. 

Même si les champs source et medium sont préconfigurés, ils ne seront pris en compte que si vous saisissez un nom de campagne. Vous pouvez également les modifier à votre guise. Vous pouvez lire notre article à ce sujet.

Nom de la campagne

Ce indique la campagne ou l’action à l’origine de la consultation de votre site web par un visiteur. Par exemple, si vous utilisez différents types de campagnes email, vous pouvez choisir des noms qui les distinguent (p. ex. : 10-04-2013_ Promo d'hiverParis, Newsletterhebdomadaire_13-04-05).

Source

La source dans Google Analytics représente l’origine du trafic, comme un moteur de recherche ou un domaine (par exemple, splio.com). Si vous faites appel à plusieurs prestataires de service de marketing direct, vous pouvez utiliser la source pour identifier le trafic entrant.

Si vous saisissez un nom de campagne sans spécifier de source, la valeur par défaut « Splio » s'affiche.

Notez que Google Analytics ne répertorie pas le nombre d’ouvertures ou d'ouvreurs. Il suit uniquement les utilisateurs qui cliquent sur des liens pointant vers votre site web.

Medium

Le medium correspond généralement à la catégorie générique de la source, comme un paiement par clic ou une recherche organique.

Si vous indiquez un nom de campagne sans support, la valeur est définie sur « email ».

Pièces jointes

Vous pouvez joindre des fichiers à vos emails : images, documents Word ou PDF.

Il est recommandé de limiter la taille de vos messages à 5 Mo. Des messages plus volumineux pourraient être rejetés par certaines boîtes de réception et ne pas parvenir à tous vos destinataires.