Importer un modèle HTML personnalisé
by Intuit• Mis à jour 2 semaines
Si vous souhaitez avoir un meilleur contrôle de la conception de vos e-mails que nos modèles, vous pouvez programmer votre propre modèle HTML et l'importer dans votre compte Mailchimp. Une fois que vous aurez importé votre modèle personnalisé, vous pourrez l'utiliser pour vos campagnes à venir.
Dans cet article, vous verrez comment importer et modifier votre modèle HTML personnalisé.
Avant de commencer
Prenez en compte les points suivants avant de passer à cette procédure.
- Il s'agit d'une fonctionnalité avancée recommandée aux utilisateurs qui utilisent le codage personnalisé. Contactez votre développeur ou faites appel à un expert Mailchimp si vous avez besoin d'aide.
- Les comptes de Mailchimp Standard ou supérieur peuvent utiliser des modèles HTML personnalisés. Pour en savoir plus sur les fonctionnalités incluses dans chaque abonnement, consultez notre page sur la tarification .
- Avant de créer votre propre modèle HTML ou d'engager un développeur, envisagez d'autres types d'opérations qui ne requièrent aucune connaissance en HTML.
- Pour les conseils et les bonnes pratiques, en savoir plus sur les limitations liées au HTML dans la conception des e-mails et parcourez le guide de conception des e-mails de Mailchimp .
- Lorsque vous modifiez un modèle à code gratuit dans le service de création de modèle, vos changements peuvent affecter les campagnes en brouillon existantes qui utilisent ce modèle.
- Nous exécuterons votre HTML via un service de validation pour nous assurer que la syntaxe est correcte.
- Ajoutez le tag *|UNSUB|* dans votre modèle personnalisé, qui est requis pour toutes vos campagnes.
- Assurez-vous que le codage des caractères de votre fichier HTML est UTP-8 .
- Formatez toutes les images en tant que JPG, JPEG, PNG ou GIF . Incluez les fichiers PDF ou autres documents à accueillir avec Mailchimp qui sont liés à votre code de modèle.
Options d'importation
Après que vous ou votre développeur ait configuré le HTML de votre modèle, vous pouvez importer ce modèle à l'aide d'une des méthodes suivantes.
Coller le code
Pour créer un e-mail avec du code HTML collé, suivez les étapes ci-dessous.
- Cliquez sur Campagnes , puis sur Modèles d'e-mails .
- Cliquez sur Codez votre , puis sur Continuer .
- Collez votre code dans le champ Modifier le code , puis cliquez sur Enregistrer .
Pour insérer une image, cliquez sur Modifier la conception dans la barre des tâches du bas pour charger le menu Présentation .
a. Vous pouvez également modifier la page , le pré-header , l'en-tête , le corps , le pied de page , les styles mobiles et le badge de référence à partir du menu Présentation .
Utilisez le menu Visualiser et Tester pour afficher votre modèle ou envoyer un e-mail de test.
a. Cliquez sur Modifier la conception | Modifiez les boutons Code pour apporter des changements.
b. Cliquez sur Contenu de studio pour sélectionner ou télécharger des images.
Cliquez sur Enregistrer et quitter , puis sur Enregistrer .
- Affichez votre modèle dans l'onglet Enregistré. Suivez l'invitation pour afficher votre modèle.
Sélectionnez le modèle de votre choix pour Créer un e-mail .
a. Utilisez le menu Plus d'options pour Modifier le modèle , Envoyer à Mandyl , Répliquer le modèle , Partager le modèle , Exporter en tant que modèle ou Renommer le modèle .
Remplissez le formulaire d'e-mail, ajoutez une publication sociale à votre e-mail , puis sur Visualisez votre e-mail et cliquez sur Envoyer .
Bravo ! Vous trouverez votre nouveau modèle avec code personnalisé sur la page Modèles de votre compte.
Importer du HTML
Pour créer un modèle personnalisé en important un fichier HTML depuis votre ordinateur, suivez les étapes ci-dessous.
- Cliquez sur Campagnes , puis sur Modèles d'e-mails .
- Dans le menu Votre code , cliquez sur Importer le HTML.
- Cliquez sur Ajouter un fichier pour importer votre HTML.
Pour insérer une image, cliquez sur Modifier la conception dans la barre des tâches du bas pour charger le menu Présentation .
a. Vous pouvez également modifier la page , le pré-header , l'en-tête , le corps , le pied de page , les styles mobiles et le badge de référence à partir du menu Présentation .
Utilisez le menu Visualiser et Tester pour afficher votre modèle ou envoyer un e-mail de test.
a. Cliquez sur Modifier la conception | Modifiez les boutons Code pour apporter des changements.
b. Cliquez sur Content Studio pour afficher les projets.
Cliquez sur Enregistrer et quitter , puis sur Enregistrer .
Suivez l'invitation pour afficher votre modèle. Sélectionnez le modèle de votre choix pour Créer un e-mail .
a. Utilisez le menu Plus d'options pour Modifier le modèle , Envoyer à Mandyl , Répliquer le modèle , Partager le modèle , Exporter le modèle ou Renommer le modèle .
Remplissez le formulaire d'e-mail, ajoutez une publication sociale à votre e-mail , puis Prévisualisez votre modèle et cliquez sur Envoyer .
Bravo ! Vous trouverez votre nouveau modèle avec code personnalisé sur la page Modèles de votre compte.
Importer un code postal
Certaines exigences doivent être vérifiées avant d'importer votre fichier ZIP.
- Votre fichier ZIP doit avoir une taille inférieure à 1 Mo et contenir un seul fichier HTML. Si vous avez plusieurs fichiers HTML, nous utiliserons le premier fichier HTML que nous avons trouvé.
- Placez toutes les images et tous les fichiers dans le répertoire racine du fichier ZIP, et non dans les dossiers rattachés. Nous importerons toutes vos images et tous vos fichiers dans le studio de contenu , et nous créerons les parcours nécessaires pour vous lorsque nous convertirons votre ZIP.
- Utilisez uniquement des lettres, des chiffres et des tirets dans le nom du fichier. Des espaces ou des caractères inhabituels peuvent entraîner des problèmes lors de l'importation.
- Le téléchargement est sensible à la casse. Votre code doit donc correspondre exactement aux noms de vos fichiers.
Une fois que votre fichier aura été correctement enregistré et formaté, vous pourrez créer votre modèle. Pour créer un modèle en important un fichier ZIP depuis votre ordinateur, suivez les étapes ci-dessous.
- Cliquez sur Campagnes , puis sur Modèles d'e-mails .
- Dans le menu Code de , cliquez sur Importer un code ZIP .
- Cliquez sur Ajouter pour importer votre fichier ZIP.
Pour insérer une image, cliquez sur Modifier la conception dans la barre des tâches du bas pour charger le menu Présentation .
a. Vous pouvez également modifier la page , le pré-header , l'en-tête , le corps , le pied de page , les styles mobiles et le badge de référence à partir du menu de conception .
Utilisez le menu Visualiser et Tester pour afficher votre modèle ou envoyer un e-mail de test.
a. Cliquez sur Modifier la conception | Modifiez les boutons Code pour apporter des changements.
b. Cliquez sur Content Studio pour afficher les projets.
Cliquez sur Enregistrer et quitter , puis sur Enregistrer .
Suivez l'invitation pour afficher votre modèle. Sélectionnez le modèle de votre choix pour Créer un e-mail .
a. Utilisez le menu Plus d'options pour Modifier le modèle , Envoyer à Mandyl , Répliquer le modèle , Partager le modèle , Exporter le modèle ou Renommer le modèle .
Remplissez le formulaire d'e-mail, ajoutez une publication sociale à votre e-mail , puis Prévisualisez votre modèle et cliquez sur Envoyer .
Bravo ! Vous trouverez votre nouveau modèle avec code personnalisé sur la page Modèles de votre compte.
Modifiez votre modèle personnalisé
Une fois que vous avez importé votre modèle personnalisé, vous pouvez le modifier dans le panneau Modifier le code de l'outil de création du modèle. Si vous avez utilisé la langue des modèles de Mailchimp , vous pouvez également appliquer des styles dans l'onglet Modifier la conception .

Lorsque votre modèle personnalisé est prêt à être utilisé dans une campagne, vous pouvez ajouter du contenu et affiner la présentation dans l'outil de création d'e-mail. Toute modification apportée à l'outil de création du modèle peut avoir des répercussions sur les campagnes en brouillon et en cours qui utilisent ce modèle.
Autres ressources de modification
Voici d'autres ressources pour vous aider à modifier votre modèle avec code personnalisé.
- Démarrage avec la langue du modèle de Mailchimp
- Où modifier le code du modèle ?
- Ajouter une image de fond à un modèle HTML personnalisé
- Utiliser des blocs de contenu répétitive ou variable
Utilisez votre modèle dans un e-mail
Pour pouvoir utiliser un modèle à code personnalisé enregistré pour votre campagne par e-mail, suivez les étapes ci-dessous.
Cliquez sur Campagnes , puis sur Modèles d'e-mails .
Cliquez sur le menu déroulant en regard du modèle que vous souhaitez utiliser, puis sélectionnez Créer une campagne .

Vous pouvez également les trouver dans Modèles enregistrés dans l' outil de création d'e-mail d'origine .
Sur le même sujet
- Exporter un modèle d'e-mail en HTMLde QuickBooks
- Importez HTML de URL pour créer une campagnede QuickBooks
- Importez vos codes HTML dans Mailchimp pour créer une campagnede QuickBooks
- CSS dans HTMLde QuickBooks