L’éditeur de code HTML personnalisé vous permet d'importer votre propre fichier HTML pour concevoir des emails entièrement personnalisés. Il est idéal si vous avez déjà un email codé par une agence, créé en dehors de Brevo.  

Avant de commencer

• Certains clients email ne prennent pas en charge tous les contenus HTLM, car le HTML des emails n'est pas aussi développé que celui du web. Pour éviter les problèmes avec votre code dans l'éditeur HTML et le bloc, consultez notre article dédié Limites de l'utilisation du HTML pour vos campagnes email.
• Nous recommandons d’ajouter des images en utilisant l'attribut <img src= [...] > plutôt que de les intégrer directement dans votre email.
  💡 Bon à savoir

  Si vous devez intégrer une image, insérez-la d’abord puis activez l’option dédiée dans les Paramètres supplémentaires de votre campagne. Gardez à l’esprit que le contenu intégré compte dans votre limite de taille d’email et ne peut utiliser que jusqu’à 1 Mo sur un maximum de 5 Mo.

🧑 💻 Accéder à l’éditeur de code HTML personnalisé 

Pour commencer à concevoir avec l’éditeur HTML :

1. Créez une campagne email ou un template d’email et commencez la configuration. 
2. Accédez à l’étape Design pour sélectionner un template d’email avec lequel commencer.

3. La procédure diffère selon que vous créez un template d’email ou une campagne email :

   Campagne email Template d'email

   Cliquez sur Démarrer la conception, puis sur Créer à partir de zéro > Code HTML personnalisé.

   

   Accédez à l'onglet Coder votre template et cliquez sur Collez votre Code.

   

L’éditeur HTML s’ouvre, où vous pouvez importer votre propre fichier HTML pour concevoir votre email ! La prochaine fois, vous pourrez sélectionner vos emails précédemment créés depuis la catégorie Vos emails (campagne) ou Mes templates/Campagnes (template). Utilisez vos emails conçus avec l’éditeur HTML dans vos campagnes email, les automatisations et les conversations ! 

</> Importer un fichier HTML 

Une fois que vous avez ouvert l’éditeur HTML : 

1. Ouvrez le fichier HTML pour en afficher le code. Vous pouvez : 
   • ouvrir le fichier dans un éditeur de texte, si vous en possédez un ; ou
   • ouvrir le fichier dans votre navigateur, faire un clic droit sur la page et cliquer sur Afficher le code source de la page. 
     
2. Sélectionnez tout le code et copiez-le.
3. Depuis la section Design de la création de votre email, accédez à l’éditeur de code HTML personnalisé.
4. Collez le code dans l’éditeur de code HTML personnalisé.
5. (Facultatif) Cliquez sur Actions  > Enregistrer comme template pour enregistrer votre design HTML en tant que template et le réutiliser dans de futures campagnes ou automatisations. Nommez-le pour le trouver et le reconnaître facilement dans votre liste de templates d’email et cliquez sur Enregistrer comme template. 
   
   ❗️ Important

   Toute modification apportée à votre design après l'avoir enregistré comme template ne sera pas répercutée dans le template.
6. Cliquez sur Enregistrer & Quitter.
7. Un petit aperçu de votre campagne est affiché dans la section Design de la création de votre email.

Vous pouvez maintenant afficher un aperçu de votre campagne email et la tester pour voir si elle fonctionne !

⏭️ Et après ?

• Prévisualiser et tester votre email
• Limites de l'utilisation du HTML pour vos campagnes email

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.