HTML to Elementor
Retour aux tutoriels

Copier-coller vs import JSON : deux façons d'intégrer du HTML dans Elementor

Le convertisseur vous offre deux chemins d’exportation. Ils produisent les mêmes composants mais s’adaptent à des flux de travail différents.

Option A — Coller des données Elementor

Cliquez sur Copier les données Elementor, ouvrez la page dans Elementor, faites un clic droit sur une zone vide et choisissez « Coller depuis un autre site ». Les composants s’insèrent directement dans votre mise en page. C’est la méthode la plus rapide lorsque vous ajoutez une section à une page existante.

  • Idéal pour : des insertions rapides et sur place.
  • Nécessite : l’éditeur Elementor ouvert sur le site cible.

Option B — Télécharger un modèle JSON

Cliquez sur Télécharger le modèle .json, puis dans Elementor ouvrez la bibliothèque de modèles et choisissez Importer des modèles. La page entière arrive sous forme de modèle réutilisable que vous pouvez insérer n’importe où.

  • Idéal pour : des pages complètes, la réutilisation sur plusieurs sites, le contrôle de version.
  • Nécessite : l’accès à la bibliothèque de modèles (Elementor Pro recommandé).

Lequel utiliser ?

Pour récupérer une seule carte ou section hero ? Collez. Pour migrer une page d’atterrissage complète ou créer une bibliothèque de blocs réutilisables ? Téléchargez le JSON. Dans tous les cas, utilisez d’abord le contrôle Périmètre de copie dans la carte de structure pour n’exporter que la partie souhaitée.

Après l’importation

Vérifiez l’espacement et l’alignement, recréez les liens des boutons (les blocs extraits peuvent perdre leur href), et configurez les widgets Menu de navigation ou Formulaire avec des sources WordPress réelles — ceux-ci ne peuvent pas être transférés automatiquement.