HTML to Elementor
Aide

Transformez des pages HTML en contenu prêt pour Elementor

Cet outil convertit des pages HTML existantes en contenu à coller dans Elementor, ou à télécharger comme fichier modèle à importer. Tout s’exécute dans votre navigateur.

Prise en main

Ouvrez l’outil, déposez votre HTML, choisissez une méthode et cliquez sur convertir.

  1. Ouvrir l’outilUtilisez « Ouvrir l’outil » dans la navigation.
  2. Ajouter du HTMLDéposez un fichier .html/.htm ou collez directement du HTML.
  3. Choisir une méthodeChoisissez la haute fidélité pour garder l’apparence, ou les composants natifs pour continuer à éditer dans Elementor.
  4. ConvertirCliquez sur convertir et l’outil produit un contenu prêt pour Elementor.
  5. Vers ElementorCollez directement, ou téléchargez le fichier modèle et importez-le dans la bibliothèque.

Mode haute fidélité

Conserve l’apparence d’origine ; idéal pour déplacer une page entièrement.

  • Bien pour les pages de détail, les pages d’atterrissage et les mises en page complexes.
  • Le plus proche de la page d’origine.
  • Inconvénient : une grande partie du contenu tient dans un seul bloc, l’édition par élément est donc plus limitée.

Mode composants natifs

Décompose la page en titres, textes, images, boutons et conteneurs Elementor.

  • Idéal si vous continuerez à ajuster le contenu et le style après l’import.
  • Titres, textes, images et boutons sont plus faciles à modifier individuellement.
  • Les animations très complexes ou effets tiers peuvent nécessiter des ajustements manuels.

Comment choisir les réglages natifs

Ces options influencent la facilité d’édition après l’import.

OptionSignificationConseil
Balises de titreContrôle les niveaux H1/H2/H3.Pour une page entière, organisez automatiquement pour éviter un ordre de titres désordonné.
ImagesConservez les originaux ou créez des emplacements d’image vides.Si vous allez re-téléverser des images, les emplacements sont plus pratiques.
URL médiaGère les URL d’image incomplètes, temporaires ou en ligne.L’option sûre par défaut réduit les images échouées ou manquantes.
IcônesFaites correspondre aux icônes Elementor ou gardez l’apparence d’origine.Utilisez des classes Font Awesome dans la source — elles s'importent comme des icônes modifiables de la bibliothèque d'icônes.
Couleurs et policesGardez l’original, ou suivez le site cible.Pour correspondre au nouveau site, suivez le site cible.
Structure seuleConserve la structure et les espacements sans remplir le contenu.Bien pour les pages complexes : construisez le squelette, puis remplissez-le.
Mappage avancéExaminez en quel composant chaque bloc se convertit.Idéal quand vous voulez décider vous-même de chaque bloc.
Carte de structurePrévisualisez l'arborescence des composants à côté de la page ; survolez pour mettre en évidence.Exportez un seul bloc, ou excluez les parties que vous ne voulez pas.

Méthode A : coller

Le moyen le plus rapide d’entrer dans la page Elementor actuelle.

  1. Cliquez sur « Copier les données Elementor ».
  2. Ouvrez la page d’édition Elementor.
  3. Faites un clic droit sur une zone vide et choisissez « Coller depuis un autre site ».
  4. Après le collage, vérifiez images, icônes, espacements et vue mobile.

Méthode B : fichier modèle

Enregistrez-le et importez-le plus tard depuis la bibliothèque Elementor.

  1. Cliquez sur « Télécharger le modèle JSON ».
  2. Ouvrez la bibliothèque de modèles Elementor.
  3. Choisissez importer et téléversez le fichier téléchargé.
  4. Insérez dans la page, puis remplacez les images et peaufinez.

À savoir avant de commencer

L’outil vise des imports sûrs, mais les pages HTML et Elementor diffèrent, si bien que les pages complexes peuvent encore nécessiter une vérification.

  • Par sécurité, les scripts, liens dangereux, ressources externes et envois de formulaires sont nettoyés.
  • Les styles conservés sont limités au contenu importé afin de ne pas affecter les autres zones du site cible.
  • Les URL d’image incomplètes, en ligne ou temporaires deviennent des emplacements par défaut pour éviter les échecs d’import.
  • Les galeries et carrousels contenant des images non importables sont scindés pour éviter de perdre des images.
  • Les menus, produits et listes d’articles dépendent des données du site cible et doivent généralement être re-sélectionnés dans Elementor.
  • Pour les pages très complexes, commencez par la haute fidélité ; pour une édition facile, essayez le natif ou la structure seule.