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:

  1. Acesse htmly.com.br
  2. Arraste o arquivo HTML (ou ZIP com HTML + imagens) para a área de upload
  3. 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:

Publique seu site em segundos

Crie seu HTML (na mão ou com IA) e coloque no ar agora — sem servidor, sem complicação.

Comece grátis