Come creare un sito web con ChatGPT: tre modi che funzionano

Per creare un sito web con ChatGPT puoi chiedergli di scrivere l'HTML e il CSS del sito e poi caricare quei file su un servizio di hosting tuo, usarlo per pianificare le pagine e scrivere i testi prima di costruire il sito in un builder, oppure collegare un builder AI come Mythex dentro ChatGPT, così da costruire, ospitare e pubblicare il sito per te dalla stessa chat. Il primo metodo è gratuito e va bene per un sito di una sola pagina; il terzo è quello che ti serve quando il sito ha bisogno di moduli che salvano dati, di login o di aggiornamenti frequenti. Questa guida mostra ogni metodo con i prompt e spiega chiaramente dove ognuno si ferma.

Cosa sa fare ChatGPT da solo e cosa no

ChatGPT è molto bravo a scrivere: codice, titoli, testi delle pagine e piani. Di base però non è un servizio di hosting. Non assegna al tuo sito un indirizzo pubblico, non gestisce un database e non conserva i file del sito tra un progetto e l'altro come fa un builder. Ogni metodo qui sotto è una risposta diversa a questo limite.

Metodo 1: ChatGPT scrive il codice, tu lo ospiti

È l'approccio classico e funziona bene per un sito semplice e statico: un portfolio, una landing page, una pagina per un matrimonio.

Passo 1: chiedi una pagina completa in un unico file

Sii preciso su contenuti e layout:

Scrivi un sito web completo di una sola pagina, in un unico file HTML con il CSS dentro un tag style. È per Maya Haddad, un'illustratrice freelance ad Amman. Sezioni: un'intestazione con il suo nome e «Illustrazioni per libri e brand», una griglia di sei immagini del portfolio (usa percorsi segnaposto che posso sostituire), un breve paragrafo «Chi sono», un elenco di tre servizi con prezzi di partenza e una sezione contatti con la sua email come link mailto. Stile pulito e moderno, molto spazio bianco, che funzioni sui telefoni. Niente framework JavaScript.

Chiedere un solo file rende più semplice salvarlo e caricarlo.

Passo 2: salva e apri il file

Copia il codice in un editor di testo, salvalo come index.html e aprilo nel browser. Se qualcosa non va, descrivilo a ChatGPT: «la griglia delle immagini è su una sola colonna nel desktop; falla su tre colonne sopra i 900 px di larghezza».

Passo 3: sostituisci i segnaposto

Sostituisci le immagini segnaposto con le tue e cambia il testo che ChatGPT ha inventato. Controlla con cura prezzi, email e nomi; l'AI riempie le lacune con molta sicurezza.

Passo 4: mettilo online

Carica il file su un hosting statico gratuito come GitHub Pages, oppure su un hosting che già paghi. Otterrai un indirizzo pubblico. Per usare un dominio tuo, segui le istruzioni del tuo hosting; la nostra guida su come collegare un dominio personalizzato spiega la parte DNS.

Dove si ferma il Metodo 1

• Moduli che salvano dati. Un modulo di contatto ha bisogno di un posto dove inviare le risposte: serve un servizio di moduli o un server.
• Login e aree riservate. Richiedono un backend e un database.
• Molte pagine. Mantenere intestazioni e menu coerenti in dieci file incollati a mano diventa faticoso.
• Aggiornamenti. Ogni modifica significa chiedere nuovo codice, incollarlo e caricarlo di nuovo.

Metodo 2: ChatGPT pianifica, un builder costruisce

Qui ChatGPT si occupa di pensare e scrivere, mentre un builder di siti web si occupa di costruire e ospitare.

Passo 1: pianifica il sito con ChatGPT

Gestisco una piccola pasticceria di famiglia a Manchester che accetta ordini di torte. Suggerisci le pagine che il mio sito deve avere, cosa deve dire ciascuna pagina e l'unica azione che voglio che il visitatore compia su ogni pagina. Non superare le cinque pagine.

Passo 2: scrivi i testi

Chiedi il testo di ogni pagina, poi riscrivilo con la tua voce. Aggiungi i dettagli reali che ChatGPT non può conoscere: orari di apertura, prezzi, zone di consegna, cosa rende diverse le tue torte.

Passo 3: costruisci nel builder

Incolla il piano e i testi in un builder di siti web. In uno strumento drag-and-drop inserisci il testo in un modello; in un builder AI puoi dare l'intero piano in un solo messaggio e lui costruisce le pagine. Per esempio, nel builder di siti web di Mythex:

Costruisci un sito web per una pasticceria di famiglia a Manchester usando questo piano e questi testi: [incolla]. Includi un modulo per richiedere un ordine che salvi ogni richiesta (nome, telefono, tipo di torta, data necessaria, messaggio) così posso vederle in una pagina di amministrazione a cui solo io posso accedere. Design caldo e familiare, che funzioni sui telefoni.

Il modulo d'ordine qui salva i dati in un database reale, cosa che un file HTML incollato non può fare. Per approfondire questo percorso, vedi come creare un sito web con l'AI.

Metodo 3: costruisci e pubblica dall'interno di ChatGPT

L'opzione più recente è collegare un builder a ChatGPT, così che ChatGPT possa usare direttamente gli strumenti del builder. Resti nella conversazione con ChatGPT; il builder fornisce il progetto, l'anteprima, il database e l'hosting.

Mythex funziona così tramite la sua app per ChatGPT (un connettore MCP). Lo colleghi dalle impostazioni dell'account in Mythex; il collegamento funziona con qualsiasi piano, mentre gli strumenti che fanno girare la sandbox del progetto richiedono Pro. Una volta collegato, puoi chiedere a ChatGPT qualcosa del tipo:

Usando Mythex, crea un nuovo sito web per la mia pasticceria con una home page, una pagina menu con torte e prezzi e un modulo per richiedere ordini che salvi in un database. Mostrami l'anteprima e pubblicalo quando dico che va bene.

ChatGPT crea quindi il progetto, scrive il codice, lo avvia e lo pubblica su un URL pubblico quando approvi. Le modifiche sono semplicemente altri messaggi nella stessa chat. Lo stesso approccio con connettore funziona anche da Claude, Cursor e Codex. Per capire come funziona e quali builder lo supportano, vedi i builder di app AI con MCP.

Quale metodo scegliere?

Consigli sui prompt validi per qualsiasi metodo

• Dai subito dati reali. Nome, località, servizi, prezzi, recapiti. Meno dettagli inventati significa meno lavoro di pulizia.
• Descrivi il visitatore e l'obiettivo. «Un genitore che cerca una torta di compleanno, che dovrebbe finire per inviare una richiesta d'ordine.»
• Chiedi layout pensati per il telefono. La maggior parte dei visitatori usa il telefono.
• Cambia una cosa per messaggio una volta che esiste la prima versione.
• Chiedi esplicitamente le basi SEO: un titolo e una descrizione unici per pagina, intestazioni reali, testo alternativo nelle immagini. Vedi SEO per siti web costruiti con l'AI.

La nostra guida su come scrivere prompt per i builder di app AI contiene altri schemi utili.

Problemi comuni e soluzioni

• Il design sembra generico. Dai un riferimento: «come un caffè scandinavo tranquillo, molto bianco e un solo verde tenue».
• Il codice è stato tagliato. Chiedi a ChatGPT di continuare dall'ultima riga, oppure di dividere la pagina in sezioni e di dartene una alla volta.
• Ha inventato testimonianze o statistiche. Eliminale. Le recensioni false danneggiano la fiducia e, in molti paesi, violano le norme a tutela dei consumatori.
• Il sito si rompe dopo una modifica. Conserva una copia dell'ultima versione funzionante prima di incollare nuovo codice. I builder come Mythex salvano dei checkpoint così puoi tornare indietro.

Prima di pubblicare

Leggi ogni parola di ogni pagina. Verifica che i recapiti funzionino. Apri il sito su un telefono. Assicurati che le immagini siano tue o abbiano una licenza valida. Poi pubblica e condividilo dove i tuoi visitatori già si trovano. Se vuoi che tutto costi zero, come creare un sito web gratis approfondisce le opzioni di hosting gratuito.

Domande