Como Criar um Site de Pedidos de Comida: Cardápio, Carrinho, Horários de Retirada e Painel da Cozinha

Um site de pedidos de comida permite que os clientes escolham itens do seu cardápio, personalizem cada um, escolham horário de retirada ou entrega, paguem e recebam uma confirmação, enquanto a cozinha vê cada pedido aparecer em uma tela e o marca como pronto. Para criar um, você precisa de um cardápio com opções (tamanhos, extras, “sem cebola”), um carrinho que calcule os totais corretamente, horários com limites para que a cozinha não seja sobrecarregada, pagamento com cartão e um painel simples de pedidos para a equipe. Um criador de apps com IA consegue gerar tudo isso a partir de uma descrição clara. O trabalho está nos detalhes: horário de funcionamento, itens esgotados, limites de pedidos e o que acontece quando o pagamento é aprovado, mas o pedido não é salvo.

O que o site precisa ter

Páginas

• Cliente: cardápio por categoria, detalhe do item com opções, carrinho, finalização (nome, telefone, retirada ou entrega, horário), pagamento e uma página de confirmação com o número e o status do pedido.
• Cozinha: uma lista ao vivo dos pedidos novos, em preparo e prontos, cada um com itens, opções, observações e horário de retirada.
• Dono: editor do cardápio (itens, preços, fotos, opções, esgotado), horário de funcionamento, limites por horário e um resumo de vendas.

Dados

Salve o nome e o preço do item em cada linha do pedido no momento da compra. Se você mudar o cardápio depois, os pedidos antigos devem continuar mostrando o que o cliente realmente pagou.

Permissões

O cliente vê apenas o próprio pedido pelo link de confirmação. A equipe da cozinha vê e atualiza os pedidos, mas não pode alterar preços. O dono edita o cardápio e as configurações. Um login compartilhado da cozinha em um tablet é comum; o dono deve ter um login separado.

Decisões e trade-offs

Retirada, entrega ou as duas

Somente retirada é bem mais simples e é por onde a maioria dos pequenos estabelecimentos deve começar. A entrega acrescenta zonas, taxas, pedido mínimo, validação de endereço, atribuição de entregadores e uma lista maior de coisas que podem dar errado.

Imediato ou horários agendados

“O mais rápido possível” é fácil de oferecer, mas difícil de cumprir numa noite movimentada. Horários agendados com limite — por exemplo, no máximo oito pedidos por janela de 15 minutos — protegem a cozinha e alinham as expectativas. Você ainda pode mostrar “primeiro horário disponível: 18:45”.

Pagamento antecipado ou na retirada

Pagar online reduz faltas e agiliza a retirada. Pagar na retirada é mais simples de construir, mas abre espaço para pedidos falsos. A maioria dos estabelecimentos aceita cartão antecipadamente por meio de um checkout hospedado, como o Stripe Checkout; nosso guia de pagamentos explica a configuração. Gorjetas, impostos e regras de nota fiscal variam conforme o país — confira as regras locais.

Como os pedidos chegam à cozinha

As opções são: uma aba do navegador em um tablet que se atualiza automaticamente (a mais simples), um e-mail ou mensagem por pedido como backup, ou envio dos pedidos para uma impressora térmica (exige hardware e configuração extras). Um som ao chegar um novo pedido importa mais do que parece.

Um primeiro prompt que funciona

Crie um site de pedidos online para o Casa Verde, uma taqueria em Austin, Texas, apenas com retirada. Categorias do cardápio: Tacos, Bowls, Acompanhamentos, Bebidas. Os itens têm opções: os tacos escolhem uma proteína (frango, carnitas, cogumelos +$1), uma tortilha (de milho ou de trigo) e extras opcionais (guacamole +$1,50, queijo +$0,75); os bowls escolhem uma base e uma proteína. Os clientes adicionam itens ao carrinho, escolhem uma retirada em janela de 15 minutos dentro do horário de funcionamento (terça a domingo, 11:00–21:00, horário central) e informam nome e telefone, vendo o total com 8,25% de imposto sobre vendas. Cada janela aceita no máximo 8 pedidos, e as janelas lotadas ficam ocultas. Salve os pedidos em um banco de dados com os status novo, em preparo, pronto, retirado. Uma página da cozinha (com login) mostra os pedidos do dia por horário de retirada, toca um som para pedidos novos e permite que a equipe avance os pedidos. Uma página do dono para editar o cardápio, marcar itens como esgotados e pausar as vendas. O pagamento com cartão fica para depois — por enquanto, os pedidos são “pagar na retirada”. Design marcante, colorido e pensado para celular, com botões grandes.

Começar com “pagar na retirada” permite testar todo o fluxo de pedidos com a equipe antes de incluir pagamentos.

Etapas de construção

1. Cardápio e opções. Acerte o cardápio, os grupos de opções e os cálculos de preço. Teste um item com todas as combinações de opções.
2. Carrinho e finalização. Quantidades, observações, totais, impostos e um seletor de horário que respeite o funcionamento.
3. Salvamento do pedido e confirmação. Cálculo do total no servidor — nunca confie no preço enviado pelo navegador — e uma página de confirmação com o número do pedido.
4. Painel da cozinha. Lista ao vivo, som de novo pedido, botões de status, texto grande legível a um metro de distância.
5. Controles do dono. Itens esgotados, pausa de pedidos, limites por horário, funcionamento.
6. Pagamentos em modo de teste. Marque um pedido como pago somente quando o provedor de pagamento confirmar, e trate o caso em que o pagamento é aprovado, mas o pedido não é salvo.
7. Notificações. Confirmação por e-mail ou SMS e uma mensagem de “pronto para retirada” pelo seu próprio provedor. Veja como adicionar notificações.
8. Lançamento suave. Rode o sistema com a equipe e amigos por alguns dias, acompanhando o lado da cozinha tanto quanto o lado do cliente.

Erros comuns

• Calcular preços apenas no navegador. Qualquer pessoa pode alterá-los. Recalcule no servidor.
• Não ter chave de esgotado. Você vai vender a última porção cinco vezes.
• Não ter limites por horário. Uma sexta-feira movimentada vira 40 pedidos para as 19:00.
• Informações sobre alérgenos ausentes ou desatualizadas. Mostre os alérgenos de cada item e mantenha-os corretos; as regras são rígidas em muitos países.
• Confusão de fuso horário. Armazene os horários em UTC, exiba no horário local do restaurante e teste perto da meia-noite e nas mudanças de horário de verão.
• O tablet da cozinha entra em suspensão. Mantenha a tela ativa e teste se os novos pedidos aparecem sem precisar atualizar a página.

Quando um produto pronto é a melhor escolha

Se você quer ser encontrado por novos clientes na sua região, os apps de delivery trazem uma demanda que você dificilmente consegue criar sozinho — em troca de comissão. Se você já usa um sistema de ponto de venda (PDV), verifique se ele inclui pedidos online; pedidos que caem direto no caixa e na impressora da cozinha são difíceis de superar.

Crie o seu próprio quando quiser pedidos diretos sem comissão vindos de clientes fiéis, um fluxo de pedidos adaptado à sua forma de trabalhar (encomendas antecipadas para uma padaria, bandejas para eventos, um cardápio semanal de marmitas) ou pedidos ligados a um programa de fidelidade ou ao seu próprio site. O guia de site para restaurantes cobre o restante do site em torno disso.

Construindo com a Mythex

Na Mythex você descreve o fluxo de pedidos no chat e ele aparece em uma prévia ao vivo que você pode conferir em um quadro do tamanho de celular. Os pedidos e o cardápio ficam em um banco de dados Postgres que o agente adiciona quando você pede para salvá-los. Os pagamentos com cartão usam sua própria conta Stripe e chaves guardadas como segredos do projeto — a receita do Stripe mostra o prompt — e mensagens de texto ou e-mails passam pelo seu próprio provedor, já que a Mythex não tem um produto próprio de pagamentos, e-mail ou SMS. Os webhooks de pagamento precisam que o app esteja publicado em um endereço público. Antes do lançamento, o /test faz o agente percorrer o pedido na prévia e informar o que quebra.

Para um prompt inicial, experimente os modelos de página de pedidos da padaria ou da cafeteria, ou o criador de loja online de restaurante.

Perguntas