Commencer gratuitement
Menu de la documentation

Convertir un site ZIP / HTML

Pas à pas : transformez un ZIP avec HTML, CSS et images en pages WordPress, avec un compte Free et avec un compte payant.

C’est la voie la plus complète : Tapeto convertit toutes les pages du ZIP, conserve les liens entre elles et peut publier le site entier. Elle est disponible sur toutes les offres, Free comprise. Un design Figma ou Penpot exporté en HTML fonctionne aussi ici.

Avant de commencer

  • Un .zip de 5–200 Mo (selon l’offre) maximum (un simple fichier .html convient aussi).
  • À l’intérieur : un fichier .html par page, vos fichiers .css, images et SVG. Chaque .html devient une page WordPress.
  • Votre propre WordPress, si vous voulez le publier : HTTPS, permaliens « Nom de l’article » (Réglages → Permaliens) et, pour Gutenberg, un thème de blocs comme Twenty Twenty-Five.

Étape 1 — Préparer le ZIP

  1. Rassemblez tout dans un dossier : les pages (index.html, a-propos.html…), les feuilles de style et un dossier images.
  2. Utilisez des chemins relatifs (images/logo.png, a-propos.html). Les liens entre pages sont convertis en liens WordPress.
  3. Gardez le CSS dans des fichiers .css plutôt que dans des attributs style en ligne : il est lu plus fiablement.
  4. Sélectionnez le contenu du dossier et compressez-le en .zip.

À quoi s'attendre pour les fichiers

Le HTML est analysé tel qu’il est livré. Le contenu qu’un script construit après le chargement de la page (certains menus, sliders) peut ne pas être détecté. Les images sont envoyées à WordPress en jpg, png, gif ou webp de 6 Mo maximum chacune ; les SVG fournis comme fichiers séparés ne sont pas envoyés, mais le SVG écrit dans le HTML est conservé.

Étape 2 — Créer le projet

  1. Dans l’app, cliquez sur Nouveau projet.
  2. Saisissez un nom et restez sur l’onglet Fichier.
  3. Glissez le .zip dans la zone de dépôt (ou cliquez pour le choisir).
  4. Cliquez sur Créer le projet.
  5. Attendez que le statut du projet soit « traité ». S’il se termine en « erreur », le message explique quoi corriger.

Étape 3 — Choisir le builder et convertir

  1. Ouvrez le projet. Dans Nouvelle conversion, choisissez le builder : Gutenberg (toutes les offres) ou Elementor (à partir de Starter).
  2. Cliquez sur Convertir. Toutes les pages du projet sont converties ; si l’une échoue, les autres aboutissent quand même.
  3. Quand la conversion est terminée, ouvrez-la et vérifiez le Fidelity Score et l’Aperçu.

Chaque conversion cible un seul builder. Pour obtenir le même site en Gutenberg et en Elementor, lancez deux conversions sur le même projet.

Étape 4 — Amener le résultat dans WordPress

Compte Free (Gutenberg, à la main)

  1. Sur la page de la conversion, ouvrez l’onglet Contenu et cliquez sur Télécharger les fichiers (ou Copier).
  2. Dans WordPress, allez dans Pages → Ajouter. Ouvrez le menu à trois points → Éditeur de code et collez le contenu. Revenez à l’éditeur visuel.
  3. Si votre design a un en-tête et un pied de page, ouvrez l’onglet En-tête / Pied / Barre latérale, téléchargez chaque partie et collez-la dans la partie de modèle correspondante dans Apparence → Éditeur (éditeur de code).
  4. Copiez le contenu de votre fichier CSS dans Apparence → Personnaliser → CSS additionnel.
  5. Envoyez vos images dans la Médiathèque et vérifiez qu’elles s’affichent sur la page.
  6. Répétez pour chaque page. L’onglet Instructions indique les étapes exactes pour votre builder.

Les comptes Free ne peuvent pas utiliser Exporter en WXR ni Publier sur WordPress ; les boutons apparaissent verrouillés.

Compte payant (Starter, Pro, Agency, Studio)

Choisissez l’une des deux options.

Option A — Publier sur WordPress (la plus rapide)

  1. Installez le plugin Tapeto sur votre site et copiez sa clé secrète — voir Installation du plugin.
  2. Dans l’app, allez dans Connexions WP, ajoutez l’URL de votre site et collez la clé. Utilisez le bouton de test jusqu’à ce qu’il indique une connexion valide.
  3. Ouvrez la conversion terminée et cliquez sur Publier sur WordPress. Choisissez le site.
  4. Si le panneau affiche du contenu dynamique trouvé dans votre design (articles de blog, produits, types personnalisés), choisissez pour chacun contenu réel de WordPress ou conserver le design tel quel.
  5. Cliquez sur Publier. Tapeto envoie les images, crée chaque page en brouillon, réécrit les liens entre pages, ajoute votre CSS dans CSS additionnel et charge les Google Fonts utilisées.
  6. Dans WordPress, ouvrez Pages, vérifiez les brouillons et publiez-les. Pour définir l’accueil comme page d’accueil : Réglages → Lecture → Une page statique.

Option B — Exporter en WXR (sans plugin)

  1. Cliquez sur Exporter en WXR sur la page de la conversion.
  2. Dans WordPress, allez dans Outils → Importer → WordPress, envoyez le fichier et lancez l’import.
  3. Vérifiez les pages, les menus et l’en-tête / pied importés.

Sur Agency et Studio, le WXR contient aussi les types de contenu personnalisés et les boucles. Installez le Plugin CPT (à télécharger depuis la page de la conversion) et activez-le avant d’importer le WXR.

Elementor

La sortie Elementor nécessite qu’Elementor soit actif sur le site de destination (la version gratuite suffit). L’en-tête et le pied sont placés dans chaque page, car Elementor gratuit n’a pas de parties de thème partagées.

Limites connues

  • Les formulaires ont le même aspect mais n’envoient rien : connectez un plugin de formulaires et remplacez le bloc.
  • Le menu mobile (hamburger) et les animations JavaScript de l’original ne sont pas repris.
  • Publier à nouveau crée de nouvelles pages ; les pages existantes ne sont pas écrasées. Supprimez d’abord les anciens brouillons.
  • Les sites dont le contenu est entièrement généré par un framework JavaScript peuvent être moins bien convertis.

Étape suivante

Pour mieux connaître l’analyseur, voir Convertir des designs HTML/CSS, ou consultez toutes les options de sortie dans Exporter les résultats.