Script de menu QR par table et de site web pour restaurant

Note sur les langues

L’interface du site et du panneau d’administration est disponible en turc et en anglais. Vous choisissez séparément la langue du site et celle du panneau dans « Site ayarları » (Paramètres du site) ; vous pouvez aussi changer la langue du panneau avec l’icône de globe en haut à droite du panneau.

D’autres langues peuvent être ajoutées : copiez le fichier en.php du dossier dil du paquet et traduisez-le (les étapes figurent dans dil/OKUBENI.txt). La langue ajoutée apparaît automatiquement dans les listes de langues des paramètres du site, et les mises à jour ne touchent pas à vos fichiers de langue. Les textes non traduits s’affichent en anglais ; si vous le souhaitez, ils peuvent s’afficher en turc.

Les contenus que vous rédigez vous-même (produits, catégories, noms de table, texte « À propos ») ne sont pas traduits ; ils restent dans la langue où vous les écrivez. Les messages d’avertissement et les formats de montant suivent la langue choisie.

Lorsque cette page nomme une rubrique du panneau ou du site, le nom est donné tel qu’il apparaît dans l’interface turque, entre guillemets, suivi de sa traduction entre parenthèses ; dans l’interface anglaise, les mêmes rubriques apparaissent sous leur nom anglais.

À qui s’adresse-t-il

Conçu pour les restaurants, les brasseries, les pâtisseries et les cafés, ainsi que pour les agences qui construisent des sites pour eux. Votre client scanne le code QR de sa table avec l’appareil photo de son téléphone ; le menu, réparti par catégories, s’ouvre avec ses prix sur le téléphone, et le nom de la table (par exemple Table 5) apparaît en haut de la page. Lorsque vous mettez à jour le menu et les prix dans le panneau d’administration, le code QR imprimé ouvre le même menu ; vous ne réimprimez les codes que si l’adresse de votre site change.

Vous définissez vos tables dans le panneau, une par une ou en lot, et un code QR distinct est prêt pour chaque table. Vous téléchargez les codes en PNG ou en SVG, ou vous les imprimez sous forme de cartes de table avec votre logo et le nom de la table. Un code principal pour le menu et un code distinct pour chaque catégorie sont également prêts dans le panneau.

Le site est livré avec deux thèmes prêts à l’emploi : « Tema 1: Izgara » (Thème 1 : Grille) sur fond sombre et « Tema 2: Kart » (Thème 2 : Carte) sur fond clair. Vous choisissez le thème dans le panneau ; votre menu, vos tables et vos codes QR restent les mêmes.

Vous n’avez pas besoin de savoir coder. L’assistant dans le navigateur se charge de l’installation, et vous saisissez vos contenus dans le panneau d’administration.

Périmètre

Ce script est un site d’information avec menu QR pour restaurant. Les produits du menu sont affichés avec leurs prix ; le site n’a ni panier, ni paiement en ligne, ni commande en ligne, ni appel du serveur. Le nom de la table est affiché au visiteur à titre d’information, et aucune commande n’est prise depuis la table. La page de contact est une page d’information qui présente l’adresse, le téléphone, l’e-mail, les horaires d’ouverture et la carte ; elle ne contient pas de formulaire de message. Nous vous recommandons de regarder la démo avant de décider.

Fonctionnalités du site

Deux thèmes

• Choix du thème dans le panneau : sur la page « Ön yüz teması » (Thème du site) du menu Paramètres, vous voyez les deux thèmes avec des images d’aperçu et vous en choisissez un. Quand le thème change, seul l’aspect que voient vos visiteurs change ; votre menu, vos produits, vos tables et vos codes QR restent les mêmes.
• « Tema 1: Izgara » (Thème 1 : Grille) : un thème sombre à l’allure d’application mobile. Les catégories et les produits sont disposés en tuiles carrées, et les tuiles de produit affichent une pastille de prix. Les boutons de menu et de recherche se trouvent en haut ; sur téléphone, une barre avec les boutons d’accueil et de retour apparaît en bas, et sur un écran de bureau cette barre est masquée.
• « Tema 2: Kart » (Thème 2 : Carte) : un thème clair. Un champ de recherche se trouve en haut, et les catégories sont présentées en cartes pleine largeur avec une image et un bandeau de titre. Dans la liste des produits, les prix apparaissent sous forme de pastilles. Sur la liste des produits et la page produit, les boutons « Ana Menü » (Menu principal) et « Geri dön » (Retour) se trouvent en bas ; sur la page produit, le prix s’affiche dans cette barre.
• Votre propre fichier CSS : si vous placez un fichier nommé ozel.css dans le dossier du thème choisi, il est chargé automatiquement sur le site ; le paquet de mise à jour ne touche pas à ce fichier.

Menu, produits et recherche

• Catégories : sur la page d’accueil, les catégories sont listées en tuiles avec image (Thème 1) ou en cartes (Thème 2). Chaque catégorie a une adresse qui n’affiche que ses propres produits ; le code QR de la catégorie ouvre cette page.
• Liste des produits : sur une page de catégorie, les produits sont affichés avec image, nom et prix. Un produit dont le prix n’a pas été saisi n’affiche pas de pastille de prix, et un produit sans image apparaît avec une icône neutre.
• Page produit : une grande image, le nom du produit, un lien vers la catégorie, la description courte, un texte détaillé mis en forme et le prix. Un produit dont l’état est « Taslak » (Brouillon) n’apparaît pas sur le site.
• Prix : ils sont saisis et affichés en livres turques (₺). Un produit dont le prix est laissé vide ou à 0 s’affiche sans prix.
• Ordre : vous classez les catégories et les produits avec le champ « Sıra » (Ordre) ; le plus petit numéro passe en premier.
• Grille ordonnée : le nombre de colonnes suit la largeur de l’écran et le nombre d’éléments ; quand c’est possible, les colonnes sont choisies pour qu’aucune tuile ne reste seule sur la dernière ligne.
• Recherche en direct : les visiteurs cherchent dans le nom du produit et la description courte ; dès deux lettres saisies, les résultats s’ouvrent au fil de la frappe, avec image, nom, catégorie et prix (jusqu’à 30 résultats). Le Thème 1 utilise le bouton en forme de loupe en haut, le Thème 2 le champ de recherche en haut. Si JavaScript est désactivé, la page de recherche fonctionne quand même.

Code QR propre à chaque table

• Le nom de la table apparaît sur la page : quand le code QR d’une table est scanné, le menu s’ouvre et le nom de la table (par exemple Table 5) s’affiche en haut de la page. Le nom reste affiché pendant que le visiteur parcourt les pages catégorie, produit, recherche, À propos et Contact.
• Moteurs de recherche : les adresses propres à une table et les pages de résultats de recherche sont fermées aux moteurs de recherche (noindex) ; l’adresse canonique d’une page ne contient pas de table.
• Table supprimée : si le code imprimé d’une table supprimée dans le panneau est scanné, le menu s’ouvre normalement ; seul le nom de la table n’apparaît pas.

À propos et informations de contact

• À propos : une page de présentation de votre établissement composée d’un titre et d’un texte mis en forme.
• Page de contact : elle affiche l’adresse, un numéro de téléphone qui lance un appel au toucher, l’e-mail, les horaires d’ouverture, des icônes de réseaux sociaux et une carte (code d’intégration Google Maps ou OpenStreetMap). Les informations et la carte que vous laissez vides n’apparaissent pas. La page n’a pas de formulaire de message.
• Horaires d’ouverture : vous saisissez un texte pour chaque jour de la semaine (par exemple 11:00 - 23:00, ou « Kapalı » (Fermé) pour un jour de fermeture). Le texte est montré au visiteur tel que vous le saisissez ; un jour laissé vide n’est pas affiché.
• Réseaux sociaux : vos liens Facebook, X (Twitter), YouTube, Instagram et WhatsApp apparaissent sous forme d’icônes sur la page de contact. Une icône que vous n’avez pas renseignée n’est pas dessinée.

Apparence et moteurs de recherche

• Couleur principale : vous choisissez une couleur principale dans le panneau. Elle s’applique aux tuiles, aux boutons, à la barre du bas et aux éléments actifs ou sélectionnés. La couleur du texte placé dessus est choisie automatiquement pour rester lisible.
• Logo, icône du site et pied de page : vous téléversez votre logo et l’icône de votre site (favicon) ; sans logo, le nom de l’établissement s’affiche en texte. Le pied de page comporte les liens du menu rapide, la ligne de copyright et la signature.
• Signature du pied de page : vous pouvez modifier ou supprimer le texte « TiklaWeb tarafından geliştirildi » (Développé par TiklaWeb) en bas du site.
• Adapté au mobile : le site s’adapte aux écrans de téléphone, de tablette et d’ordinateur ; les polices et les icônes sont stockées localement dans le paquet, et aucun service externe de polices ou d’icônes n’est appelé.
• Titre et description propres à chaque page : chaque page porte son propre titre (« Page | Établissement »), sa description et ses balises de partage sur les réseaux sociaux (Open Graph). Sur une page produit, l’image de partage provient de l’image du produit, sur une page de catégorie de l’image de la catégorie. Vous saisissez le titre, la description et les mots-clés du site dans « Site ayarları » (Paramètres du site).

Panneau d’administration

• « Masalar » (Tables) : vous ajoutez, modifiez et supprimez des tables ; pour chaque table, vous saisissez un nom (jusqu’à 60 caractères) et un ordre, et le même nom ne peut pas être utilisé deux fois. Sur la page « Toplu masa oluştur » (Créer des tables en lot), vous ajoutez des tables numérotées à la suite en une seule fois en saisissant un préfixe (par exemple Masa), le nombre de tables et le premier numéro (jusqu’à 200 à la fois ; une table de même nom est ignorée). Jusqu’à 500 tables peuvent être définies au total. La liste des tables comporte un lien vers le code QR de chaque table.
• « QR Kod » (Code QR) : la partie haute de la page contient les codes du menu (page d’accueil et chaque catégorie), et en dessous chaque table a son propre code. Chaque boîte comporte un aperçu, l’adresse ouverte par le code et des boutons de téléchargement : PNG aux tailles 512, 1024 et 2048 pixels, et SVG.
• Impression des cartes de table : l’affichage d’impression existe en A6, en A4 et en quatre cartes A6 sur une feuille A4 (à découper) ; la carte comporte votre logo (ou le nom de l’établissement s’il n’y a pas de logo), le nom de la table, le code QR, une ligne de texte et l’adresse du site. Vous modifiez le texte de la carte (par défaut « Menüyü görmek için okutun », Scannez pour voir le menu) sur l’écran d’impression.
• Impression de toutes les cartes de table : les cartes de toutes les tables s’impriment avec un seul lien en A6, en A4 ou à quatre par A4. Au-delà de 100 tables, vous choisissez une plage de tables et imprimez jusqu’à 100 cartes à la fois. Sur la page Code QR, les tables sont affichées par 24 par page et peuvent être recherchées par nom ; les boutons de téléchargement fonctionnent pour chaque table séparément.
• Adresse du code QR : les codes portent l’adresse de votre site à partir de laquelle le panneau a été ouvert. Si l’adresse change, vous devez télécharger et imprimer de nouveau les codes ; vous pouvez aussi saisir l’adresse à la main et actualiser les codes.
• « Özet » (Résumé) : le nombre de produits de menu publiés, de catégories, de tables et de produits en brouillon, un raccourci vers la page Code QR et le thème actif.
• Gestion du menu : pour les produits, vous saisissez un nom, une catégorie, un prix, un ordre, un état (publié ou brouillon), une description courte, une description détaillée et une image. Pour les catégories, vous saisissez un nom, un ordre et une image. La liste des produits peut être filtrée par catégorie ; les listes offrent la recherche et le tri.
• « Ön yüz teması » (Thème du site) : le choix entre les deux thèmes ; accessible uniquement à l’administrateur.
• « Site içeriği » (Contenu du site) : « Hakkımızda » (À propos), « Çalışma saatleri » (Horaires d’ouverture) et liens de réseaux sociaux. L’éditeur Summernote est utilisé dans les champs de texte mis en forme.
• Téléversement d’images : des fichiers JPG, PNG ou WebP sont téléversés (jusqu’à 8 Mo). Si l’extension GD est active sur le serveur, les images sont converties en WebP et celles dont le grand côté dépasse 1600 pixels sont réduites ; le menu ouvert sur téléphone se charge ainsi plus vite.
• « E-posta ayarları » (Paramètres e-mail) : dès que vous saisissez vos informations SMTP et activez l’envoi, l’e-mail « Mot de passe oublié » fonctionne. Vous testez les paramètres avec le bouton « Deneme e-postası gönder » (Envoyer un e-mail de test).
• « Site ayarları » (Paramètres du site) : titre du site, nom de l’établissement, description et mots-clés, téléphone, lien WhatsApp, e-mail, adresse, ligne de copyright, couleur principale, carte, logo, icône du site, champs de code personnalisé, langue du site et langue du panneau.
• Utilisateurs et autorisations : vous ajoutez des comptes administrateur et éditeur. L’éditeur gère les tables, la page Code QR, le menu et les sections de contenu du site ; « Site ayarları », « Ön yüz teması », « E-posta ayarları » et « Kullanıcılar » (Utilisateurs) sont réservés à l’administrateur. Les autorisations sont vérifiées côté serveur. Chaque utilisateur modifie son nom et son mot de passe sur la page « Profil ve şifre » (Profil et mot de passe).
• Mot de passe oublié : le mot de passe se réinitialise par e-mail grâce au lien de la connexion au panneau (si « E-posta ayarları » est configuré). Le lien de réinitialisation est valable 1 heure et ne s’utilise qu’une fois.
• Code personnalisé : dans « Site ayarları », vous ajoutez votre propre code (par exemple un script de statistiques) dans l’en-tête du site, au début de son corps et en fin de page. Ces champs sont réservés à l’administrateur.

Installation et mises à jour

• Assistant d’installation en cinq étapes : prérequis, licence, base de données, informations du site et de l’administrateur, finalisation. L’assistant vérifie lui-même votre serveur.
• Langue d’installation : le turc ou l’anglais se choisit en haut à droite de l’assistant. Avec une installation en anglais, le contenu de départ et d’exemple est aussi en anglais.
• Installation avec contenu d’exemple ou vide : vous pouvez démarrer avec un site rempli comme la démo, avec des catégories, des produits, des tables, des images et des horaires d’exemple, et le modifier, ou saisir les contenus à partir de zéro.
• Mise à jour depuis le panneau : vous téléchargez le paquet zip de la nouvelle version depuis votre espace client tiklaweb.net et le téléversez sur la page « Güncelleme ve lisans » (Mise à jour et licence) du panneau d’administration. Une sauvegarde des fichiers et de la base est effectuée avant l’opération. En cas d’erreur, le site revient à son état précédent. Les images que vous avez téléversées, vos paramètres et vos contenus sont conservés.
• Paquets vérifiés : la signature du paquet de mise à jour est contrôlée ; seuls les paquets téléchargés depuis tiklaweb.net sont installés.

Le guide d’installation détaillé est fourni dans le paquet que vous téléchargez, sous la forme du fichier KURULUM.html (rédigé en turc).

Licence

Chaque licence est valable pour un seul nom de domaine, que vous indiquez lors de la commande. Le changement de nom de domaine est payant et se fait par une demande d’assistance. La licence n’est pas transférée gratuitement. Le site ne s’ouvre pas sur un nom de domaine sans licence, et le visiteur est redirigé vers une page d’avertissement de licence. Pour l’utiliser sur un autre nom de domaine, une licence distincte est nécessaire.

Caractéristiques techniques

• PHP 8.2 ou supérieur, MySQL ou MariaDB
• Base : PHP pur, PDO et requêtes préparées. Site : ni framework ni jQuery, chacun des deux thèmes a son propre petit script ; les icônes sont Font Awesome Free 6 et les polices (Roboto et Montserrat) sont stockées localement dans le paquet, aucun service externe de polices n’est appelé. Panneau : Bootstrap 4, DataTables et l’éditeur de contenu Summernote
• Les codes QR sont générés sur votre serveur avec la bibliothèque chillerlan/php-qrcode, sous licences MIT et Apache-2.0 ; aucune requête n’est envoyée à un service QR externe. Le fichier PNG est écrit sans l’extension GD
• Seules les adresses propres à votre site sont écrites dans les codes QR ; une adresse de site saisie à la main est transmise par des liens signés
• L’envoi d’e-mails se fait avec PHPMailer 6.9 ; le mot de passe SMTP est stocké chiffré
• Les textes de l’interface sont conservés dans les fichiers de langue du paquet (turc et anglais fournis, de nouvelles langues peuvent être ajoutées)
• Vérification CSRF sur les actions du panneau ; limites de tentatives sur la connexion au panneau et la réinitialisation du mot de passe
• Le type des images téléversées dans le panneau est vérifié à partir du contenu (JPG, PNG, WebP ; jusqu’à 8 Mo) ; PHP ne s’exécute pas dans le dossier de téléversement
• Les champs de texte enrichi du panneau sont filtrés côté serveur à l’enregistrement (HTMLPurifier) ; le panneau d’administration envoie un en-tête de politique de sécurité du contenu (CSP) ; les mots de passe des administrateurs sont stockés sous forme de hachage
• Le champ de carte n’accepte que les adresses d’intégration de Google Maps et d’OpenStreetMap
• Les gabarits des thèmes ne peuvent pas être ouverts directement par leur adresse ; les requêtes de recherche s’exécutent en requêtes préparées et la sortie est échappée
• Les informations de base de données et les sauvegardes sont conservées, si l’hébergement le permet, dans un dossier situé hors de la racine web
• En-têtes de sécurité, HSTS en HTTPS ; fuseau horaire Europe/Istanbul
• Un audit de sécurité composé d’une revue de code et de tests d’attaque en conditions réelles a été réalisé avant la vente

Démo

Vous pouvez explorer le site et le panneau d’administration dans une démo en lecture seule. Avec les liens « Demo teması » (Thème de la démo) en bas du site de démo, ou en ajoutant ?tema=tema2 à l’adresse, vous parcourez les deux thèmes ; ce choix ne vaut que dans la démo, et sur votre propre site vous choisissez le thème dans le panneau. La démo est installée en turc ; dans le panneau d’administration, vous pouvez passer la langue du panneau en anglais avec l’icône de globe en haut à droite (ce choix n’est conservé que dans votre navigateur). Le nom de l’établissement, les produits, les prix, les tables et les photos de la démo sont tous du contenu d’exemple. Dans le panneau de démo, vous pouvez ouvrir les pages « Masalar » (Tables) et « QR Kod » (Code QR), télécharger les codes et essayer l’affichage des cartes de table ; les codes portent l’adresse du site de démo. La carte et le lien WhatsApp sont laissés vides dans la démo ; ils apparaissent sur la page de contact dès que vous les renseignez dans le panneau.

• Site : https://019.tiklaweb.net
• Panneau d’administration : https://019.tiklaweb.net/admin
• E-mail de démo : demo@tiklaweb.net
• Mot de passe de démo : demo1234

Aucune modification ne peut être enregistrée dans la démo. La démo est réinitialisée chaque nuit. Les pages sensibles comme les paramètres e-mail, les utilisateurs et les formulaires de mot de passe ne peuvent pas être consultées en mode démo, et « Mot de passe oublié » est désactivé dans la démo. Ces identifiants ne valent que pour le site de démo. Dans l’installation que vous achetez, vous définissez vous-même le compte administrateur.

Assistance

Si vous êtes bloqué, vous pouvez ouvrir une demande d’assistance depuis votre espace client tiklaweb.net ou écrire à destek@tiklaweb.net.