O ChatGPT criou meu site — e agora?

Você pediu para o ChatGPT criar um site. Ele entregou um código HTML bonitão, com CSS responsivo e tudo funcionando. Você copiou, colou no Bloco de Notas, salvou como .html, abriu no navegador e... funciona! Perfeito.

Mas aí vem a pergunta: como eu coloco isso na internet com um link de verdade?

Se você chegou nesse ponto, esse guia é para você.

O que o ChatGPT te entregou

Quando você pede para o ChatGPT (ou Claude, Gemini, qualquer IA) criar um site com IA, ele gera código HTML — a linguagem que os navegadores entendem. Esse código funciona perfeitamente no seu computador, mas só você consegue ver.

Para outras pessoas acessarem, o arquivo precisa estar em um servidor web — um computador conectado à internet que serve o arquivo para quem acessar o link.

É aí que a maioria das pessoas trava. Servidor? DNS? Hospedagem? Parece coisa de programador.

A boa notícia: você não precisa saber nada disso

A melhor hospedagem de sites para esse momento é o Htmly. Você sobe o arquivo HTML e recebe um link. Sem cadastro, sem configuração, sem terminal.

Como publicar seu site do ChatGPT

Passo 1: Salve o código como arquivo HTML

No ChatGPT, copie todo o código que ele gerou. Abra o Bloco de Notas (ou qualquer editor de texto), cole o código e salve como index.html.

Importante: na hora de salvar, escolha "Todos os arquivos" no tipo e garanta que a extensão é .html, não .html.txt.

Passo 2: Suba o arquivo no Htmly

Acesse htmly.com.br e arraste o arquivo index.html para a área de upload. Se o ChatGPT te deu arquivos separados de CSS e JavaScript, coloque tudo numa pasta, compacte em ZIP e suba o ZIP.

Passo 3: Compartilhe o link

Pronto. Você recebe um link tipo meuprojeto.htmly.com.br. Mande por WhatsApp, e-mail, coloque no Instagram, onde quiser.

"Mas o ChatGPT gerou tudo num arquivo só"

Ótimo, isso é até mais fácil. Quando a IA coloca HTML, CSS e JavaScript tudo dentro de um único arquivo .html (usando tags <style> e <script>), você só precisa subir esse arquivo. Nada de ZIP, nada de complicação.

Editando o site depois de publicar

Publicou o site, mas percebeu que precisa trocar um texto, ajustar uma cor ou adicionar uma informação? Você não precisa voltar ao ChatGPT, gerar tudo de novo e subir outro arquivo.

Editor visual (grátis para todos)

O Htmly oferece um editor visual que funciona direto no navegador. Você clica no texto que quer mudar, digita o novo conteúdo, e as alterações são salvas automaticamente. Funciona para:

Trocar textos (títulos, parágrafos, botões)
Alterar conteúdo de listas e tabelas
Editar links e informações de contato

Esse editor é gratuito e funciona para todos os planos, incluindo uploads anônimos.

Editor de código (Starter em diante)

Se você quer ir além — mudar cores, reorganizar seções, adicionar CSS personalizado — os planos pagos a partir do Starter (R$ 12/mês) incluem um editor de código completo com:

Syntax highlighting para HTML, CSS e JavaScript
Árvore de arquivos (file tree) para projetos com múltiplos arquivos
Preview em tempo real com iframe sandboxed
Atalho Ctrl+S para salvar

Confira os planos para ver qual se encaixa na sua necessidade.

Alternativa: suba uma nova versão

Se a edição for grande demais para o editor, você sempre pode voltar ao ChatGPT, pedir as alterações, salvar o novo arquivo e subir no mesmo slug. O link permanece o mesmo — quem já tinha o link vai ver a versão atualizada.

Templates prontos: uma alternativa ao prompt

Nem todo mundo quer escrever prompts para a IA. Às vezes você sabe o tipo de site que quer, mas não sabe como descrever para o ChatGPT. Ou o resultado da IA ficou genérico demais.

Quando usar templates em vez de IA

Você quer um site para seu negócio local e não tem tempo de iterar com prompts
O ChatGPT gerou algo funcional mas visualmente fraco
Você precisa de um design profissional e não quer depender da "criatividade" da IA
Quer começar rápido e personalizar depois

Como funciona

O Htmly tem uma galeria de templates prontos para os casos de uso mais comuns: landing pages, portfólios, páginas de restaurante, sites de evento, e mais. O fluxo:

Escolha um template na galeria
Clone para sua conta (ou com email, sem conta)
Edite o conteúdo no editor visual
Publique com um clique

A vantagem: o design já é profissional, responsivo e otimizado. Você só precisa trocar os textos e imagens pelas suas.

Combinando IA + templates

Uma estratégia eficiente: use um template como base e peça para o ChatGPT gerar os textos. Por exemplo, clone um template de restaurante e peça para a IA:

"Escreva os textos para o site de um restaurante japonês chamado Sushi House: slogan, descrição sobre nós, 8 itens de cardápio com descrições apetitosas, e depoimentos de 3 clientes fictícios."

Você cola os textos no editor visual e tem um site profissional em minutos.

Dicas para pedir sites melhores ao ChatGPT

Agora que você sabe como publicar, vale a pena melhorar o que você pede para a IA:

Seja específico no prompt

Em vez de "crie um site para minha loja", tente:

"Crie um site HTML responsivo para uma loja de bolos artesanais chamada Doce Encanto. Inclua seção hero com imagem de fundo, cardápio com 6 itens, seção sobre nós, e formulário de contato via WhatsApp. Use cores pastéis (rosa e creme). Tudo em um único arquivo HTML."

Peça responsividade

Sempre inclua "responsivo" ou "que funcione no celular" no prompt. A maioria dos acessos hoje vem do mobile.

Peça meta tags

Adicione ao prompt: "inclua meta tags para SEO e Open Graph". Isso faz o link ter preview bonito quando compartilhado no WhatsApp e redes sociais.

Peça seções específicas

Quanto mais detalhado o prompt, melhor o resultado. Liste as seções que quer:

"Inclua: hero com CTA, seção de benefícios com 3 cards, depoimentos de clientes, galeria de fotos, FAQ com 5 perguntas, e footer com redes sociais e WhatsApp."

Defina o estilo visual

Não deixe a IA decidir sozinha. Diga:

"Use estilo moderno e minimalista, com fundo branco, texto escuro, e destaques em azul (#2563EB). Fonte principal: Inter do Google Fonts."

Quanto mais direção visual você der, menos iterações vai precisar para chegar no resultado desejado.

O que fazer depois de publicar

Personalize o subdomínio

Com uma conta gratuita, você pode escolher o slug do seu site. Em vez de abc123.htmly.com.br, pode ser doceencanto.htmly.com.br.

Quer editar sem baixar e subir de novo?

Os planos pagos do Htmly incluem um editor inline — você edita texto, cores e imagens direto no navegador, sem precisar mexer em código. Confira os planos.

Quer visualizar antes de publicar?

Use a ferramenta gratuita HTML Preview. Cole o código, veja o resultado em tempo real, ajuste o que precisar, e depois publique.

Outros geradores de IA que funcionam com o Htmly

Não é só ChatGPT. Qualquer IA que gere HTML funciona (veja nosso guia completo para todas as IAs):

Claude (Anthropic) — excelente para sites limpos e bem estruturados
Gemini (Google) — bom para layouts com Material Design
Bolt.new — gera projetos completos, exporte e suba no Htmly
v0.dev (Vercel) — cria componentes React, mas também exporta HTML estático
Cursor — IDE com IA que gera projetos inteiros

O fluxo é sempre o mesmo: a IA gera, você salva, sobe no Htmly, compartilha o link.

Perguntas frequentes

Posso editar o site depois de publicar?

Sim. O Htmly oferece um editor visual gratuito (contenteditable) para editar textos e conteúdo direto no navegador. Para edição de código (HTML/CSS/JS), o editor inline está disponível nos planos Starter em diante.

O Htmly é realmente grátis?

Sim. O plano gratuito permite hospedar 1 site com subdomínio .htmly.com.br, SSL, CDN e visualizações ilimitadas. Aparece um pequeno badge "Made with Htmly" que não interfere no conteúdo. Planos pagos oferecem mais sites, editor de código e remoção do badge.

O site funciona no celular?

Se o código HTML gerado pela IA for responsivo (e a maioria é, quando você pede), o site funciona perfeitamente no celular. O Htmly serve os arquivos com CDN global, então carrega rápido em qualquer dispositivo.

Posso usar meu próprio domínio?

Sim. Nos planos Pro e Agency, você pode conectar um domínio personalizado (ex: meunegocio.com.br) com SSL automático via Cloudflare. No plano gratuito, seu site fica em slug.htmly.com.br. Veja os planos para detalhes.

O código do site é meu?

Sim. Os arquivos que você sobe são seus. Você pode baixar, editar, mover para outro servidor a qualquer momento. O Htmly apenas hospeda — não reivindica propriedade sobre seu conteúdo.

Resumo

A IA gera o código HTML
Você salva como arquivo .html
Sobe no Htmly
Recebe um link e compartilha
Edita direto no navegador quando precisar

Sem servidor, sem domínio, sem programação. É a ponte entre a IA e a web.

Teste agora: acesse htmly.com.br e publique seu primeiro site gerado por IA.

Leia também: