1. Copia o prompt. 2. Troca tudo que está entre [colchetes] pelas informações do seu negócio. 3. Cola numa IA que escreve código: ChatGPT, Claude, Codex, Lovable ou a que você já usa.
O prompt base
Quanto mais detalhe você der sobre o seu negócio, menos genérico fica o resultado.
Quero que você crie um cardápio digital (catálogo online) para o meu negócio. SOBRE O NEGÓCIO Nome: [nome do negócio] Nicho: [ex.: marmitas caseiras, doces, roupas, velas artesanais] O que eu vendo: [liste os produtos ou as categorias, com preço se já tiver] Onde atendo: [cidade, bairros ou "envio para todo o Brasil"] Como a pessoa compra: pedido pelo WhatsApp no número [55 + DDD + número, só números] Dias e horário de pedido: [ex.: segunda a sexta, até as 10h] Pagamento e entrega: [ex.: Pix ou cartão na entrega, taxa de R$ 5 no bairro] COMO QUERO O CATÁLOGO - Página única, pensada primeiro para celular. - No topo: nome, uma frase curta sobre o negócio e um botão de WhatsApp. - Produtos separados por categoria, cada um com foto, nome, descrição curta e preço. - Um botão "Pedir" em cada produto, que abre o WhatsApp com a mensagem pronta: "Olá! Quero pedir: [nome do produto]". - Um carrinho simples, para a pessoa escolher vários itens e mandar o pedido inteiro de uma vez pelo WhatsApp, com o total. - Rodapé com Instagram, endereço (se tiver) e horário. - Estilo visual: [ex.: aconchegante e caseiro / moderno e minimalista / colorido e divertido]. - Cores da marca: [ex.: verde-oliva e creme, ou "escolha você"]. - Os produtos devem ficar num arquivo separado e fácil de editar, para eu mudar preço, foto ou produto sem mexer no resto do código. ENTREGA - Faça em HTML, CSS e JavaScript puros, pronto para publicar de graça no GitHub Pages. - Onde eu ainda não tiver foto, use uma imagem de exemplo e me diga o nome do arquivo para eu trocar depois. - No final, me explique em passos simples: como trocar as fotos e como editar produtos e preços.
Refinar com detalhes
Abre o resultado e olha com calma. Se ficou genérico ou com cara de template, não recomeça: diz pra IA exatamente o que mudar. Quanto mais específico, melhor. Usa só as linhas que fizerem sentido pra você.
Gostei da base, agora quero ajustar alguns detalhes: - Cores: use [cor principal] e [cor de apoio], com fundo [claro / escuro / colorido]. - Fonte: quero uma tipografia [ex.: elegante com serifa / arredondada e fofa / forte e moderna] nos títulos. - Topo: troque a frase por "[sua frase]" e use esta foto de capa: [nome do arquivo]. - Produtos: mostre as fotos [maiores / em lista / em grade de 2 colunas] e destaque o [produto mais pedido] com um selo "[mais pedido]". - Textos: escreva do jeito que eu falo com as clientes, por exemplo: "[cole uma mensagem real sua]". - Referência: quero algo parecido com [link ou descrição de um site, perfil ou marca que você gosta]. - Tirar: [o que te incomodou, ex.: sombras nos cards, ícones demais, texto muito pequeno]. Mantenha tudo funcionando bem no celular e não mude o carrinho nem o botão do WhatsApp.
Pode repetir quantas vezes quiser, um ajuste de cada vez também funciona.
Colocar no ar
Pede pra própria IA te guiar, na mesma conversa:
Agora quero colocar esse cardápio no ar de graça usando o GitHub Pages. Nunca fiz isso: me explique passo a passo, desde criar a conta no GitHub até ter o link pronto pra colocar na bio do Instagram.
- Quer trocar alguma coisa depois? Pede pra IA: "muda o preço do [produto] para R$ [valor]" e atualiza os arquivos no GitHub.
Dicas que fazem diferença
- Foto real vende mais do que foto de banco de imagem. Pode ser do celular, perto da janela, com luz natural.
- Número do WhatsApp sempre com 55 e DDD, sem espaço nem traço. Ex.: 5511999998888.
- Descrição curta: 1 linha dizendo o que tem e por que é bom. Ninguém lê parágrafo em cardápio.
- Se algo não funcionar, descreve o problema pra IA do jeito que você falaria com uma pessoa. Ela corrige.