Importer un modèle HTML personnalisé

Si vous souhaitez plus de contrôle sur le design de votre e-mail que ce que nos modèles proposent, vous pouvez coder votre propre modèle HTML et l'importer dans votre compte Mailchimp. Une fois votre modèle personnalisé importé, vous pouvez l'utiliser pour vos futures campagnes.

Cet article vous propose de découvrir les différentes façons d'importer et de modifier votre modèle HTML personnalisé.

Avant de commencer

Voici ce qu'il faut savoir avant de commencer ce processus.

• Il s'agit d'une fonctionnalité avancée qui est recommandée pour les utilisateurs ayant une certaine connaissance du codage personnalisé. Contactez votre développeur ou faites appel aux services d'un expert Mailchimp si vous avez besoin d'aide.
• Les comptes disposant d'un plan Standard ou supérieur Mailchimp peuvent utiliser des modèles HTML personnalisés. Pour découvrir les fonctionnalités comprises dans chaque plan, consultez notre page de tarification.
• Avant de créer votre propre modèle HTML ou de faire appel aux services d'un développeur, découvrez les autres types de modèles, qui ne nécessitent aucune connaissance en HTML.
• Pour découvrir nos conseils et les pratiques recommandées en matière de codage, consultez les restrictions HTML dans la conception d'e-mails, ainsi que le guide Mailchimp pour la conception d'e-mails.
• Lorsque vous modifiez un modèle à code personnalisé dans le créateur de modèle, vos modifications peuvent affecter les ébauches de campagne existantes qui utilisent le modèle.
• Nous examinerons votre HTML à l'aide d'un service de validation afin de vérifier si la syntaxe est correcte.
• Vous devez inclure la balise de fusion *|UNSUB|* dans votre modèle personnalisé, car elle est obligatoire pour toute campagne.
• L'encodage des caractères de votre fichier HTML doit être UTF-8.
• Définissez toutes les images aux formats JPG, JPEG, PNG ou GIF. Pensez à inclure tous les PDF ou autres documents à héberger dans Mailchimp qui sont liés au code de votre modèle.

Options d'importation

Après que vous ou votre développeur avez codé le HTML de votre modèle, vous pouvez importer le modèle grâce à l'une de ces méthodes.

• Coller le code
• Importer le HTML
• Importer le ZIP

Coller le code

Pour créer un modèle personnalisé en collant votre propre fichier HTML, procédez comme suit.

1. Cliquez sur Content (Contenu), puis sur Email templates (Modèles d'e-mail).

2. Cliquez sur Create Template (Créer un modèle).
   

3. Accédez aux options Code personnalisé et choisissez Paste in code (Coller le code).
   
4. Sous l'onglet Edit Code (Modifier le code), remplacez ou modifiez l'exemple de code et cliquez sur Save (Enregistrer) dans le volet d'édition.
   
5. Une fois votre modèle modifié, cliquez sur Save and Exit (Enregistrer et quitter).
   
6. Dans la fenêtre contextuelle modale Save Template (Enregistrer le modèle) , saisissez le nom de votre modèle et cliquez sur Save (Enregistrer).
   

Bien joué ! Vous trouverez votre nouveau modèle codé sur mesure sur la page des modèles de votre compte.

Importer le fichier HTML

Pour créer un modèle personnalisé en important un fichier HTML à partir de votre ordinateur, procédez comme suit.

1. Cliquez sur Content (Contenu), puis sur Email templates (Modèles d'e-mail).

2. Cliquez sur Create Template (Créer un modèle).
   

3. Accédez aux options Code personnalisé et choisissez Import HTML (Importer le HTML).
   
4. Cliquez sur Browse (Parcourir) et sélectionnez votre fichier HTML.
5. Nommez votre modèle et cliquez sur Upload (Télécharger).
   
6. Vérifiez votre modèle et cliquez sur Edit Code (Modifier le code) ou Edit Design (Modifier la conception) afin d'apporter les modifications souhaitées.
   
7. Une fois votre modèle modifié, cliquez sur Save and Exit (Enregistrer et quitter).
   

Bien joué ! Vous trouverez votre nouveau modèle codé sur mesure sur la page des modèles de votre compte.

Importer le fichier ZIP

Il existe plusieurs exigences à prendre en compte 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 plus d'un fichier HTML, nous utiliserons le premier que nous trouverons.
• Placez toutes les images et les fichiers dans le répertoire racine du fichier ZIP, et non pas dans des sous-dossiers. Nous chargerons tous vos fichiers et images dans le producteur de contenu et nous créerons des chemins absolus lorsque nous convertirons votre fichier ZIP.
• Utilisez uniquement des lettres, des chiffres et des traits d'union dans le nom du fichier. Les espaces ou les caractères spéciaux peuvent causer des problèmes lors de l'importation.
• Le téléchargement étant sensible à la casse, votre code doit correspondre exactement aux noms de vos fichiers.

Une fois votre fichier correctement enregistré et mis en forme, vous pouvez créer votre modèle. Pour créer un modèle en important un fichier ZIP à partir de votre ordinateur, procédez comme suit.

1. Cliquez sur Content (Contenu), puis sur Email templates (Modèles d'e-mail).

2. Cliquez sur Create Template (Créer un modèle).
   

3. Accédez aux options Code personnalisé et choisissez Import ZIP (Importer le ZIP).
   
4. Cliquez sur Browse (Parcourir) et sélectionnez votre fichier ZIP.
5. Nommez votre modèle et cliquez sur Upload (Télécharger).
   
6. Vérifiez votre modèle et cliquez sur Edit Code (Modifier le code) ou Edit Design (Modifier la conception) afin d'apporter les modifications souhaitées.
   
7. Une fois votre modèle modifié, cliquez sur Save and Exit (Enregistrer et quitter).
   

Bien joué ! Vous trouverez votre nouveau modèle codé sur mesure sur la page des modèles de votre compte.

Modifier votre modèle personnalisé

Une fois votre modèle personnalisé importé, vous pouvez le modifier dans le volet Edit Code (Modifier le code) du créateur de modèle. Si vous avez utilisé le langage du modèle Mailchimp, vous pouvez également appliquer des styles sous l'onglet Edit Design (Modifier la conception) .

Lorsque vous souhaitez utiliser votre modèle personnalisé dans une campagne, vous pouvez ajouter du contenu et peaufiner votre conception dans le créateur de campagne. Toute modification apportée dans le créateur de modèle peut affecter les ébauches et les campagnes en cours utilisant le modèle.

Autres ressources d'édition

Voici quelques ressources supplémentaires pour vous aider à modifier votre modèle codé sur mesure.

• Débuter avec le langage de modèle Mailchimp
• Où modifier le code d'un modèle
• Ajouter une image d'arrière-plan à un modèle HTML personnalisé
• Utiliser des blocs de contenu répétables ou variables

Utiliser votre modèle dans un e-mail

Pour utiliser un modèle à code personnalisé enregistré pour votre campagne par e-mail, procédez comme suit.

1. Cliquez sur Content (Contenu), puis sur Email templates (Modèles d'e-mail).

2. Cliquez sur la liste déroulante correspondant au modèle avec lequel vous souhaitez travailler et sélectionnez Create Campaign (Créer une campagne).
   

Vous pouvez également les trouver sous Saved Templates (Modèles enregistrés) dans le créateur d'e-mail classique.