Script de cardápio QR por mesa e site para restaurante

Site de restaurante com um código QR diferente para cada mesa, dois temas e painel administrativo

Restaurante e cardápio QR

Script de cardápio QR por mesa e site para restaurante

Clique para ampliar 1 / 32

Nota sobre os idiomas

A interface do site e do painel administrativo vem em turco e inglês. Você escolhe o idioma do site e o idioma do painel separadamente em “Site ayarları” (Configurações do site); também pode trocar o idioma do painel pelo ícone de globo no canto superior direito do painel.

É possível adicionar mais idiomas: copie o arquivo en.php da pasta dil do pacote e traduza-o (os passos estão em dil/OKUBENI.txt). O idioma adicionado aparece automaticamente nas listas de idiomas das configurações do site, e as atualizações não mexem nos seus arquivos de idioma. Os textos não traduzidos aparecem em inglês; se preferir, podem ser exibidos em turco.

Os conteúdos que você mesmo escreve (produtos, categorias, nomes de mesa, o texto “Sobre nós”) não são traduzidos; permanecem no idioma em que você os escreve. As mensagens de aviso e os formatos de valor seguem o idioma escolhido.

Quando esta página cita uma seção do painel ou do site, o nome é dado como aparece na interface em turco, entre aspas, seguido da tradução entre parênteses; na interface em inglês, as mesmas seções aparecem com seus nomes em inglês.

Para quem é

Feito para restaurantes, lanchonetes, confeitarias e cafeterias, e para as agências que criam sites para eles. Seu cliente escaneia com a câmera do celular o código QR da mesa; o cardápio, dividido em categorias, abre com seus preços no celular, e o nome da mesa (por exemplo Mesa 5) aparece no topo da página. Quando você atualiza o cardápio e os preços no painel administrativo, o código QR impresso abre o mesmo cardápio; você só imprime os códigos de novo se o endereço do seu site mudar.

Você define suas mesas no painel, uma a uma ou em lote, e cada mesa já tem um código QR próprio. Você baixa os códigos em PNG ou SVG, ou os imprime como cartões de mesa com o seu logotipo e o nome da mesa. Um código principal do cardápio e um código para cada categoria também ficam prontos no painel.

O site vem com dois temas prontos: “Tema 1: Izgara” (Tema 1: Grade) com fundo escuro e “Tema 2: Kart” (Tema 2: Cartão) com fundo claro. Você escolhe o tema no painel; seu cardápio, suas mesas e seus códigos QR continuam os mesmos.

Você não precisa saber programar. O assistente no navegador faz a instalação, e você digita seus conteúdos no painel administrativo.

Escopo

Este script é um site de informações com cardápio QR para restaurante. Os produtos do cardápio são mostrados com seus preços; o site não tem carrinho, pagamento on-line, pedido on-line nem chamada de garçom. O nome da mesa é mostrado ao visitante como informação, e não se recebem pedidos a partir da mesa. A página de contato é uma página de informações que mostra endereço, telefone, e-mail, horário de funcionamento e mapa; ela não contém formulário de mensagem. Recomendamos olhar a demonstração antes de decidir.

Recursos do site

Dois temas

Escolha do tema no painel: na página “Ön yüz teması” (Tema do site) do menu Configurações, você vê os dois temas com imagens de pré-visualização e escolhe um. Quando o tema muda, só muda o visual que seus visitantes veem; seu cardápio, seus produtos, suas mesas e seus códigos QR continuam os mesmos.
“Tema 1: Izgara” (Tema 1: Grade): um tema escuro com aparência de aplicativo de celular. As categorias e os produtos aparecem em blocos quadrados, e os blocos de produto mostram uma etiqueta de preço. No topo ficam os botões de menu e de busca; no celular aparece embaixo uma barra com os botões de início e voltar, e em telas de computador essa barra fica oculta.
“Tema 2: Kart” (Tema 2: Cartão): um tema claro. No topo fica uma caixa de busca, e as categorias aparecem como cartões de largura total com imagem e uma faixa de título. Na lista de produtos os preços aparecem como etiquetas. Na lista de produtos e na página do produto ficam embaixo os botões “Ana Menü” (Menu principal) e “Geri dön” (Voltar); na página do produto o preço é mostrado nessa barra.
Seu próprio arquivo CSS: se você colocar um arquivo chamado ozel.css na pasta do tema escolhido, ele é carregado automaticamente no site; o pacote de atualização não mexe nesse arquivo.

Cardápio, produtos e busca

Categorias: na página inicial as categorias são listadas como blocos com imagem (Tema 1) ou como cartões (Tema 2). Cada categoria tem um endereço que mostra só os seus próprios produtos; o código QR da categoria abre essa página.
Lista de produtos: na página de uma categoria os produtos aparecem com imagem, nome e preço. Um produto sem preço informado não mostra etiqueta de preço, e um produto sem imagem aparece com um ícone neutro.
Página do produto: uma imagem grande, o nome do produto, um link para a categoria, a descrição curta, um texto detalhado com formatação e o preço. Um produto com status “Taslak” (Rascunho) não aparece no site.
Preços: são inseridos e exibidos em liras turcas (₺). Um produto cujo preço fica vazio ou em 0 é exibido sem preço.
Ordem: você organiza categorias e produtos com o campo “Sıra” (Ordem); o número menor vem primeiro.
Grade organizada: o número de colunas segue a largura da tela e o número de itens; quando possível, as colunas são escolhidas para que nenhum bloco fique sozinho na última linha.
Busca ao vivo: os visitantes buscam no nome do produto e na descrição curta; com pelo menos duas letras digitadas, os resultados se abrem enquanto escrevem, com imagem, nome, categoria e preço (até 30 resultados). O Tema 1 usa o botão de lupa no topo, o Tema 2 a caixa de busca no topo. Com o JavaScript desligado, a página de busca continua funcionando.

Código QR próprio de cada mesa

O nome da mesa aparece na página: quando o código QR de uma mesa é escaneado, o cardápio abre e o nome da mesa (por exemplo Mesa 5) aparece no topo da página. O nome permanece enquanto o visitante percorre as páginas de categoria, produto, busca, Sobre nós e Contato.
Mecanismos de busca: os endereços próprios de uma mesa e as páginas de resultados de busca ficam fechados para os mecanismos de busca (noindex); o endereço canônico de uma página não leva mesa.
Mesa excluída: se o código impresso de uma mesa excluída no painel for escaneado, o cardápio abre normalmente; só o nome da mesa não aparece.

Sobre nós e informações de contato

Sobre nós: uma página de apresentação do seu negócio formada por um título e um texto com formatação.
Página de contato: mostra o endereço, um telefone que inicia uma ligação ao ser tocado, o e-mail, o horário de funcionamento, ícones de redes sociais e um mapa (código de incorporação do Google Maps ou do OpenStreetMap). As informações e o mapa que você deixa vazios não aparecem. A página não tem formulário de mensagem.
Horário de funcionamento: você digita um texto para cada dia da semana (por exemplo 11:00 - 23:00, ou “Kapalı” (Fechado) para um dia sem funcionamento). O texto é mostrado ao visitante como você o digita; um dia que você deixa vazio não aparece.
Redes sociais: seus links do Facebook, X (Twitter), YouTube, Instagram e WhatsApp aparecem como ícones na página de contato. Um ícone que você não preencheu não é desenhado.

Aparência e mecanismos de busca

Cor principal: você escolhe uma cor principal no painel. Ela é aplicada aos blocos, aos botões, à barra de baixo e aos itens ativos ou selecionados. A cor do texto sobre ela é escolhida automaticamente para continuar legível.
Logotipo, ícone do site e rodapé: você envia o seu logotipo e o ícone do seu site (favicon); sem logotipo, o nome do negócio aparece como texto. O rodapé traz os links do menu rápido, a linha de direitos autorais e a assinatura.
Assinatura do rodapé: você pode alterar ou remover o texto “TiklaWeb tarafından geliştirildi” (Desenvolvido por TiklaWeb) no fim do site.
Adaptado ao celular: o site se ajusta a telas de celular, tablet e computador; as fontes e os ícones ficam guardados localmente no pacote, e nenhum serviço externo de fontes ou ícones é chamado.
Título e descrição próprios de cada página: cada página leva o seu próprio título (“Página | Negócio”), a sua descrição e as suas tags de compartilhamento em redes sociais (Open Graph). Em uma página de produto a imagem de compartilhamento vem da imagem do produto, e em uma página de categoria da imagem da categoria. O título, a descrição e as palavras-chave do site são digitados em “Site ayarları” (Configurações do site).

Painel administrativo

“Masalar” (Mesas): você adiciona, edita e exclui mesas; para cada mesa digita um nome (até 60 caracteres) e uma ordem, e o mesmo nome não pode ser usado duas vezes. Na página “Toplu masa oluştur” (Criar mesas em lote) você adiciona mesas numeradas em sequência de uma só vez, digitando um prefixo (por exemplo Masa), o número de mesas e o primeiro número (até 200 de cada vez; uma mesa com o mesmo nome é ignorada). No total podem ser definidas até 500 mesas. A lista de mesas tem um link para o código QR de cada mesa.
“QR Kod” (Código QR): a parte de cima da página traz os códigos do cardápio (página inicial e cada categoria), e abaixo cada mesa tem o seu próprio código. Cada caixa tem uma pré-visualização, o endereço que o código abre e botões de download: PNG nos tamanhos de 512, 1024 e 2048 pixels, e SVG.
Impressão de cartões de mesa: a visualização de impressão vem em A6, A4 e quatro cartões A6 em uma folha A4 (para recortar); o cartão mostra o seu logotipo (ou o nome do negócio, se não houver logotipo), o nome da mesa, o código QR, uma linha de texto e o endereço do site. O texto do cartão (padrão “Menüyü görmek için okutun”, Escaneie para ver o cardápio) é alterado na tela de impressão.
Impressão de todos os cartões de mesa: os cartões de todas as mesas são impressos com um só link em A6, A4 ou quatro por A4. Com mais de 100 mesas, você escolhe um intervalo de mesas e imprime até 100 cartões por vez. Na página Código QR as mesas aparecem de 24 em 24 por página e podem ser buscadas pelo nome; os botões de download funcionam para cada mesa separadamente.
Endereço do QR: os códigos levam o endereço do seu site a partir do qual o painel foi aberto. Se o endereço mudar, você precisa baixar e imprimir os códigos novamente; também pode digitar o endereço manualmente e atualizar os códigos.
“Özet” (Resumo): o número de produtos do cardápio publicados, categorias, mesas e produtos em rascunho, um atalho para a página Código QR e o tema ativo.
Gerenciamento do cardápio: para os produtos você digita um nome, uma categoria, um preço, uma ordem, um status (publicado ou rascunho), uma descrição curta, uma descrição detalhada e uma imagem. Para as categorias digita um nome, uma ordem e uma imagem. A lista de produtos pode ser filtrada por categoria; as listas têm busca e ordenação.
“Ön yüz teması” (Tema do site): a escolha entre os dois temas; aberta somente ao administrador.
“Site içeriği” (Conteúdo do site): “Hakkımızda” (Sobre nós), “Çalışma saatleri” (Horário de funcionamento) e links de redes sociais. Nos campos de texto com formatação é usado o editor Summernote.
Envio de imagens: são enviados arquivos JPG, PNG ou WebP (até 8 MB). Se a extensão GD estiver ativa no servidor, as imagens são convertidas para WebP e as que têm o lado maior acima de 1600 pixels são reduzidas; assim o cardápio aberto no celular carrega mais rápido.
“E-posta ayarları” (Configurações de e-mail): quando você digita os dados do SMTP e liga o envio, o e-mail “Esqueci a senha” funciona. Você testa as configurações com o botão “Deneme e-postası gönder” (Enviar e-mail de teste).
“Site ayarları” (Configurações do site): título do site, nome do negócio, descrição e palavras-chave, telefone, link do WhatsApp, e-mail, endereço, linha de direitos autorais, cor principal, mapa, logotipo, ícone do site, campos de código personalizado, idioma do site e idioma do painel.
Usuários e permissões: você adiciona contas de administrador e de editor. O editor gerencia as mesas, a página Código QR, o cardápio e as seções de conteúdo do site; “Site ayarları”, “Ön yüz teması”, “E-posta ayarları” e “Kullanıcılar” (Usuários) são exclusivos do administrador. As permissões são verificadas no servidor. Cada usuário altera o próprio nome e a própria senha na página “Profil ve şifre” (Perfil e senha).
Esqueci a senha: a senha é redefinida por e-mail pelo link do login do painel (se “E-posta ayarları” estiver configurado). O link de redefinição vale por 1 hora e pode ser usado uma vez.
Código personalizado: em “Site ayarları” você adiciona o seu próprio código (por exemplo, um script de estatísticas) no cabeçalho do site, no início do corpo e no fim da página. Esses campos são exclusivos do administrador.

Instalação e atualizações

Assistente de instalação em cinco etapas: requisitos, licença, banco de dados, dados do site e do administrador, conclusão. O próprio assistente verifica o seu servidor.
Idioma da instalação: turco ou inglês é escolhido no canto superior direito do assistente. Com uma instalação em inglês, o conteúdo inicial e de exemplo também vem em inglês.
Instalação com conteúdo de exemplo ou vazia: você pode começar com um site cheio como a demonstração, com categorias, produtos, mesas, imagens e horário de exemplo, e editá-lo, ou digitar os conteúdos do zero.
Atualização pelo painel: você baixa o pacote zip da nova versão no seu painel de cliente do tiklaweb.net e o envia na página “Güncelleme ve lisans” (Atualização e licença) do painel administrativo. Antes da operação, é feito um backup dos arquivos e do banco de dados. Se ocorrer um erro, o site volta ao estado anterior. As imagens que você enviou, as suas configurações e o seu conteúdo são preservados.
Pacotes verificados: a assinatura do pacote de atualização é verificada; só são instalados pacotes baixados do tiklaweb.net.

O guia de instalação detalhado vem no pacote que você baixa, como o arquivo KURULUM.html (escrito em turco).

Licença

Cada licença vale para um único nome de domínio, que você informa ao fazer o pedido. A alteração do nome de domínio é paga e feita por meio de uma solicitação de suporte. A licença não é transferida gratuitamente. O site não abre em um nome de domínio sem licença, e o visitante é redirecionado para uma página de aviso de licença. Para usá-lo em outro nome de domínio, é necessária uma licença separada.

Características técnicas

PHP 8.2 ou superior, MySQL ou MariaDB
Base: PHP puro, PDO e consultas preparadas. Site: sem framework e sem jQuery, cada um dos dois temas tem o seu próprio script pequeno; os ícones são Font Awesome Free 6 e as fontes (Roboto e Montserrat) ficam guardadas localmente no pacote, sem chamar nenhum serviço externo de fontes. Painel: Bootstrap 4, DataTables e o editor de conteúdo Summernote
Os códigos QR são gerados no seu servidor com a biblioteca chillerlan/php-qrcode, licenciada sob MIT e Apache-2.0; nenhuma requisição vai a um serviço de QR externo. O arquivo PNG é escrito sem a extensão GD
Nos códigos QR são escritos apenas os endereços do próprio site; um endereço de site digitado manualmente é transportado com links assinados
O envio de e-mail é feito com PHPMailer 6.9; a senha do SMTP é guardada criptografada
Os textos da interface ficam nos arquivos de idioma do pacote (turco e inglês prontos, novos idiomas podem ser adicionados)
Verificação CSRF nas ações do painel; limites de tentativas no login do painel e na redefinição de senha
O tipo das imagens enviadas no painel é verificado a partir do conteúdo (JPG, PNG, WebP; até 8 MB); o PHP não é executado na pasta de envios
Os campos de texto formatado do painel são filtrados no servidor ao salvar (HTMLPurifier); o painel administrativo envia um cabeçalho de política de segurança de conteúdo (CSP); as senhas dos administradores são armazenadas com hash
O campo de mapa aceita apenas endereços de incorporação do Google Maps e do OpenStreetMap
Os modelos dos temas não podem ser abertos diretamente pelo endereço; as consultas de busca rodam como consultas preparadas e a saída é escapada
Os dados do banco de dados e os backups ficam, se a hospedagem permitir, em uma pasta fora da raiz web
Cabeçalhos de segurança, HSTS em HTTPS; fuso horário Europe/Istanbul
Antes da venda, foi realizada uma auditoria de segurança composta por revisão de código e testes de ataque ao vivo

Demonstração

Você pode explorar o site e o painel administrativo em uma demonstração somente leitura. Pelos links “Demo teması” (Tema da demonstração) no rodapé do site de demonstração, ou acrescentando ?tema=tema2 ao endereço, você percorre os dois temas; essa escolha vale só na demonstração, e no seu próprio site você escolhe o tema no painel. A demonstração está instalada em turco; no painel administrativo, você pode trocar o idioma do painel para inglês pelo ícone de globo no canto superior direito (essa escolha fica guardada apenas no seu navegador). O nome do negócio, os produtos, os preços, as mesas e as fotos da demonstração são todos conteúdo de exemplo. No painel de demonstração você pode abrir as páginas “Masalar” (Mesas) e “QR Kod” (Código QR), baixar os códigos e experimentar a visualização dos cartões de mesa; os códigos levam o endereço do site de demonstração. O mapa e o link do WhatsApp ficam vazios na demonstração; eles aparecem na página de contato assim que você os preenche no painel.

Site: https://019.tiklaweb.net
Painel administrativo: https://019.tiklaweb.net/admin
E-mail da demonstração: demo@tiklaweb.net
Senha da demonstração: demo1234

Na demonstração não é possível salvar alterações. A demonstração é redefinida toda noite. Páginas sensíveis, como configurações de e-mail, usuários e formulários de senha, não podem ser vistas no modo de demonstração, e “Esqueci a senha” fica desligado na demonstração. Esses dados de acesso valem apenas para o site de demonstração. Na instalação que você compra, você mesmo define a conta de administrador.

Suporte

Se travar em alguma etapa, você pode abrir uma solicitação de suporte no seu painel de cliente do tiklaweb.net ou escrever para destek@tiklaweb.net.

Site de cardápio QR pronto para restaurantes e cafeterias. Um código QR por mesa, dois temas, cardápio e preços pelo painel. Instalação por assistente.

Etapa 1, preparação: Na sua hospedagem, defina a versão do PHP como 8.2 ou superior e crie um banco de dados MySQL/MariaDB vazio e um usuário.
Etapa 2, arquivos: Envie o conteúdo da pasta public_html do pacote baixado (incluindo o arquivo oculto .htaccess) para a pasta de publicação do seu domínio.
Etapa 3, assistente: Abra o seu domínio no navegador. O assistente de instalação inicia automaticamente; você pode escolher turco ou inglês pelos links no alto da página.
Etapa 4, instalação: No assistente, verifique os requisitos e a licença, informe os dados do banco de dados e depois os dados do site e do administrador. Escolha a instalação com conteúdo de exemplo ou vazia.
Passo 5, painel: Entre em seudominio.com/admin com a sua conta de administrador e preencha a página “Site ayarları” (Configurações do site), adicione suas categorias e produtos na seção “Menü” (Menu) e suas mesas em “Masalar” (Mesas), depois baixe seus códigos na página “QR Kod” (Código QR).

O guia de instalação detalhado vem no pacote que você baixa, como KURULUM.html (escrito em turco).

2.0.0 — Primeira versão comercial

Primeira versão comercial do script de cardápio QR por mesa e site para restaurante.

Novidades

Assistente de instalação no navegador (verificação de requisitos, licença, banco de dados, etapas do site e do administrador).
Opção de instalar com conteúdo de exemplo ou vazia.
Interface em turco e inglês para o site, o painel administrativo e o assistente de instalação; escolha do idioma em “Site ayarları” (Configurações do site); adição de um novo idioma copiando o arquivo de idioma.
Licença vinculada ao nome de domínio; o site não abre em um domínio sem licença.
Atualização por zip pelo painel: backup automático, retorno à versão anterior em caso de erro, conservação dos conteúdos e dos arquivos de idioma adicionados.
“Masalar” (Mesas): adição de mesas uma a uma ou em lote (até 500 no total), link para o código QR na lista de mesas.
Página “QR Kod” (Código QR) do painel: códigos QR para o cardápio (página inicial), cada categoria e cada mesa; download em PNG (512, 1024, 2048 pixels) e SVG; visualização de impressão com cartões A6, A4 e quatro A6 em A4, texto do cartão editável; impressão de todos os cartões de mesa (com escolha de intervalo a partir de 100 mesas), busca de mesas e paginação. O código de uma mesa abre o cardápio e mostra o nome da mesa na página.
Dois temas (“Tema 1: Izgara” (Tema 1: Grade), “Tema 2: Kart” (Tema 2: Cartão)) com escolha do tema no painel; adição do seu próprio arquivo ozel.css.
Categorias e vitrine de produtos com preços: ordem, status, descrição curta, texto com formatação e imagem; busca de produtos ao vivo. Não há carrinho nem pedido.
“Hakkımızda” (Sobre nós), uma página de informações de contato (sem formulário de mensagem), horário de funcionamento e links de redes sociais.
Escolha da cor principal no painel, com a cor do texto escolhida automaticamente conforme o fundo.
Conversão para WebP no envio de imagens (se o GD estiver ativo) e limitação do lado maior a 1600 pixels.
Alteração ou remoção da assinatura do rodapé pelo painel.
Esqueci a senha: link de redefinição por e-mail, válido por 1 hora e de uso único.
Permissões de usuário de administrador e de editor.

Correções

Endereços inválidos e endereços de produtos não publicados mostram uma página 404 em vez de um erro.
Os formatos de endereço antigos (?menu=, ?detay=, ?about, ?contact) são redirecionados para os novos endereços.
Campos de imagem, de redes sociais e de mapa deixados vazios não são desenhados no site.

Segurança

Verificação CSRF, limites de tentativas e verificações de permissão nas ações do painel.
Nos códigos QR só são gravados endereços definidos pelo servidor; um endereço de site digitado à mão é transportado por links assinados.
O tipo das imagens enviadas ao painel é verificado a partir do conteúdo.
Os campos de texto com formatação do painel são filtrados ao salvar, e uma política de segurança de conteúdo foi adicionada ao painel.
As senhas dos administradores são guardadas com hash e a senha do SMTP é guardada criptografada.
Os modelos dos temas não podem ser abertos diretamente pelo endereço; as consultas de busca rodam como consultas preparadas e a saída é escapada.

O guia de instalação é o arquivo KURULUM.html dentro do pacote.

Cada licença cobre um domínio; é necessária uma licença separada para cada site. A alteração do domínio é paga e feita por meio de uma solicitação de suporte.

Sim. Sua hospedagem precisa atender aos "requisitos de servidor" informados na página do produto.

Novas versões aparecem na área do cliente enquanto sua licença estiver ativa.

A instalação é paga; não existe instalação gratuita do script. Você pode instalar por conta própria com o guia passo a passo incluído no pacote. Se preferir que nós façamos, é possível contratar nosso serviço de instalação pago.