Description
Si vous souhaitez importer du code HTML rédigé en dehors de notre outil, vous pouvez le coller dans notre éditeur grâce à cette option. Le courriel peut être modifié à l'aide d'un éditeur HTML.
Pourquoi c'est important
Vous pouvez concevoir votre propre modèle HTML et l'importer dans l'éditeur pour disposer de davantage d'options sur l'apparence de vos courriels. Une fois un modèle personnalisé importé, vous pouvez le modifier et l'utiliser dans vos futures campagnes afin de conserver l'apparence familière que vous souhaitez pour votre marque.
Instructions étape par étape
-
Sélectionnez l'option « Démarrer avec votre propre code » lors de la création d'une nouvelle campagne.
-
Collez votre code dans la section noire de la page.
-
Cliquez sur « Importer et modifier »
Bonnes pratiques
- Testez votre code HTML avant l'importation pour garantir la compatibilité
- Utilisez un code HTML propre et valide pour de meilleurs résultats
- Intégrez des éléments de design responsive pour la compatibilité mobile
- Validez la compatibilité du CSS avec les clients de messagerie
- Conservez des tailles de fichier raisonnables pour un chargement plus rapide
Après l'importation
Une fois votre code HTML importé :
- Vous pouvez le modifier à l'aide de l'éditeur HTML
- Effectuez les ajustements nécessaires
- Enregistrez-le comme modèle pour une utilisation future
- Testez-le sur différents clients de messagerie
Dépannage
Mon code HTML semble différent après l'importation
- Vérifiez si votre CSS est en ligne (inline) : de nombreux clients de messagerie ne prennent pas en charge les feuilles de style externes
- Vérifiez que vous n'utilisez pas de fonctionnalités HTML5 ou CSS3 non prises en charge
- Supprimez le JavaScript, car il n'est pas pris en charge dans les courriels
- Testez avec un outil d'intégration CSS (inlining) avant l'importation
Le bouton d'importation est désactivé ou ne fonctionne pas
- Assurez-vous que votre code HTML n'est pas vide
- Vérifiez l'absence de balises HTML non fermées qui pourraient bloquer l'analyseur
- Vérifiez que le code ne dépasse pas les limites de taille (généralement 100 Ko)
- Essayez de supprimer les caractères spéciaux ou les encodages non standard
Les images sont cassées après l'importation
- Utilisez des URL absolues pour toutes les images (https://... et non /images/...)
- Assurez-vous que le serveur d'hébergement des images autorise le lien direct (hotlinking)
- Vérifiez que les URL des images ne nécessitent pas d'authentification
- Vérifiez que les images sont dans des formats compatibles avec le Web (JPG, PNG, GIF)
Le design responsive ne fonctionne pas
- Confirmez que les media queries sont correctement formatées
- Vérifiez si le client de messagerie prend en charge les media queries
- Utilisez des mises en page basées sur des tableaux comme solution de repli
- Testez sur de vrais appareils, pas seulement en mode responsive du navigateur
Articles connexes
- Utiliser le concepteur de courriels - Mode d'édition HTML
- Ajouter des liens d'ancrage - Techniques HTML
- Enregistrer des campagnes comme modèles - Enregistrer des modèles HTML
- Utiliser les gabarits intelligents - Alternative au HTML
- Tester votre campagne - Tester le rendu HTML