material gratuito

O prompt do cardápio digital

A estrutura que eu uso pra pedir pra IA um cardápio ou catálogo online, com pedido direto no WhatsApp. Serve pra comida, doces, roupa, artesanato, o que você vender.

como usar

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.

passo 01

O prompt base

Quanto mais detalhe você der sobre o seu negócio, menos genérico fica o resultado.

prompt-base.txt
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.
passo 02

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ê.

ajustes.txt
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.

passo 03

Colocar no ar

Pede pra própria IA te guiar, na mesma conversa:

publicar.txt
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.

Dicas que fazem diferença

Copiado!