Gagnez du temps en important des modèles d'email que vous avez déjà conçus. Téléchargez des fichiers HTML depuis Canva, Mailchimp, Klaviyo ou du code personnalisé, puis utilisez-les dans des Campagnes Email et des Flux de Travail d'Automatisation.
Ce guide vous montre comment importer des modèles, résoudre des erreurs courantes et garantir que les images s'affichent correctement.
Avant de commencer
Lisez les exigences HTML :
Avant l’importation, consultez Bases du HTML pour les e-mails et Bloc de contenu HTML personnalisé pour consulter la liste complète des balises prises en charge.
⚠️ Important : <!DOCTYPE HTML> et Les balises <head> doivent être supprimées avant le téléchargement. </head>Vous pouvez le faire manuellement dans un éditeur de texte, ou utiliser htmlcorrector.com pour supprimer automatiquement ces balises et d'autres éléments non pris en charge.
Deux méthodes d'importation :
Importer HTML (télécharger un fichier .html) – utile pour les utilisateurs de Mailchimp
Coller le code (copier/coller HTML) – utile pour les utilisateurs de Klaviyo et Canva
Importer depuis Canva
Canva est un outil de conception populaire, mais son exportation HTML nécessite des étapes supplémentaires avant de fonctionner dans Omnisend.
Étape 1. Exporter depuis Canva
Dans Canva, allez à Partager → Télécharger → Type de fichier : HTML. Canva téléchargera un dossier contenant :
email.html (le fichier dont vous avez besoin)Un dossier
images(vous devrez les héberger séparément – voir ci-dessous)
Étape 2. Ouvrez le fichier HTML dans un éditeur de texte
Windows: Clic droit
email.html →Ouvrir avec → Bloc-notesMac: Clic droit
email.html →Ouvrir avec → TextEdit
⚠️ Ne double-cliquez pas sur le fichier – il s'ouvrira dans votre navigateur à la place.
Étape 3. Nettoyez le HTML
Supprimez toute la ligne
<!DOCTYPE html>en hautSupprimez tout ce qui se trouve entre
<head></head>et (y compris les balises elles-mêmes)Copiez le code restant et collez-le dans htmlcorrector.com
Cliquez sur Nettoyer HTML et copiez le résultat
Étape 4. Hébergez vos images
Omnisend ne peut pas importer de fichiers image directement. Canva's le dossier des images ne fonctionnera pas – les images doivent être hébergées en ligne avec des URL complètes (par exemple, https://yoursite.com/image.jpg).
Option A : Télécharger sur Omnisend
Dans Omnisend, créez une nouvelle Campagne Email
Ajoutez un bloc Image → Téléchargez chaque image
Cliquez avec le bouton droit sur l'image → Copier l'URL de l'image
Dans votre HTML, remplacez les chemins d'images locaux (
images/photo.jpg) par des URL Omnisend
Option B : Utiliser un hébergement externe
Téléchargez des images sur Imgur, Cloudinary ou votre site web, puis mettez à jour les URL des images dans votre HTML.
Étape 5. Coller dans le code
Allez dans Paramètres de la Boutique → Modèles enregistrés → Importer un modèle → Coller le code, puis collez votre HTML nettoyé.
Processus d'importation
Étape 1. Accédez aux paramètres de la Boutique
Allez à paramètres de la Boutique → Modèles enregistrés.
Étape 2. Voir les modèles enregistrés
Vous verrez :
Une liste de modèles enregistrés – Vous pouvez les copier, les prévisualiser ou les supprimer. En savoir plus sur la copie des modèles.
Bouton d'importation de modèle – Cliquez ici pour choisir votre méthode d'importation.
Option 1. Importer le fichier HTML
Si vous avez un fichier .html enregistré sur votre ordinateur :
Cliquez sur Importer HTML
Ajoutez votre nom de Modèle
Choisissez le fichier HTML
Cliquez sur Télécharger
Si vous voyez "Désolé, nous n'avons pas pu importer le modèle HTML :"
Causes courantes :
Le HTML contient encore des balises
<doctype></doctype>ou<head></head>(supprimez-les d'abord)Le fichier inclut des éléments non pris en charge (
<iframe>,<script>, CSS non valide)Format de fichier incorrect (.zip, .txt ou dossier) – doit être un fichier .html
Correction : Nettoyez votre code en utilisant htmlcorrector.com, puis essayez Option 2 : Collez le code à la place.
Votre modèle importé apparaîtra sur la page Modèles enregistrés et sera disponible lors de la création de campagnes et d'automatisation.
Option 2. Coller le code HTML
Si vous avez du code HTML copié (par exemple, depuis Canva, Klaviyo ou un autre outil) :
Cliquez sur Coller dans le code
Ajoutez votre nom de Modèle
Collez le HTML nettoyé
Cliquez sur Importer
Votre modèle apparaîtra sur la page Modèles enregistrés et sera disponible dans les campagnes et l'automatisation.
Modifier un Modèle importé
Vous pouvez modifier le contenu et le design de votre modèle. Cliquez sur le contenu de l'e-mail pour ouvrir l'éditeur HTML.
⚠️ Remarques importantes :
Si vous transférez un modèle d'un autre fournisseur de services email, vous devrez supprimer manuellement :
Tous les tags de personnalisation
Voir dans le navigateur lien
Lien de désinscription
Omnisend ajoutera automatiquement ses propres versions.
Remarque : Les images peuvent ne pas s'afficher correctement dans les emails de test ou les aperçus. C'est un comportement attendu – les emails de test utilisent des liens d'image temporaires qui ne s'affichent pas toujours correctement (surtout dans Gmail et Outlook Web). Pour vérifier votre design, envoyez la campagne à un vrai segment de test ou à votre propre adresse email. Les images s'afficheront correctement dans les campagnes en direct.
Dépannage
Pourquoi mon HTML est-il vide dans l'aperçu ?
Les aperçus vides sont généralement causés par des balises HTML non prises en charge ou des erreurs de formatage.
Réparer :
Nettoyez votre HTML en utilisant htmlcorrector.com
Supprimez les balises
<DOCTYPE>,<head>,<iframe>et<script>Assurez-vous que les images utilisent des URL complètes, pas des chemins de fichiers locaux
Testez d'abord avec un HTML simple (par exemple,
<p>Test</p>) pour confirmer que le bloc fonctionne, puis ajoutez progressivement votre contenu
Pourquoi ne puis-je pas voir les images après l'importation ?
Omnisend ne peut pas accéder aux fichiers image locaux. Si votre HTML fait référence à des images stockées sur votre ordinateur (par exemple, images/photo.jpg), ils ne s'afficheront pas.
Correction : Hébergez des images en ligne et mettez à jour les URL dans votre HTML. Voir le "Hébergez vos images" section ci-dessus.
Que signifie "le texte contient des balises HTML interdites" ?
Cette erreur signifie que votre HTML inclut des balises qui ne sont pas prises en charge dans les e-mails. Coupables courants :
<doctype> et </doctype><head> balises</head><iframe> (contenu intégré)</iframe><script> (JavaScript)</script>Style CSS ou de police complexe
Correction : Utilisez htmlcorrector.com pour supprimer automatiquement ces balises, ou les supprimer manuellement. Voir Bloc de contenu HTML personnalisé pour la liste complète des balises prises en charge.
FAQ
Puis-je télécharger le dossier d'images de Canva avec le fichier HTML ?
Non. Omnisend n'accepte que le code HTML – il ne peut pas traiter les dossiers d'images ou les fichiers image locaux. Vous devrez télécharger les images séparément et mettre à jour les URL dans votre HTML. Voir "Hébergez vos images" ci-dessus.
Le HTML importé a l'air différent de ma conception. Pourquoi ?
L'HTML des e-mails s'affiche différemment de l'HTML web. Problèmes courants :
Les clients Email suppriment le CSS complexe – Gmail, Outlook et Apple Mail ne prennent pas en charge de nombreuses propriétés CSS modernes
Les designs Canva utilisent un formatage web – Canva est optimisé pour le web, pas pour les clients Email
Les polices peuvent ne pas se charger – Les polices personnalisées reviennent souvent aux polices de secours dans les emails
Solutions :
Utilisez htmlcorrector.com pour nettoyer le code non pris en charge
Simplifiez votre conception : utilisez des balises HTML de base et du CSS en ligne
Envisagez de reconstruire dans l'Éditeur d'emails d'Omnisend pour une meilleure compatibilité. Commencez avec l'Éditeur d'emails.
Testez votre email sur plusieurs clients (Gmail, Outlook, Apple Mail) avant de lancer
Pour toute autre orientation ou aide, contactez notre équipe de support primée en utilisant le chat intégré ou en envoyant un e-mail à [email protected].