Como criar site para restaurante grátis (com IA)
2026-03-29 — Equipe Htmly
Seu restaurante precisa de um site. Não estamos falando de um sistema complexo com pedidos online e pagamento integrado — estamos falando de uma página profissional com seu cardápio, endereço, horário de funcionamento e um botão de WhatsApp. Algo que o cliente encontre no Google e decida visitar.
A boa notícia: você pode criar isso em minutos, sem pagar nada e sem saber programar.
Por que seu restaurante precisa de um site
Antes de qualquer coisa, vamos ao ponto: ter só Instagram não basta.
O Instagram é ótimo para engajamento, mas tem problemas sérios como canal principal:
- Não aparece bem no Google. Quando alguém pesquisa "restaurante italiano zona sul", seu perfil do Instagram dificilmente aparece nos primeiros resultados. Um site sim.
- Não mostra cardápio de forma organizada. Stories somem, posts se perdem no feed, e destaques dependem de o cliente saber onde clicar.
- Não tem horário e endereço fixos. Cada informação está num post diferente, e o cliente tem que procurar.
- Você não controla o algoritmo. Se o Instagram mudar as regras amanhã, seu alcance pode cair pela metade — já aconteceu antes.
Um site é seu território. Você controla o conteúdo, a aparência e a experiência. E com um link como doceencanto.htmly.com.br, seu cliente acessa tudo em um clique.
O que um site de restaurante precisa ter
Não complique. Um bom site de restaurante tem estas seções:
1. Hero com nome e identidade
A primeira coisa que o visitante vê. Inclua o nome do restaurante, uma frase curta que descreva o tipo de cozinha e uma foto de destaque. Se possível, um botão "Ver cardápio" que rola para a seção abaixo.
2. Cardápio
A seção mais importante. Organize por categorias (entradas, pratos principais, sobremesas, bebidas) com nome, descrição curta e preço de cada item.
Dica: não coloque o cardápio como PDF para download. Além de ser péssimo no celular, o Google não indexa o conteúdo dentro do PDF. Coloque o cardápio direto no HTML — é melhor para SEO e para o cliente.
3. Sobre nós
Conte a história do restaurante em 2-3 parágrafos. De onde veio a inspiração, quem é o chef, qual é a filosofia da casa. Isso cria conexão emocional e diferencia você da concorrência.
4. Informações práticas
- Endereço com link para o Google Maps
- Horário de funcionamento (inclua todos os dias da semana)
- Telefone clicável (com
tel:) - WhatsApp com link direto para conversa (
wa.me/5511999999999)
5. Galeria de fotos
Fotos reais dos pratos, do ambiente e da equipe. Não use fotos de banco de imagens — o cliente percebe e perde confiança. Fotos tiradas com celular em boa iluminação já funcionam.
6. Botão de WhatsApp fixo
Um botão flutuante no canto inferior direito que abre o WhatsApp. É o canal mais usado no Brasil para reservas e pedidos. O link é simples:
https://wa.me/5511999999999?text=Olá, gostaria de fazer uma reserva
Como criar o site com IA
Você não precisa contratar um designer ou aprender a programar. O ChatGPT, Claude ou qualquer outra IA generativa consegue criar um site completo para restaurante em segundos.
Prompt que funciona
Copie e adapte este prompt para sua realidade:
"Crie um site HTML responsivo para um restaurante italiano chamado Trattoria Bella. Inclua: seção hero com nome e subtítulo 'Cozinha italiana artesanal desde 2010', cardápio com categorias (antipasti, primi piatti, secondi piatti, dolci, bevande) com 4-5 itens cada incluindo preços em Reais, seção sobre nós com 2 parágrafos, galeria com 4 imagens placeholder, horário de funcionamento (terça a domingo, 11h-23h), endereço (Rua das Flores, 123 — Jardins, São Paulo), botão flutuante de WhatsApp (5511999999999), e rodapé com Instagram. Design elegante, cores escuras com detalhes dourados. Tudo em um único arquivo HTML com CSS embutido."
A IA vai gerar um arquivo HTML completo. Se algo não ficou como você queria, peça ajustes:
- "Mude as cores para verde e branco"
- "Adicione um banner de promoção no topo"
- "Coloque o cardápio em duas colunas no desktop"
- "Adicione um mapa do Google Maps embutido"
Cada iteração leva segundos. Em 10-15 minutos você tem um site pronto.
Para mais dicas sobre prompts, veja nosso guia de como usar IA para criar sites.
Personalize os dados
Depois que a IA gerar o código, substitua os dados fictícios pelos reais:
- Nome do restaurante e slogan
- Itens do cardápio com preços reais
- Endereço e horário corretos
- Número do WhatsApp
- Fotos reais (substitua os placeholders)
Se você tem o plano Starter ou superior do Htmly, pode fazer isso direto no editor inline — sem mexer no código. Basta clicar no texto e digitar. Confira os planos.
Como publicar o site
Com o arquivo HTML pronto, publicar leva 10 segundos:
- Acesse htmly.com.br
- Arraste o arquivo HTML (ou ZIP com HTML + imagens) para a área de upload
- Pronto — seu site está no ar
Sem cadastro obrigatório para testar. O site fica acessível em um link como trattoriabella.htmly.com.br.
Com uma conta gratuita, você escolhe o slug (subdomínio), mantém o site no ar permanentemente e acompanha quantas pessoas acessam pelo analytics básico.
Como aparecer no Google
Ter um site é o primeiro passo. Agora você quer que o cliente te encontre quando pesquisar "restaurante italiano jardins" no Google.
Google Meu Negócio
Se você ainda não tem, crie um perfil no Google Meu Negócio. É gratuito e é o que faz seu restaurante aparecer no Google Maps e nos resultados locais. Adicione o link do seu site no perfil.
SEO básico no HTML
Peça à IA para incluir essas meta tags no código:
<title>Trattoria Bella — Restaurante Italiano em Jardins, SP</title>
<meta name="description" content="Cozinha italiana artesanal desde 2010. Cardápio com massas frescas, risotos e vinhos importados. Rua das Flores, 123 — Jardins.">
O <title> deve incluir o nome do restaurante + tipo de cozinha + localização. A description deve ser um resumo convidativo em até 155 caracteres.
Para um guia completo de SEO, veja como colocar seu site no Google.
QR Code para o cardápio
Uma estratégia poderosa: gere um QR Code que aponta para seu site e coloque nas mesas. O cliente escaneia com o celular e vê o cardápio atualizado — sem precisar imprimir menus. Qualquer gerador de QR Code gratuito resolve.
Quanto custa manter o site
Nada, se você usar o plano gratuito do Htmly:
| Recurso | Free | Starter (R$ 12/mês) |
|---|---|---|
| Site permanente | 1 | 5 |
| Armazenamento | 10 MB | 50 MB |
| Subdomínio | Sim | Sim |
| Domínio próprio | Não | Não |
| Editor inline | Não | Sim |
| Analytics | Básico | Básico |
Para um restaurante que está começando, o plano gratuito é suficiente. Se quiser editar o cardápio direto no navegador (sem mexer no código), o Starter é a melhor opção.
Comparando com alternativas:
- Contratar um designer para fazer um site: R$ 1.500-5.000
- Usar Wix ou Squarespace: R$ 30-80/mês (em dólar, fica mais caro ainda)
- Usar hospedagem de sites com IA + Htmly: R$ 0-12/mês
O custo-benefício é incomparável. E se precisar de algo mais robusto no futuro, você pode migrar — mas para a maioria dos restaurantes, um site estático com cardápio e contato é tudo que precisa.
Exemplos de sites que funcionam
Um bom site de restaurante não precisa ser complexo. Os melhores seguem um padrão simples:
- Uma página só (one page) — o cliente não precisa navegar entre páginas. Tudo está ali, rolando para baixo
- Carregamento rápido — sem animações pesadas, sem vídeos grandes. O cliente está no 4G, e quer ver o cardápio agora
- Mobile first — 70%+ dos acessos a sites de restaurante vêm do celular. Se não funciona no celular, não funciona
- WhatsApp visível — o botão de contato deve estar sempre acessível, sem precisar procurar
Se quiser inspiração para o layout, veja nossos templates HTML — há opções que funcionam perfeitamente para restaurantes.
Comece agora
Seu restaurante merece mais do que um perfil no Instagram. Um site próprio com cardápio, endereço e WhatsApp profissionaliza seu negócio e traz clientes que estão pesquisando no Google.
O processo é simples: peça à IA para criar o site, personalize com seus dados e publique no Htmly. Em menos de 30 minutos você tem um site profissional no ar — sem gastar nada.
Teste agora: acesse htmly.com.br e arraste seu HTML. Seu próximo cliente pode estar pesquisando neste momento.
Leia também: