Il processo di conversione, passo dopo passo NUOVO
Dal file di design alla pagina WordPress: gli stessi cinque passaggi per ZIP/HTML, Figma, Penpot e Adobe XD, e cosa cambia tra account Free e a pagamento.
Qualunque sia il tuo punto di partenza — uno ZIP con HTML, un file Figma, un’esportazione Penpot o un file Adobe XD — una conversione segue sempre gli stessi cinque passaggi. Cambia come prepari la sorgente e cosa puoi fare con il risultato, che dipende dal tuo piano.
I cinque passaggi
- Prepara il design. Sistema la sorgente nel suo strumento (uno ZIP con le tue pagine, un link Figma, un’esportazione JSON, un file
.xd). Ogni sorgente ha la sua guida, collegata qui sotto. - Crea un progetto. Nell’app clicca su Nuovo progetto, scegli la scheda della sorgente, dai un nome al progetto e clicca su Crea progetto. Tapeto legge il file e il progetto passa da «in attesa» a «in elaborazione» e a «elaborato». Ogni progetto creato conta per il tuo limite mensile.
- Scegli un builder e converti. Apri il progetto, scegli un builder (Gutenberg in tutti i piani, Elementor da Starter) e clicca su Converti. La conversione passa da in coda a in elaborazione e a completata. Puoi avviare altre conversioni sullo stesso progetto — per esempio una per builder — senza creare un nuovo progetto.
- Controlla il risultato. Nella pagina della conversione guarda le schede Anteprima, Contenuto, Header / Footer / Sidebar e Istruzioni, e il Fidelity Score: una stima da 0 a 100 di quanto il risultato somiglia al tuo design.
- Portalo in WordPress. Come farlo dipende dal piano: copiare o scaricare i file e importarli a mano (Free), oppure esportare un file WXR / pubblicare direttamente su un sito collegato (Starter e superiori).
Quale sorgente posso usare?
| Sorgente | Cosa dai a Tapeto | Piani | Guida passo dopo passo |
|---|---|---|---|
| ZIP / HTML | Uno .zip con .html, .css e immagini (o un singolo .html) — max 5–200 MB (in base al piano) |
Tutti | Convertire uno ZIP / HTML |
| Figma | Il link del file o del frame più un token di accesso personale, o il JSON esportato da Figma — max 5–200 MB (in base al piano) | Tutti | Convertire da Figma |
| Penpot | L’esportazione JSON del file Penpot — max 5–200 MB (in base al piano) | Pro e superiori | Convertire da Penpot |
| Adobe XD | Il file .xd — max 5–200 MB (in base al piano) |
Pro e superiori | Convertire da Adobe XD |
Puoi anche importare un repository GitHub (pubblico o privato) dalla scheda GitHub; segue lo stesso flusso di uno ZIP.
Cosa include il tuo piano
| Free | Starter | Pro | Agency | Studio | |
|---|---|---|---|---|---|
| Progetti al mese | 1 | 5 | 20 | 40 | Illimitati |
| ZIP / HTML, Figma, GitHub | Sì | Sì | Sì | Sì | Sì |
| Penpot, Adobe XD, Stitch | — | — | Sì | Sì | Sì |
| Builder disponibili oggi | Gutenberg | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor |
| Scaricare i file e importare a mano | — | Sì | Sì | Sì | Sì |
| Esportare WXR (pagine, menu, header / footer) | — | Sì | Sì | Sì | Sì |
| WXR con tipi di contenuto personalizzati e loop | — | — | — | Sì | Sì |
| Pubblicare direttamente su WordPress | — | 1 sito | 3 siti | 10 siti | Illimitati |
| API REST e webhook | — | — | — | — | Sì |
| Cronologia dei progetti | 30 giorni | 90 giorni | 1 anno | Illimitata | Illimitata |
Altri builder in arrivo
Divi, Bricks e Breakdance (inclusi da Pro) e Oxygen, Beaver Builder e WPBakery (inclusi da Agency) compaiono come In arrivo nell’app mentre li validiamo su siti reali. Agency e Studio sono piani annunciati: consulta i Prezzi per vedere cosa puoi sottoscrivere oggi.
Portare il risultato in WordPress: Free o a pagamento
Account Free
Ottieni il contenuto convertito come file che importi tu:
- Nella pagina della conversione usa Copia nella scheda Contenuto (e nella scheda Header / Footer / Sidebar se il design ha quelle parti). Il download dei file parte da Starter.
- Segui la scheda Istruzioni: mostra i passaggi di importazione esatti per il tuo builder. Per Gutenberg: crea una pagina in WordPress, apri l’Editor di codice e incolla il contenuto.
- Copia il CSS del design originale in Aspetto → Personalizza → CSS aggiuntivo.
Starter, Pro, Agency e Studio
Oltre a scaricare, puoi:
- Esportare WXR — un file WordPress standard che importi da Strumenti → Importa, con pagine, menu e header / footer. Non serve alcun plugin sul sito.
- Pubblicare su WordPress — installa il plugin Tapeto, aggiungi il sito in Connessioni WP e pubblica con un clic. Le pagine vengono create come bozza, le immagini vanno nella Libreria media e i link tra le pagine vengono riscritti. Vedi Collegare WordPress.
- Su Agency e Studio, il WXR include anche i tipi di contenuto personalizzati e i loop (blog, portfolio, testimonianze…) rilevati nel design.
Quando qualcosa non va
| Cosa vedi | Causa probabile | Cosa fare |
|---|---|---|
| Il progetto termina in «errore» | Il file non si è potuto leggere (formato errato, vuoto o danneggiato) | Leggi il messaggio del progetto e controlla i requisiti nella guida della sorgente |
| «Il tuo piano non include questa fonte» | Penpot, Adobe XD e Stitch richiedono Pro | Usa ZIP / HTML o Figma, oppure cambia piano da Impostazioni → Piano e fatturazione |
| Un builder mostra un lucchetto | Il tuo piano non lo include, o è ancora «In arrivo» | Consulta la tabella qui sopra |
| I pulsanti di pubblicazione e WXR hanno un lucchetto | Piano Free | Scarica i file, oppure passa a Starter |
| Limite mensile raggiunto | Hai usato tutti i progetti del ciclo | Attendi il ciclo successivo o cambia piano |
Passo successivo
Scegli la guida per la tua sorgente: ZIP / HTML, Figma, Penpot o Adobe XD.