Come pubblicare un sito creato con ChatGPT o Claude

Per pubblicare un sito creato con ChatGPT o Claude, salva il risultato come un unico file HTML, caricalo su un hosting statico e invia il link. La pagina si apre in qualsiasi browser e per chiunque, senza account né da una parte né dall'altra. Tutto richiede un paio di minuti, e il sito riceve un indirizzo tutto suo, per esempio https://studio.htmlkin.io.

Entrambi gli assistenti hanno una condivisione integrata, ed entrambi l'hanno introdotta o cambiata nel 2026. ChatGPT Sites ospita i siti solo sui piani a pagamento. Il 16 settembre 2026 Claude è passato a un nuovo formato di artifact, e un nuovo artifact si apre solo per chi accede a Claude. Per un cliente, una lista di invitati o una landing page pubblica, il link su un hosting normale è la strada che funziona per tutti.

Di seguito: cosa offre ciascun assistente di serie, come portare il codice fuori dalla chat, le quattro cose che si rompono lungo la strada e come pubblicare.

In breve

• Chiedi all'assistente il sito come un unico file HTML con CSS e JavaScript all'interno, poi carica quel file su un hosting statico. Su htmlkin il primo link non richiede registrazione.
• ChatGPT Sites ospita siti con database e accesso, sui piani Plus, Pro, Business, Enterprise ed Edu.
• Gli artifact di Claude creati dopo il 16 settembre 2026 si aprono solo per chi ha un account Claude. Gli artifact di Claude Code possono avere un link pubblico sui piani Pro e Max.
• Componenti React, dati salvati, immagini segnaposto e link tra pagine vanno sistemati prima della pubblicazione. Ogni correzione è un prompt in più.

Cosa offrono di serie ChatGPT e Claude

Entrambi gli assistenti mostrano la pagina, ed entrambi permettono di condividerla. La differenza sta in chi può aprire il link.

ChatGPT: blocchi di codice e ChatGPT Sites

ChatGPT scrive il sito in un blocco di codice. Passi da "Code" a "Preview" (codice e anteprima) per vedere la pagina, e l'anteprima supporta pagine HTML e componenti React (centro assistenza OpenAI, in inglese). Canvas, il pannello laterale che prima svolgeva questo compito, non c'è più nei modelli GPT-5.5; gli utenti a pagamento lo mantengono ancora per un po' tramite i modelli legacy (note di rilascio di ChatGPT).

ChatGPT Sites è uscito in beta pubblica il 9 luglio 2026. Descrivi il sito, e ChatGPT lo crea e lo ospita a un indirizzo come name.openai.chatgpt.site. Sites include un database, spazio per i file e "Sign in with ChatGPT" (accesso con ChatGPT), e collega un dominio che possiedi già. Un nuovo sito si apre per te e per gli amministratori del tuo workspace; l'accesso pubblico è un'impostazione a parte (documentazione di ChatGPT Sites).

Per un piccolo sito contano i suoi limiti:

• Solo piani a pagamento: Plus, Pro, Business, Enterprise ed Edu.
• Paesi: al lancio Sites non è disponibile nello Spazio economico europeo, in Svizzera e nel Regno Unito (centro assistenza OpenAI).
• Nessun download del codice dall'interfaccia. Il sorgente resta in ChatGPT; per spostare il sito altrove bisogna ricostruire il file.
• Limiti di utilizzo che dipendono dal piano, e OpenAI non ha pubblicato i numeri.

Claude: artifact e Claude Code

Claude mostra il sito come artifact, una pagina nel pannello accanto alla chat. Il 16 settembre 2026 Anthropic ha sostituito gli artifact in chat con un nuovo formato. Gli artifact creati prima di quella data sono diventati "artifact legacy": continuano a funzionare e si possono ancora pubblicare, ma non se ne possono creare di nuovi (centro assistenza Anthropic, in inglese).

I due formati si condividono in modo diverso (Publish and share artifacts):

• Un artifact legacy pubblicato da una chat: "Chiunque abbia il link può vederlo e usarlo senza un account Claude."
• Un nuovo artifact condiviso tramite link: "Serve un account Claude a tutti. Chi non ce l'ha non può aprire un artifact condiviso, nemmeno con il link."

Anche Claude Code pubblica artifact. Un nuovo artifact è privato, e sui piani Pro e Max il pulsante "Share" (condividi) attiva un link che "chiunque su internet può aprire, senza dover accedere a claude.ai". La pagina deve restare sotto i 16 MiB, e la policy di sicurezza blocca ogni immagine, script e font esterno che non provenga da un breve elenco di CDN (documentazione di Claude Code, in inglese).

I servizi che condividono, creano o ospitano la pagina fuori da Claude sono messi a confronto in Alternativa agli artifact di Claude.

In pratica: il link integrato va bene per una bozza da mostrare a un collega che usa già lo stesso assistente. Un invitato a un matrimonio, un cliente o un visitatore arrivato da Google non ha un account Claude e spesso nemmeno un piano ChatGPT a pagamento. Per loro il sito deve stare su un hosting normale.

Passo 1: porta il sito fuori dalla chat come un unico file HTML

Chiedi un solo file. Un hosting statico serve qualsiasi cosa tu carichi, e un unico file .html autosufficiente è il più facile da caricare e il più difficile da rompere. Incolla questo alla fine della conversazione:

Dammi l'intero sito come un unico file HTML. Metti il CSS in un tag <style> e il
JavaScript in un tag <script> dentro il file. Usa HTML e JavaScript semplici,
niente React e nessuna fase di build. Lascia le immagini come link che potrò sostituire.

Poi tira fuori il file:

• ChatGPT. Copia il blocco di codice con il pulsante di copia, oppure chiedi a ChatGPT un file .html da scaricare. Salvalo come index.html.
• Claude, in chat. Copia il codice dal pannello dell'artifact. Gli artifact legacy hanno lì un comando per il download, e Claude Design esporta un design come HTML autonomo o come ZIP (centro assistenza Anthropic).
• Claude Code. Il file è già sul tuo disco. Chiedi a Claude il percorso.

Puoi anche fare a meno del file. La home page di htmlkin ha una scheda "Incolla HTML": copia il codice dalla risposta, incollalo e pubblica.

Passo 2: sistema le quattro cose che si rompono fuori dalla chat

Una pagina perfetta nell'anteprima può risultare vuota o mezza rotta su un hosting. Quattro cause coprono quasi tutti i casi, e ognuna si risolve con un prompt in più.

1. Il sito è un componente React. Entrambi gli assistenti mostrano l'anteprima di React, quindi la risposta può essere un file .jsx con delle righe import in cima. Quel file gira in un browser solo dopo una fase di build. Chiedi: "Riscrivilo come un unico file HTML con JavaScript semplice." Gli sviluppatori che vogliono tenere React possono usare claude-artifact-runner, un progetto Vite nato nel 2024 attorno alle librerie che gli artifact usavano allora.

2. La pagina salva i dati tramite l'assistente. Gli artifact di Claude possono conservare fino a 20 MB di testo sui server di Anthropic: risposte a un sondaggio, note, impostazioni (centro assistenza Anthropic). Quello spazio vive su claude.ai, quindi su un hosting la chiamata di salvataggio genera un errore e lo script si ferma lì. Chiedi a Claude di tenere i dati nel browser con localStorage, oppure di inviare le risposte dei moduli a un servizio per moduli.

3. Le immagini non puntano da nessuna parte. Spesso l'IA riempie la pagina di URL segnaposto o di immagini scritte nell'HTML come lunghe stringhe data:. In Claude Code la policy di sicurezza blocca le immagini esterne, quindi le foto finiscono incorporate come stringhe data: e ogni foto appesantisce il file. Metti le tue immagini vere in una cartella images accanto a index.html, chiedi all'assistente di collegarle come images/photo.jpg e carica la cartella o uno ZIP.

4. I link tra le pagine. Un sito di più pagine creato in una sola chat arriva spesso come vari file collegati tra loro. In un artifact di Claude Code i link relativi non vengono risolti affatto (documentazione di Claude Code). Salva ogni pagina con il nome usato nei link (about.html, prices.html) in un'unica cartella, e carica la cartella.

Su qualsiasi hosting statico resta un limite: PHP, Python e database lì non girano. Un negozio con carrello e account utente richiede un site builder o ChatGPT Sites. Landing page, presentazioni, report, menu, inviti, calcolatori e giochi funzionano senza problemi, perché il loro JavaScript gira nel browser di chi visita la pagina.

Passo 3: pubblica il file e ottieni un link

Carica il file e copia l'indirizzo. Su htmlkin bastano quattro passaggi:

1. Apri htmlkin.io. Il modulo di caricamento è nella home page.
2. Trascina il file. Un singolo .html, una cartella o uno ZIP. Oppure incolla il codice nella scheda "Incolla HTML".
3. Scegli un nome per il sottodominio, oppure tieni quello casuale.
4. Copia il link, per esempio https://studio.htmlkin.io, e invialo.

Ogni sito riceve automaticamente l'HTTPS e si apre sugli smartphone. Senza account il link dura 24 ore. Con la registrazione gratuita il sito resta online finché riceve visite: dopo 30 giorni senza visite passa in archivio, e puoi ripristinarlo entro altri 30 giorni. Il piano gratuito comprende un sito, 20 MB di spazio e un dominio personalizzato. Tutti i dettagli nella pagina hosting HTML gratuito.

Altri due hosting funzionano con lo stesso file:

• Netlify Drop: trascina la cartella sulla pagina. Finché non rivendichi il sito con un account Netlify, l'indirizzo è protetto da una password temporanea (documentazione di Netlify).
• GitHub Pages: gratuito per i repository pubblici, con siti fino a 1 GB e un limite indicativo di 100 GB di traffico al mese. Richiede un account GitHub e un repository.

Se la pagina viaggerà via e-mail o in chat, la guida su come condividere un file HTML confronta tutte le strade in base a quello che vede il destinatario.

Lascia che ChatGPT o Claude pubblichino il sito per te

Puoi saltare il download del file. Due strumenti mettono la pagina online direttamente dalla chat.

Da ChatGPT: l'estensione per il browser. L'estensione di htmlkin (pagina in inglese) aggiunge il pulsante "Publish to htmlkin.io" ai blocchi di codice HTML su chatgpt.com. Fai clic, e il link pubblico finisce negli appunti. Il primo link non richiede un account.

Da Claude: il server MCP. Collega htmlkin a Claude una volta, e pubblicare diventa una richiesta in chat: "pubblica questa landing page su studio e dammi il link". In claude.ai e Claude Desktop: Settings → Connectors → Add custom connector (impostazioni, connettori, aggiungi connettore personalizzato), con l'indirizzo che contiene la tua chiave API, come spiegato nella guida MCP. In Claude Code basta un comando:

claude mcp add --transport http htmlkin https://htmlkin.io/mcp \
  --header "Authorization: Bearer hk_your_key"

Da quel momento Claude pubblica il sito, lo aggiorna allo stesso indirizzo dopo ogni modifica e può proteggerlo con un PIN. Cursor e gli altri client MCP si collegano allo stesso modo. Il server MCP e la REST API funzionano su tutti i piani, compreso quello gratuito. Tutto il flusso di lavoro è nella pagina pubblicare un sito creato con l'IA.

La nostra esperienza: creiamo i nostri report interni come artifact di Claude Code e teniamo ciascuno a un solo indirizzo. Claude modifica la pagina e la ripubblica nello stesso posto, così il link che abbiamo inviato la settimana scorsa mostra sempre i numeri più recenti.

Gestire il sito dopo averlo condiviso

Un link già inviato continua a funzionare mentre il sito dietro di esso viene aggiornato. Tre impostazioni coprono quello che di solito viene dopo:

• Aggiornamenti allo stesso indirizzo. Carica una nuova versione dal pannello, oppure chiedila al tuo assistente tramite MCP. Indirizzo, dominio e PIN restano invariati.
• Un dominio personalizzato. Collega studio.com con un solo record DNS, su qualsiasi piano, compreso quello gratuito. Il certificato SSL viene emesso automaticamente.
• Un PIN. Chi visita inserisce quattro cifre prima che la pagina si apra, e il sito resta nascosto ai motori di ricerca. Disponibile sui piani Pro e Business.

Il piano Pro costa 9,99 USD al mese e include 10 siti, 1 GB di spazio, protezione con PIN, codici QR e moduli di contatto. Il confronto completo è nella pagina dei piani.

Domande frequenti

ChatGPT può ospitare un sito web?

Sì, sui piani a pagamento. ChatGPT Sites, in beta pubblica dal 9 luglio 2026, crea e ospita un sito sui piani Plus, Pro, Business, Enterprise ed Edu. Sui piani Free e Go, chiedi a ChatGPT il sito come un unico file HTML e caricalo su un hosting statico.

Come condivido un sito creato con Claude?

Scarica o copia l'HTML dall'artifact e pubblicalo su un hosting statico. Un nuovo artifact di Claude condiviso tramite link si apre solo per chi ha un account Claude. Una copia ospitata online si apre per chiunque, e su htmlkin ottieni il link senza registrarti.

Bisogna saper programmare per pubblicare un sito creato con l'IA?

No. Il codice lo scrive l'assistente, e un hosting statico accetta il file così com'è. L'unica "programmazione" sta nel chiedere un unico file HTML e, se qualcosa si rompe, nel chiedere all'assistente di correggere la causa indicata nel passo 2.

Perché il mio sito generato con l'IA è vuoto dopo il caricamento?

Di solito perché il codice è un componente React, che un browser non può eseguire senza una fase di build. Chiedi all'assistente di riscriverlo come un unico file HTML con JavaScript semplice. Se mancano solo alcune parti, controlla le immagini e i link tra le pagine.

C'è un modo gratuito per pubblicare un sito creato con ChatGPT o Claude?

Sì. htmlkin ospita gratis un sito con dominio personalizzato e dà un link valido 24 ore senza account. Netlify Drop e GitHub Pages sono gratuiti con un account.

In sintesi

• Chiedi un unico file HTML con CSS e JavaScript all'interno. È il formato più facile da pubblicare.
• ChatGPT Sites richiede un piano a pagamento. I nuovi artifact di Claude si aprono solo per chi usa Claude.
• Prima di caricare, controlla quattro cose: React, dati salvati, immagini e link tra le pagine.
• Un hosting statico dà un link che si apre per chiunque, su qualsiasi dispositivo.

Trascina il file su htmlkin.io e ottieni subito un link.

Fonti

• Sites e Creating and using ChatGPT Sites — OpenAI, consultati il 13 ottobre 2026
• Working with writing blocks and code blocks in ChatGPT e ChatGPT release notes — centro assistenza OpenAI, consultati il 13 ottobre 2026
• Publish and share artifacts e What are artifacts and how do I use them? — centro assistenza Anthropic, consultati il 13 ottobre 2026
• Share session output as artifacts — documentazione di Claude Code, consultata il 13 ottobre 2026
• Claude Artifact Runner — Simon Willison, 2024
• Netlify Drop quickstart — documentazione di Netlify, consultata il 13 ottobre 2026
• GitHub Pages limits — documentazione di GitHub, consultata il 13 ottobre 2026