Como criar sites e aplicativos web com o ChatGPT Sites

O ChatGPT Sites é o recurso da OpenAI, em beta pública dentro do ChatGPT, que transforma uma ideia ou uma planilha em site publicado só descrevendo no chat. Ele gera apps estáticos (HTML, CSS e JavaScript) hospedados pela OpenAI e te entrega um URL público, sem servidor pra configurar. Foi lançado em 9 de julho de 2026, roda nos planos pagos (menos Free e Go) e serve pra dashboards, protótipos, portais internos e relatórios. Aqui tu vê o passo a passo pra criar o teu primeiro site e quando esse formato compensa
Imagina pegar aquela planilha que tá parada no teu Drive e virar um site publicado, com URL pra mandar no grupo, só descrevendo o que tu quer no chat
É exatamente isso que o ChatGPT Sites propõe
Ele é um recurso da OpenAI, em beta pública dentro do próprio ChatGPT, pra criar, publicar e compartilhar sites e aplicativos web a partir de linguagem natural (fonte oficial na central de ajuda da OpenAI)
O lançamento foi em 9 de julho de 2026
O pulo do gato é que ele gera aplicações web estáticas (HTML, CSS e JavaScript) hospedadas na infraestrutura da própria OpenAI, e te devolve um URL público
Ou seja: tu não configura servidor, não contrata hospedagem, não faz o next, next e finish de deploy. Tu descreve, revisa e publica
Neste post eu te mostro o que precisa antes de começar, o passo a passo pra criar o teu primeiro site e quando esse formato realmente compensa pra apresentar resultado pra cliente e pra equipe
Bora?
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 474 aulas
- 20 projetos
- 39h 27min
O que você precisa antes de começar
Antes de sair descrevendo site no chat, se liga em alguns pré-requisitos
Ele está em beta pública nos planos pagos, com uma exceção importante: Free e Go ficam de fora
A liberação não caiu pra todo mundo de uma vez. A ordem anunciada foi assim:
- Pro, Pro Lite, Enterprise e Edu recebem primeiro
- Plus e Business entram na sequência
Outro ponto: o recurso vive na versão web do ChatGPT. É lá que tu vai encontrar o modo pra construir
Uma ressalva de disponibilidade por região:
No lançamento, a publicação pública e a expansão do beta não estavam disponíveis no EEE (Espaço Econômico Europeu), na Suíça e no Reino Unido
Então, dependendo de onde tu tá, o publicar pode não aparecer igual
E se você usa um workspace de time?
Aqui muda de figura conforme o tipo de workspace
Em workspaces Business, quando o acesso chega, o Sites vem habilitado por padrão, sem config extra. Tu abre e usa
Em workspaces Enterprise, a publicação pública fica desativada por padrão. Um admin precisa habilitar via controles de acesso por função (RBAC), definindo quem pode criar e quem pode publicar (isso tá detalhado no guia de administração do workspace)
Então, se tu tá num time Enterprise e o botão de publicar não aparece, não é bug: é o RBAC fazendo o trabalho dele. Fala com quem administra o workspace
Passo a passo para criar um site com o ChatGPT Sites
Agora a parte boa. Vamos ver na prática como sai do zero até o link publicado
- Selecione ‘Work’ no ChatGPT web
Na versão web do ChatGPT, escolha a opção Work. É por esse modo que o recurso de sites funciona
O erro comum deste passo: tentar pelo app do celular ou por outro modo do chat. O caminho verificado é o Work na web
- Descreva o projeto no chat
Escreva o que tu quer construir, do jeito que tu explicaria pra um colega. Pra deixar claro que é um site, tu pode usar a palavra website no pedido ou mencionar @Sites
Um exemplo de prompt de partida:
Quero um website que mostre o progresso do nosso lançamento:
uma barra de status por etapa, a data de cada marco e um
resumo no topo. Público interno, visual limpo.O erro comum deste passo: pedir vago demais ("faz um site pra mim"). Quanto mais tu diz o objetivo, o público e o que precisa aparecer, melhor sai o primeiro rascunho
- Anexe seus dados, arquivos, links ou restrições
Aqui mora o valor de verdade. Tu pode incluir conteúdo, arquivos, dados, links ou restrições junto do pedido
É o momento de jogar a planilha real, a lista de tarefas, o calendário. O site nasce em cima do TEU dado, não de um exemplo genérico
O erro comum deste passo: deixar pra descrever os dados no texto quando tu já tem o arquivo em mãos. Anexa o material e economiza rodada de conversa
- Revise o preview e peça ajustes
O ChatGPT gera um preview do site. Olha com calma: layout, se os dados bateram, se falta alguma seção
Não gostou? Pede a revisão no próprio chat ("tira essa coluna", "deixa o cabeçalho fixo", "muda a ordem das seções"). É conversa, então itera à vontade
O erro comum deste passo: publicar no impulso sem conferir o preview. O bom é que ele só publica depois que tu revisa, então usa esse freio a teu favor
- Publique depois de revisar
Quando o preview tiver do jeito que tu quer, publica. Aí sim sai o URL público pra compartilhar com quem tu quiser
O erro comum deste passo: esperar um site com backend complexo. Lembra que aqui o resultado é um app estático (HTML, CSS e JS) que roda no navegador de quem abre, hospedado pela OpenAI. Pra apresentar dado e interface, isso resolve muita coisa
Quando usar o ChatGPT Sites para apresentar resultados
Nem todo projeto pede um site publicado. Então, quando esse formato faz sentido?
A própria OpenAI cita alguns casos de uso que combinam demais com apresentar resultado:
- Dashboards pra mostrar números de um jeito visual
- Rastreadores de projeto (project trackers) pra acompanhar o andamento
- Calendários de lançamento pra alinhar as datas com o time
- Protótipos pra validar uma ideia antes de investir nela
- Portais internos pra centralizar informação da equipe
- Relatórios pra entregar um fechamento com cara de produto, não de arquivo solto
Onde isso brilha de verdade é na hora de tirar o resultado do PDF e do print
Em vez de mandar uma planilha que o cliente precisa saber abrir, tu manda um link. Ele abre no navegador, no celular, onde for, e vê a informação já montada
Pra equipe é a mesma lógica: um portal interno ou um rastreador de projeto compartilhável vira ponto único de consulta, sem ninguém perguntando "qual é a versão certa do arquivo?"
Se o teu trabalho já envolve orquestrar processos e mostrar o estado deles, esse pensamento de painel compartilhável conversa bem com quem cuida de observabilidade em automações e métricas por workflow: a ideia é a mesma, transformar dado bruto em algo que a pessoa abre e entende na hora
Agora, sendo honesto sobre o limite: como o resultado é um app estático, ele é forte pra apresentar e interagir no navegador. Pra fluxo com backend pesado, o buraco é mais embaixo e foge do escopo do recurso
Conclusão
O ChatGPT Sites compensa quando tu precisa transformar dado e ideia em algo compartilhável rápido, sem parar pra montar infraestrutura
Dashboard pra cliente, portal interno pro time, protótipo pra validar, relatório com cara de produto: é aí que ele entrega
Antes de sair fazendo, confere se o teu plano já entrou na liberação: Pro, Pro Lite, Enterprise e Edu vieram primeiro, e Plus e Business chegam na sequência (Free e Go ficam fora). Se tu tá no Enterprise, ainda depende do admin liberar via RBAC
Com o acesso na mão e no ChatGPT web, o próximo passo é simples
Abre o modo Work, pega um dado real que tu JÁ tem em mãos (aquela planilha, aquela lista) e pede um site em cima dele
Revisa o preview, ajusta no chat e publica
É o tipo de recurso que tu entende de verdade fazendo, então faça o teste com algo teu… vai que vira o teu jeito padrão de entregar resultado =)
Perguntas frequentes
O ChatGPT Sites já está disponível no plano Plus?
Sim, o Plus entra na sequência da primeira leva. A ordem de liberação do beta foi: Pro, Pro Lite, Enterprise e Edu primeiro, com Plus e Business chegando depois. Free e Go ficam fora do acesso independente da sequência
Preciso saber programar para criar um site com o ChatGPT Sites?
Não precisa escrever uma linha de código. Tu descreve o que quer construir no chat, em linguagem natural, e o ChatGPT gera o HTML, CSS e JavaScript por baixo dos panos. O fluxo é só esse: descreve, revisa o preview, pede ajustes em texto e publica
O site gerado pode ter backend ou banco de dados próprio?
Não. O que sai é uma aplicação web estática (HTML, CSS e JS) hospedada pela OpenAI, que roda direto no navegador de quem abre o link. Não tem servidor próprio nem banco de dados. Pra incluir dados reais, tu anexa os arquivos ou descreve as informações no momento da criação
Como o recurso funciona de forma diferente em workspaces Enterprise?
Em workspaces Enterprise, a publicação pública fica desativada por padrão. Um admin precisa habilitar via RBAC (controles de acesso por função), podendo definir quem tem permissão de criar e quem tem permissão de publicar. Já no Business, quando o acesso chega, o recurso vem habilitado por padrão, sem precisar de configuração extra
Quem está no Brasil consegue usar?
Com base nas restrições declaradas no lançamento, sim. A indisponibilidade de publicação pública foi anunciada para o EEE (Espaço Econômico Europeu), Suíça e Reino Unido. O Brasil não está nessa lista, então quem tiver um plano elegível pode acessar o recurso
Dá para usar o recurso como ferramenta de prototipação de produto?
É exatamente um dos casos de uso citados pela OpenAI. Protótipos aparecem junto de dashboards, rastreadores de projeto, calendários de lançamento, portais internos e relatórios como formatos que o recurso foi projetado pra atender. Se a ideia é validar uma interface antes de investir no desenvolvimento, esse é um caminho rápido pra tirar o rascunho do papel
Formações
Formação SAAS com IA
Tire usas ideias do papel criando softwares com IA, integre pagamentos e lance seu projeto!
- 291 aulas
- 18 projetos
- 24h 17min
Blog | Mais populares

As diferenças de var, let e const

Como fazer redirecionamento com PHP
Neste artigo você vai aprender a como fazer redirecionamento com PHP, utilizaremos abordagens fáceis de entender e de aplicar Fala programador(a), beleza? Bora aprender mais […]

ChatGPT: o que é, como usar, dicas e como acessar login
ChatGPT é uma ferramenta de processamento de linguagem natural (NLP) baseada na arquitetura GPT-3.5, desenvolvida pela OpenAI. Sua criação representa um marco significativo no campo […]
