Landing Page para Restaurante: Guia Prático + IA
2026-08-08 — Equipe Htmly
Quem procura seu restaurante no Instagram ou no Google decide em segundos: ou encontra um caminho claro para reservar mesa (ou pedir), ou vai para o concorrente. Uma landing page resolve exatamente isso — uma página, um objetivo, zero distração.
Este guia mostra o caminho completo e executável: a estrutura seção a seção, como gerar a página com IA sem contratar ninguém, onde entra o cardápio, e como publicar de graça. No fim, você sai com a página no ar — não com uma lista de motivos para ter uma.
Landing page ou site completo? Comece pela pergunta certa
Um site completo de restaurante tem várias páginas: home, sobre, galeria, cardápio, contato. Ele serve à presença institucional — quem busca seu nome encontra tudo.
A landing page é outra ferramenta: uma página única com um único objetivo. Todo elemento dela empurra o visitante para a mesma ação — reservar, pedir no WhatsApp, chegar até você. É a página certa para:
- Link da bio do Instagram (o caminho mais curto entre o post do prato e a reserva)
- Anúncios no Google ou Meta (anúncio que aponta para home institucional desperdiça clique)
- Campanhas e datas (menu de Dia das Mães, festival de inverno, rodízio de quinta)
- Delivery (uma página que concentra WhatsApp, iFood e telefone)
Se o que você precisa é da presença completa, o guia de como criar um site para restaurante cobre esse caminho. Os dois convivem bem: o site institucional recebe quem busca seu nome; a landing page recebe quem vem de campanha.
A estrutura que converte, seção a seção
Landing page de restaurante que funciona tem uma anatomia conhecida. É esta, de cima para baixo:
1. Hero: foto do prato + uma promessa + um botão
A primeira tela decide tudo. Três elementos, nada mais:
- Foto de comida real, sua — não banco de imagem. A foto do seu carro-chefe, com luz natural, vale mais que qualquer texto
- Título com a promessa — não "Bem-vindo ao Restaurante X", e sim o que a pessoa ganha: "Rodízio de massas artesanais no coração de Pinheiros"
- Um botão, uma ação — "Reservar mesa" ou "Pedir pelo WhatsApp". Um só. Dois botões dividem o clique
2. Prova imediata: números e selos
Logo abaixo do hero, uma linha de confiança: nota no Google (se for 4,5+), anos de casa, "mais de X pratos servidos". Quem chegou por anúncio não conhece você — essa linha responde "por que confiar" antes da pergunta ser feita.
3. Cardápio resumido: os carros-chefe com preço
Aqui mora um erro comum: colar o cardápio inteiro e transformar a página num rolo infinito. O certo é uma seção com 4 a 8 pratos — os que enchem mesa — com foto, descrição curta e preço. Preço visível filtra o público certo e evita a frustração do "caro demais" na mesa.
O cardápio completo entra como link a partir dessa seção. Duas boas formas: uma página dedicada de cardápio (comece pelo template pronto de cardápio) ou, se o seu cardápio já existe em PDF, publique-o como link permanente — o guia de cardápio em PDF por link mostra como, sem o cliente precisar baixar nada.
4. Depoimentos: 2 ou 3, com nome
Avaliações reais do Google, transcritas com nome e, se possível, foto. Depoimento genérico ("comida ótima!") convence menos que específico ("a burrata do couvert vale a viagem").
5. Localização e horários: sem caça ao tesouro
Mapa incorporado, endereço por extenso, horários por dia da semana. Se tem estacionamento ou fica perto do metrô, diga. Cada dúvida não respondida aqui vira uma mesa a menos.
6. CTA final: repita o botão
Quem rolou até o fim está convencido — não faça a pessoa rolar de volta. Repita o botão do hero, com a mesma ação.
Sobre o botão de WhatsApp: use o link direto https://wa.me/5511999999999?text=Quero%20reservar%20uma%20mesa — abre a conversa já com a mensagem pronta. Menos um passo, mais uma reserva.
Como gerar a página com IA (sem contratar ninguém)
Você não precisa programar nem pagar agência: as IAs atuais (ChatGPT, Claude, Gemini) geram uma landing page completa em HTML a partir de uma boa descrição. A qualidade do resultado depende quase toda da qualidade do pedido.
O caminho manual é escrever um prompt detalhado — nome, pratos, preços, endereço, horários, paleta de cores, e a estrutura da seção anterior. Funciona, mas dá trabalho acertar.
O caminho curto é o gerador de prompt para landing page do HTMLy: ele é gratuito, tem o vertical restaurante (e delivery) já mapeado, e monta o prompt profissional em 7 passos — com framework de conversão, design system e os dados estruturados que ajudam o Google a mostrar sua página com estrela e preço. Você responde sobre o seu restaurante, copia o prompt pronto e cola na IA da sua preferência. O que sai do outro lado é o arquivo HTML da sua página.
Dica em qualquer um dos caminhos: peça um único arquivo HTML com CSS embutido, responsivo, mobile-first. A maioria absoluta dos seus visitantes vem do celular — do Instagram, principalmente.
Publique de graça (e em segundos)
Com o arquivo HTML em mãos:
- Acesse htmly.com.br
- Arraste o arquivo para a área de upload
- Pronto: sua página está no ar num endereço tipo
seurestaurante.htmly.com.br, com HTTPS
Com a conta gratuita o endereço é permanente — é esse link que vai para a bio do Instagram e para os anúncios. Errou um preço ou mudou o horário? O editor visual corrige direto no navegador, sem regenerar nada. E quando fizer sentido ter www.seurestaurante.com.br, o plano Pro conecta seu domínio com SSL automático por R$ 29/mês, com PIX.
Nível 2: cardápio digital com carrinho e pedido pelo WhatsApp
Aqui está o segredo que os aplicativos de cardápio digital (aqueles de mensalidade) preferem que você não saiba: um cardápio com carrinho e checkout via WhatsApp é uma página estática. Não precisa de sistema, banco de dados nem mensalidade — precisa de JavaScript rodando no navegador do cliente, e IA escreve isso para você.
O funcionamento, do ponto de vista do cliente:
- Ele abre o link do cardápio (da bio, do QR code na mesa, do status)
- Navega pelas categorias e toca em "adicionar" nos itens — um carrinho vai somando no rodapé
- No fim, toca em "Fechar pedido": a página monta a mensagem com os itens, quantidades e total
- O WhatsApp abre com o pedido inteiro digitado — ele só confirma o envio
Do seu lado, o pedido chega formatado e completo na sua conversa: itens com quantidades e adicionais, subtotal + taxa de entrega + total, endereço com ponto de referência, forma de pagamento (e o troco, se for dinheiro) e o nome do cliente. Você responde com o tempo de entrega e a chave PIX, como já faz hoje — só que sem os erros do pedido por áudio e sem o vai-e-volta de perguntar endereço e pagamento.
Para gerar, o pedido à IA é uma variação do prompt da landing page. O essencial a incluir:
Crie um cardápio digital em um único arquivo HTML com carrinho de
compras em JavaScript puro (sem frameworks, sem backend).
CARDÁPIO:
- Categorias em abas ou seções: [as suas — ex: Lanches, Porções,
Bebidas, Sobremesas]
- Cada item com nome, descrição curta, preço e foto (placeholder)
- Itens com variação viram opções no toque: tamanho (P/M/G com
preços diferentes), adicionais com preço (ex: +bacon R$ 4),
e observação por item ("sem cebola")
- Botões de + e - para quantidade
CARRINHO:
- Barra flutuante fixa no rodapé mostrando quantidade de itens
e total atualizado
- Tela de revisão antes de fechar: lista editável do pedido
(alterar quantidade, remover item)
CHECKOUT (antes de enviar, o cliente preenche):
1. Nome
2. Entrega ou retirada (botões). Se entrega: endereço completo
(rua, número, bairro, complemento e ponto de referência)
+ taxa de entrega de R$ [X] somada ao total
3. Forma de pagamento (botões): PIX, cartão na entrega, ou
dinheiro — se dinheiro, perguntar "troco para quanto?"
4. Observações gerais (opcional)
ENVIO: ao confirmar, montar a mensagem organizada com emojis
de seção, no formato:
*NOVO PEDIDO — [Nome do restaurante]*
Itens (quantidade, nome, opções, preço de cada)
Subtotal, taxa de entrega e TOTAL
Entrega ou retirada + endereço completo
Forma de pagamento (e troco, se dinheiro)
Nome do cliente e observações
E abrir https://wa.me/SEUNUMERO?text= com a mensagem codificada
(encodeURIComponent).
Validar antes de enviar: carrinho não pode estar vazio, nome é
obrigatório, endereço é obrigatório se for entrega.
Design mobile-first: o cliente vai usar no celular.
Duas limitações honestas desse modelo: o pagamento não acontece na página (acontece na conversa, via PIX ou na entrega — que é como a maioria dos pequenos delivery já opera), e o cardápio muda editando a página (no editor visual, trocar um preço leva menos de um minuto). Para um restaurante que hoje anota pedido por mensagem avulsa, é um salto de organização a custo zero.
E os dois níveis convivem: a landing page apresenta e convence; o botão "Pedir agora" dela pode apontar direto para o cardápio com carrinho. Duas páginas estáticas, um funil completo de pedido — hospedado de graça.
Quanto custa (a conta honesta)
Uma agência cobra entre R$ 1.500 e R$ 6.000 por uma landing page de restaurante — e para um negócio que fatura com margem apertada, esse é um investimento que muitas vezes não se paga na velocidade necessária.
A conta do caminho deste guia:
| Item | Custo |
|---|---|
| Gerar a página com IA | R$ 0 (planos gratuitos dão conta) |
| Prompt profissional (gerador do HTMLy) | R$ 0 |
| Hospedagem com HTTPS | R$ 0 |
| Domínio próprio (opcional) | ~R$ 40/ano + plano Pro R$ 29/mês |
O que a agência entrega a mais é o serviço: fotos profissionais, copy escrita por gente, manutenção. Se o orçamento existe, pode valer. Se não existe, a diferença entre "ter uma landing page" e "não ter nenhuma" é maior que a diferença entre a página da agência e a página gerada por IA com uma boa foto sua.
Exemplos de estrutura por tipo de restaurante
A anatomia é a mesma; o que muda é o objetivo do botão e a ênfase:
- Restaurante de salão (reserva): CTA "Reservar mesa" → WhatsApp; ênfase em ambiente + prova social. Menu de degustação em destaque se houver. Para não começar do zero, o template de landing page para restaurante já traz essa estrutura montada
- Delivery (pedido): CTA "Pedir agora" → WhatsApp ou app; ênfase na foto dos best-sellers com preço e no tempo médio de entrega; raio de entrega visível
- Cafeteria / brunch (fluxo): CTA "Como chegar" → Google Maps; ênfase em fotos do espaço e horários; a página vive no link da bio
- Data especial (campanha): página temporária com menu fechado, preço por pessoa e CTA de reserva com data-limite — o caso perfeito de landing page, porque nasce e morre com a campanha
Repare que nenhum desses exige mais do que as 6 seções da estrutura — a decisão é só qual ação o botão pede.
O caminho completo, resumido
- Defina o objetivo único da página (reserva, pedido ou visita)
- Separe os ingredientes: 1 foto boa do carro-chefe, 4-8 pratos com preço, 2-3 avaliações reais, endereço e horários
- Gere o prompt no criador de landing page (vertical restaurante) e cole na sua IA
- Publique o HTML no HTMLy e pegue o link
- Coloque o link na bio do Instagram e nos anúncios — e meça: o painel mostra quantas pessoas visitaram, sem instalar nada
Leia também: