Importation de code HTML personnalisé

Introduction

BDN VISION vous offre la possibilité d’importer un code HTML externe (code source, markup email, structure HTML) directement dans son éditeur. Cette option est idéale si votre message a été conçu en dehors de la plateforme, par exemple par un développeur ou via un outil de design spécialisé.

Une fois le code intégré, l’email peut être ajusté à l’aide de l’éditeur HTML intégré, vous laissant une liberté totale pour affiner la mise en page, le contenu et les éléments graphiques.

Pourquoi importer votre propre HTML ?

L’importation de modèles HTML personnalisés vous permet de dépasser les limites des éditeurs visuels classiques et de conserver un contrôle précis sur l’apparence de vos emails.

Cette approche est particulièrement utile pour :

Créer des designs sur mesure fidèles à votre charte graphique
Réutiliser des templates déjà validés en interne
Maintenir une cohérence visuelle forte entre toutes vos campagnes
Gagner du temps en capitalisant sur des structures éprouvées

Une fois importé, votre modèle peut être modifié, testé et réutilisé dans vos futures campagnes BDN VISION.

Étapes pour importer votre code HTML

Suivez ces étapes pour intégrer votre email HTML dans BDN VISION :

Lors de la création d’une nouvelle campagne, sélectionnez l’option « Commencer avec votre propre code »
Collez votre code HTML dans la zone dédiée (éditeur sombre / zone de code)
Cliquez sur « Télécharger et modifier » pour charger le contenu dans l’éditeur

Votre email HTML est maintenant prêt à être ajusté et personnalisé.

Avantages de l’importation HTML

Importer votre propre code vous offre de nombreux bénéfices :

Maîtrise totale du design : utilisez des modèles HTML sur mesure
Respect de l’identité visuelle : conservez un rendu graphique homogène
Fonctionnalités avancées : intégrez des styles CSS personnalisés et des structures complexes
Templates professionnels : importez des emails conçus par des designers ou agences
Réutilisation simplifiée : sauvegardez vos créations comme modèles pour un usage futur

Bonnes pratiques pour un import réussi

Pour garantir un affichage optimal sur tous les clients de messagerie :

Testez votre code HTML avant l’importation
Utilisez un HTML propre, valide et bien structuré
Privilégiez un design responsive (adaptatif, mobile-friendly)
Vérifiez la compatibilité CSS avec les principaux clients email
Limitez la taille totale du fichier pour accélérer le chargement

Après l’importation : prochaines étapes

Une fois votre code HTML intégré :

Modifiez-le directement via l’éditeur HTML de BDN VISION
Ajustez les textes, images et liens selon vos besoins
Enregistrez l’email comme modèle réutilisable
Testez le rendu sur différents clients et appareils

Dépannage et Problème courants

Le rendu HTML est différent après l’importation

Assurez-vous que les styles CSS sont inline (les feuilles externes sont souvent ignorées)
Évitez les fonctionnalités HTML5 ou CSS3 non supportées par les emails
Supprimez tout JavaScript, non autorisé dans les messages email
Utilisez un outil d’internalisation CSS avant l’import

Le bouton d’importation est inactif ou ne répond pas

Vérifiez que le champ HTML n’est pas vide
Corrigez les balises HTML mal fermées
Assurez-vous que le code ne dépasse pas la taille maximale autorisée (environ 100 Ko)
Évitez les caractères spéciaux ou encodages non standards

Les images ne s’affichent pas correctement

Utilisez uniquement des URLs absolues (https://...)
Vérifiez que le serveur d’hébergement autorise l’affichage externe
Assurez-vous que les images ne nécessitent aucune authentification
Privilégiez les formats compatibles email : JPG, PNG, GIF

Le design adaptatif ne fonctionne pas

Vérifiez la syntaxe des media queries
Confirmez leur compatibilité avec les clients de messagerie ciblés
Prévoyez une mise en page basée sur des tableaux en solution de repli
Testez sur de vrais appareils (mobile, tablette, desktop), pas uniquement en simulation navigateur