Le processus de conversion, étape par étape NOUVEAU
Du fichier de design à la page WordPress : les mêmes cinq étapes pour ZIP/HTML, Figma, Penpot et Adobe XD, et ce qui change entre un compte Free et un compte payant.
Quel que soit votre point de départ — un ZIP avec du HTML, un fichier Figma, un export Penpot ou un fichier Adobe XD — une conversion suit toujours les mêmes cinq étapes. Ce qui change, c’est la façon de préparer la source et ce que vous pouvez faire du résultat, selon votre offre.
Les cinq étapes
- Préparez le design. Mettez la source au point dans son propre outil (un ZIP avec vos pages, un lien Figma, un export JSON, un fichier
.xd). Chaque source a son guide, lié plus bas. - Créez un projet. Dans l’app, cliquez sur Nouveau projet, choisissez l’onglet de la source, donnez un nom au projet et cliquez sur Créer le projet. Tapeto lit le fichier et le projet passe de « en attente » à « traitement » puis à « traité ». Chaque projet créé compte dans votre limite mensuelle.
- Choisissez un builder et convertissez. Ouvrez le projet, choisissez un builder (Gutenberg sur toutes les offres, Elementor à partir de Starter) et cliquez sur Convertir. La conversion passe de en file d’attente à en cours puis à terminée. Vous pouvez lancer d’autres conversions sur le même projet — par exemple une par builder — sans créer de nouveau projet.
- Vérifiez le résultat. Sur la page de la conversion, consultez les onglets Aperçu, Contenu, En-tête / Pied / Barre latérale et Instructions, ainsi que le Fidelity Score : une estimation de 0 à 100 de la proximité du résultat avec votre design.
- Amenez-le dans WordPress. La méthode dépend de votre offre : copier ou télécharger les fichiers et les importer à la main (Free), ou exporter un fichier WXR / publier directement sur un site connecté (Starter et supérieures).
Quelle source puis-je utiliser ?
| Source | Ce que vous donnez à Tapeto | Offres | Guide pas à pas |
|---|---|---|---|
| ZIP / HTML | Un .zip avec .html, .css et images (ou un seul .html) — 5–200 Mo (selon l’offre) max |
Toutes | Convertir un ZIP / HTML |
| Figma | Le lien du fichier ou du frame plus un jeton d’accès personnel, ou le JSON exporté de Figma — 5–200 Mo (selon l’offre) max | Toutes | Convertir depuis Figma |
| Penpot | L’export JSON du fichier Penpot — 5–200 Mo (selon l’offre) max | Pro et supérieures | Convertir depuis Penpot |
| Adobe XD | Le fichier .xd — 5–200 Mo (selon l’offre) max |
Pro et supérieures | Convertir depuis Adobe XD |
Vous pouvez aussi importer un dépôt GitHub (public ou privé) depuis l’onglet GitHub ; il suit le même flux qu’un ZIP.
Ce que comprend votre offre
| Free | Starter | Pro | Agency | Studio | |
|---|---|---|---|---|---|
| Projets par mois | 1 | 5 | 20 | 40 | Illimités |
| ZIP / HTML, Figma, GitHub | Oui | Oui | Oui | Oui | Oui |
| Penpot, Adobe XD, Stitch | — | — | Oui | Oui | Oui |
| Builders disponibles aujourd’hui | Gutenberg | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor |
| Télécharger les fichiers et importer à la main | — | Oui | Oui | Oui | Oui |
| Exporter en WXR (pages, menus, en-tête / pied) | — | Oui | Oui | Oui | Oui |
| WXR avec types de contenu personnalisés et boucles | — | — | — | Oui | Oui |
| Publier directement sur WordPress | — | 1 site | 3 sites | 10 sites | Illimités |
| API REST et webhooks | — | — | — | — | Oui |
| Historique des projets | 30 jours | 90 jours | 1 an | Illimité | Illimité |
D'autres builders arrivent
Divi, Bricks et Breakdance (inclus à partir de Pro) ainsi qu’Oxygen, Beaver Builder et WPBakery (inclus à partir d’Agency) apparaissent comme Bientôt disponible dans l’app pendant que nous les validons sur de vrais sites. Agency et Studio sont des offres annoncées : consultez les Tarifs pour savoir ce que vous pouvez souscrire dès aujourd’hui.
Récupérer le résultat : Free ou payant
Compte Free
Vous obtenez le contenu converti sous forme de fichiers que vous importez vous-même :
- Sur la page de la conversion, utilisez Copier dans l’onglet Contenu (et dans l’onglet En-tête / Pied / Barre latérale si votre design comporte ces parties). Le téléchargement des fichiers commence avec Starter.
- Suivez l’onglet Instructions : il indique les étapes d’import exactes pour votre builder. Pour Gutenberg : créez une page dans WordPress, ouvrez l’Éditeur de code et collez le contenu.
- Copiez le CSS de votre design d’origine dans Apparence → Personnaliser → CSS additionnel.
Starter, Pro, Agency et Studio
En plus du téléchargement, vous pouvez :
- Exporter en WXR — un fichier WordPress standard que vous importez depuis Outils → Importer, avec pages, menus et en-tête / pied. Aucun plugin n’est nécessaire sur le site.
- Publier sur WordPress — installez le plugin Tapeto, ajoutez le site dans Connexions WP et publiez en un clic. Les pages sont créées en brouillon, les images vont dans la Médiathèque et les liens entre pages sont réécrits. Voir Connecter WordPress.
- Sur Agency et Studio, le WXR inclut aussi les types de contenu personnalisés et les boucles (blog, portfolio, témoignages…) détectés dans votre design.
Quand quelque chose ne va pas
| Ce que vous voyez | Cause probable | Que faire |
|---|---|---|
| Le projet se termine en « erreur » | Le fichier n’a pas pu être lu (mauvais format, vide ou corrompu) | Lisez le message du projet et vérifiez les prérequis dans le guide de la source |
| « Votre offre n’inclut pas cette source » | Penpot, Adobe XD et Stitch nécessitent Pro | Utilisez ZIP / HTML ou Figma, ou changez d’offre depuis Paramètres → Forfait et facturation |
| Un builder affiche un cadenas | Votre offre ne l’inclut pas, ou il est encore « Bientôt disponible » | Consultez le tableau ci-dessus |
| Les boutons de publication et de WXR ont un cadenas | Offre Free | Téléchargez les fichiers, ou passez à Starter |
| Limite mensuelle atteinte | Tous les projets du cycle sont utilisés | Attendez le cycle suivant ou changez d’offre |
Étape suivante
Choisissez le guide de votre source : ZIP / HTML, Figma, Penpot ou Adobe XD.