For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegação principal
Theme

Sugestões

Fluxos de trabalho

Capacidades

Sites

dots

ChatGPT Space

Referência

Painel da API
Experimente o ChatGPT

Crie um site

Descreva, crie e aperfeiçoe um site no ChatGPT ou no Codex

Comece descrevendo no ChatGPT ou no Codex o que você quer criar. Depois, revise a primeira versão e faça ajustes à medida que avança.

Primeiros passos com o Sites

Abra o ChatGPT na Web ou no aplicativo para desktop. Inclua a palavra “website” no prompt ou mencione @Sites para iniciar a criação do site. Por exemplo, você pode pedir um painel de solicitações de projetos para uma equipe de operações:

Crie um website com um painel de solicitações de projetos para minha equipe de operações. Permita que os membros da equipe enviem solicitações, vejam quem é responsável por cada uma, atualizem o status e filtrem a lista. Exija que cada pessoa entre com a conta do espaço de trabalho e mantenha os dados das solicitações salvos entre as visitas.

Para quem usa o ChatGPT Enterprise: Antes que você possa criar um site, um administrador do espaço de trabalho precisa habilitar o Sites para todo o espaço ou para a sua função. Se o Sites não aparecer, fale com o administrador sobre o acesso. Consulte o guia de administração do Sites.

O painel é um exemplo. Você pode adaptar as etapas a seguir ao site que quer criar.

  1. Descreva o site

    Diga ao ChatGPT quem vai usar o site e o que você quer que essas pessoas possam fazer nele. Compartilhe os documentos ou dados necessários. Para um painel de solicitações, você pode incluir exemplos de solicitações, os responsáveis e os rótulos de status.

  2. Revise o site

    Teste as ações que você pediu e compare o conteúdo e os resultados com o material de referência. No painel, por exemplo, você pode enviar uma solicitação, alterar o status dela ou filtrar a lista por responsável. Confira como o site usa e salva as informações.

  3. Aperfeiçoe o site

    Diga ao ChatGPT o que você quer mudar e, se ajudar, compartilhe uma captura de tela ou um site de referência. No caso do painel, você pode pedir: “Coloque os filtros de responsável e de status acima da lista de solicitações.”

  4. Gerencie e compartilhe o site

    Volte a Sites para reabrir ou editar o site. Antes de publicar, siga as orientações de revisão e compartilhamento. Escolha quem pode acessar o site e teste o link publicado usando uma conta com as permissões do público pretendido.

Encontre sites e edite na prévia

No aplicativo do ChatGPT para desktop, abra Sites. Você pode criar um site a partir de um prompt ou de um projeto local compatível e depois voltar à tela do Sites para gerenciá-lo.

Na Web, selecione Mais > Sites ou acesse diretamente o Sites no ChatGPT para encontrar os sites que você criou. Na prévia, selecione Editar. Em Descreva as alterações no site, explique o que você quer mudar. Use Captura de tela ou Adicionar arquivos e mais se precisar fornecer mais contexto.

O Sites não tem uma tela própria de gerenciamento na CLI do Codex nem na extensão para IDE. Use o ChatGPT na Web ou no aplicativo para desktop para criar, salvar, implantar e gerenciar um site. Você ainda pode usar a CLI ou a extensão para IDE para editar e testar um projeto local antes de publicá-lo.

Toda URL de implantação do Sites aponta para uma versão em produção. Se quiser revisar uma versão antes que ela entre no ar, peça ao ChatGPT para salvá-la sem implantá-la.

Salve registros e progresso

Salvar uma versão do site preserva o conteúdo, o design e o comportamento dele. As solicitações dos visitantes, as atualizações de status, os arquivos enviados e o progresso de cada pessoa precisam de armazenamento próprio. Diga ao ChatGPT ou ao Codex o que salvar e quem deve poder consultar ou alterar esses dados.

Para registros compartilhados ou pessoais, peça que o servidor aplique as regras de acesso. Verifique se as alterações continuam salvas depois de recarregar a página e use contas separadas para confirmar o que cada pessoa pode acessar. Ocultar um botão não protege o registro associado a ele.

Para os arquivos fornecidos, especifique se o site deve usar uma cópia ou atualizar os dados a partir da fonte. Confira quando as informações foram atualizadas pela última vez.

Para conhecer as opções de armazenamento e login, consulte Dados e conexões.

Dicas para criar seu site

  • Use seu material de referência. Anexe os arquivos, links, definições e fórmulas que o site deve usar. Peça ao ChatGPT ou ao Codex para indicar quais informações faltam em vez de preencher as lacunas.
  • Descreva o que mostrar quando não houver dados ou ocorrer um erro. Explique o que os visitantes devem ver quando uma busca não retornar resultados, um formulário estiver incompleto ou um aplicativo conectado estiver indisponível. Inclua uma forma de tentar novamente ou corrigir o problema.
  • Compartilhe uma referência visual. Anexe uma captura de tela ou inclua o link de uma página. Indique os detalhes que quer aproveitar, como os cartões compactos ou a posição do campo de busca. Inclua as cores, fontes ou diretrizes de redação da marca, se houver.
  • Planeje o site para celulares. Descreva como os cartões, as tabelas e os formulários devem se ajustar a uma tela estreita. Verifique se é possível navegar, usar os filtros e interagir com os controles dos formulários sem rolar a tela na horizontal.
  • Identifique os dados de exemplo. Se o conteúdo definitivo ainda não estiver pronto, peça que os registros de exemplo sejam identificados como exemplos. Substitua esses registros antes de compartilhar o site.
  • Faça alterações pontuais. Peça uma alteração por vez e diga o que deve ser mantido. Por exemplo, peça para mover um filtro sem alterar os registros salvos, as regras de acesso ou as ações existentes. Teste a interação afetada após cada alteração.

A galeria do Sites apresenta exemplos de aplicativos Web que você pode criar com o Sites.

Exemplos de prompts

Para criar uma central de recursos, comece com um prompt curto:

Crie um website com uma central de recursos onde líderes de projeto possam buscar, por tarefa, os materiais que usamos nas reuniões de abertura. Use a lista de recursos que vou anexar. Salve uma versão sem implantá-la para que eu possa revisá-la.

Você pode detalhar o pedido com as ações disponíveis para os visitantes, as regras de busca e suas preferências de design:

Crie um website com uma central de recursos para líderes de projeto que estão preparando uma reunião de abertura. Use a lista de recursos que vou anexar, com os títulos, as descrições, os rótulos das tarefas e os links para as fontes. Ações dos visitantes: - Escolher uma tarefa, como preparar uma pauta. - Buscar nos recursos dessa tarefa. - Selecionar um resultado para abrir o link da fonte. Regras de busca: - Quando o campo de busca estiver vazio, mostre todos os recursos da tarefa selecionada. - Se nenhuma tarefa estiver selecionada, mostre a lista completa. - Se não houver resultados, ofereça uma opção para limpar os filtros e mostre o contato de suporte que consta na minha lista. - Sinalize os itens sem título ou link para que eu possa revisá-los. - Os filtros de busca podem voltar aos valores iniciais quando o visitante retornar. Preferências de design: - Use fundo branco e texto escuro. Limite cada descrição a uma frase e use um layout que funcione bem no celular. - Se eu fornecer uma captura de tela de referência, use-a para posicionar o campo de busca e definir o visual dos cartões compactos de recursos. - Se eu fornecer um guia da marca, use a cor de destaque indicada nele. Salve uma versão sem implantá-la para que eu possa revisar o layout e testar a busca.

Se você já tem um projeto, peça ao ChatGPT para verificar a compatibilidade e prepará-lo para publicação:

Implante este projeto com o Sites. Verifique se ele é compatível, faça as alterações necessárias e me informe a URL da implantação.

Quando um site precisar guardar registros ou arquivos enviados, inclua esse requisito no pedido:

Adicione a este jogo um sistema de pontuação para os jogadores e uma opção para enviar avatares. Mantenha as pontuações e os avatares enviados salvos entre as visitas.