Скрипт QR-меню для каждого стола и сайта ресторана

Сайт ресторана с отдельным QR-кодом для каждого стола, двумя темами оформления и панелью управления

Рестораны и QR-меню

Скрипт QR-меню для каждого стола и сайта ресторана

Нажмите, чтобы увеличить 1 / 32

Примечание о языках

Интерфейс сайта и панели управления доступен на турецком и английском языках. Язык сайта и язык панели выбираются отдельно в разделе «Site ayarları» (Настройки сайта); язык панели можно также переключить значком глобуса в правом верхнем углу панели.

Можно добавить и другие языки: скопируйте файл en.php в папке dil пакета и переведите его (шаги описаны в dil/OKUBENI.txt). Добавленный язык автоматически появляется в списках языков настроек сайта, а обновления не затрагивают ваши языковые файлы. Непереведённые тексты отображаются на английском; при желании их можно показывать на турецком.

Контент, который вы пишете сами (товары, категории, названия столов, текст «Hakkımızda»), не переводится и остаётся на том языке, на котором вы его пишете. Предупреждения и форматы сумм следуют выбранному языку.

Когда на этой странице названа секция панели или сайта, название дано так, как оно выглядит в турецком интерфейсе, в кавычках, а его перевод стоит в скобках; в английском интерфейсе те же секции показаны под английскими названиями.

Для кого

Сделан для ресторанов, столовых, кондитерских и кафе, а также для агентств, которые создают для них сайты. Гость сканирует камерой телефона QR-код на столе; меню, разбитое по категориям, открывается на телефоне с ценами, а вверху страницы появляется название стола (например, Стол 5). Когда вы обновляете меню и цены в панели управления, напечатанный QR-код открывает то же меню; коды нужно печатать заново только при смене адреса сайта.

Столы вы задаёте в панели по одному или пакетом, и для каждого стола готов отдельный QR-код. Коды скачиваются в PNG или SVG либо печатаются как карточки стола с вашим логотипом и названием стола. Основной код меню и отдельный код для каждой категории тоже готовы в панели.

Сайт поставляется с двумя готовыми темами оформления: «Tema 1: Izgara» (Тема 1: Сетка) на тёмном фоне и «Tema 2: Kart» (Тема 2: Карточки) на светлом. Тему вы выбираете в панели; меню, столы и QR-коды остаются прежними.

Уметь программировать не нужно. Установку выполняет мастер в браузере, а содержимое вы вводите в панели управления.

Возможности и границы

Этот скрипт — информационный сайт ресторана с QR-меню. Товары меню показываются с ценами; на сайте нет корзины, онлайн-оплаты, онлайн-заказа и вызова официанта. Название стола показывается посетителю как информация, заказы со стола не принимаются. Страница контактов — информационная: на ней адрес, телефон, e-mail, часы работы и карта; формы сообщения на ней нет. Перед решением рекомендуем посмотреть демо.

Возможности сайта

Две темы оформления

Выбор темы в панели: на странице «Ön yüz teması» (Тема сайта) в меню «Настройки» вы видите две темы с изображениями предпросмотра и выбираете одну. При смене темы меняется только оформление, которое видят посетители; меню, товары, столы и QR-коды остаются прежними.
«Tema 1: Izgara» (Тема 1: Сетка): тёмная тема в стиле мобильного приложения. Категории и товары расположены квадратными плитками, на плитках товаров есть плашка с ценой. Вверху находятся кнопки меню и поиска; на телефоне внизу появляется панель с кнопками «домой» и «назад», а на экране компьютера эта панель скрыта.
«Tema 2: Kart» (Тема 2: Карточки): светлая тема. Вверху находится строка поиска, а категории показаны карточками во всю ширину с изображением и полосой заголовка. В списке товаров цены показаны плашками. В списке товаров и на странице товара внизу есть кнопки «Ana Menü» (Главное меню) и «Geri dön» (Назад); на странице товара цена показана на этой панели.
Ваш собственный CSS-файл: если положить файл с именем ozel.css в папку выбранной темы, он автоматически подключается на сайте; пакет обновления этот файл не затрагивает.

Меню, товары и поиск

Категории: на главной странице категории выводятся плитками с изображением (Тема 1) или карточками (Тема 2). У каждой категории есть адрес, который показывает только её товары; QR-код категории открывает эту страницу.
Список товаров: на странице категории товары показываются с изображением, названием и ценой. Если цена не указана, плашка с ценой не выводится, а товар без изображения показывается с нейтральным значком.
Страница товара: крупное изображение, название товара, ссылка на категорию, краткое описание, подробный текст с форматированием и цена. Товар со статусом «Taslak» (Черновик) на сайте не показывается.
Цены: вводятся и показываются в турецких лирах (₺). Если цена товара пуста или равна 0, товар показывается без цены.
Порядок: категории и товары упорядочиваются полем «Sıra» (Порядок); меньшее число идёт первым.
Аккуратная сетка: число колонок зависит от ширины экрана и количества элементов; по возможности колонки подбираются так, чтобы в последнем ряду не оставалось одной плитки.
Живой поиск: посетители ищут по названию товара и краткому описанию; после ввода хотя бы двух букв результаты открываются по мере набора, с изображением, названием, категорией и ценой (до 30 результатов). В Теме 1 используется кнопка с лупой вверху, в Теме 2 — строка поиска вверху. Если JavaScript отключён, страница поиска всё равно работает.

Отдельный QR-код для каждого стола

Название стола видно на странице: когда сканируют QR-код стола, открывается меню, а вверху страницы показывается название стола (например, Стол 5). Название сохраняется, пока посетитель переходит по страницам категории, товара, поиска, «О нас» и «Контакты».
Поисковые системы: адреса, относящиеся к столу, и страницы результатов поиска закрыты для поисковых систем (noindex); канонический адрес страницы не содержит стола.
Удалённый стол: если отсканировать напечатанный код стола, удалённого в панели, меню откроется как обычно; только название стола не появится.

О нас и контактная информация

О нас: страница с представлением вашего заведения из заголовка и форматированного текста.
Страница контактов: показывает адрес, телефон, который при касании начинает звонок, e-mail, часы работы, значки соцсетей и карту (код вставки Google Maps или OpenStreetMap). Информация и карта, которые вы оставили пустыми, не показываются. Формы сообщения на странице нет.
Часы работы: вы вводите текст для каждого дня недели (например, 11:00 - 23:00 или «Kapalı» (Закрыто) для выходного дня). Текст показывается посетителю так, как вы его ввели; пустой день не показывается.
Соцсети: ваши ссылки Facebook, X (Twitter), YouTube, Instagram и WhatsApp выводятся значками на странице контактов. Не заполненный значок не рисуется.

Внешний вид и поисковые системы

Основной цвет: вы выбираете один основной цвет в панели. Он применяется к плиткам, кнопкам, нижней панели и активным или выбранным элементам. Цвет текста на нём подбирается автоматически, чтобы оставаться читаемым.
Логотип, значок сайта и подвал: вы загружаете логотип и значок сайта (favicon); без логотипа название заведения выводится текстом. В подвале есть ссылки быстрого меню, строка об авторских правах и подпись.
Подпись внизу сайта: текст «TiklaWeb tarafından geliştirildi» (Разработано TiklaWeb) в конце сайта можно изменить или убрать.
Адаптация к мобильным: сайт подстраивается под экраны телефона, планшета и компьютера; шрифты и значки хранятся локально в пакете, внешние сервисы шрифтов и значков не вызываются.
Свои заголовок и описание у каждой страницы: каждая страница имеет собственный заголовок («Страница | Заведение»), описание и теги для публикации в соцсетях (Open Graph). На странице товара изображение для публикации берётся из изображения товара, на странице категории — из изображения категории. Заголовок, описание и ключевые слова сайта вы вводите в разделе «Site ayarları» (Настройки сайта).

Панель управления

«Masalar» (Столы): вы добавляете, изменяете и удаляете столы; для каждого стола вводятся название (до 60 символов) и порядок, а одно и то же название нельзя использовать дважды. На странице «Toplu masa oluştur» (Создать столы пакетом) вы за один раз добавляете столы с последовательными номерами, указав префикс (например, Masa), количество столов и первый номер (до 200 за раз; стол с таким же названием пропускается). Всего можно задать до 500 столов. В списке столов у каждого стола есть ссылка на его QR-код.
«QR Kod» (QR-код): в верхней части страницы находятся коды меню (главная страница и каждая категория), а ниже у каждого стола свой код. В каждом блоке есть предпросмотр, адрес, который открывает код, и кнопки скачивания: PNG размерами 512, 1024 и 2048 пикселей и SVG.
Печать карточек стола: вид для печати доступен в форматах A6, A4 и четыре карточки A6 на листе A4 (для вырезания); на карточке — ваш логотип (или название заведения, если логотипа нет), название стола, QR-код, строка текста и адрес сайта. Текст карточки (по умолчанию «Menüyü görmek için okutun», Отсканируйте, чтобы увидеть меню) меняется на экране печати.
Печать всех карточек столов: карточки всех столов печатаются по одной ссылке в формате A6, A4 или по четыре на A4. Если столов больше 100, вы выбираете диапазон столов и печатаете до 100 карточек за раз. На странице QR-кода столы выводятся по 24 на страницу и ищутся по названию; кнопки скачивания работают для каждого стола отдельно.
Адрес QR-кода: в коды записывается адрес вашего сайта, с которого открыта панель. Если адрес изменится, коды нужно скачать и напечатать заново; адрес можно также ввести вручную и обновить коды.
«Özet» (Сводка): число опубликованных товаров меню, категорий, столов и товаров-черновиков, ярлык на страницу QR-кода и действующая тема.
Управление меню: для товаров вы вводите название, категорию, цену, порядок, статус (опубликован или черновик), краткое описание, подробное описание и изображение. Для категорий вводятся название, порядок и изображение. Список товаров можно отфильтровать по категории; в списках есть поиск и сортировка.
«Ön yüz teması» (Тема сайта): выбор между двумя темами; доступен только администратору.
«Site içeriği» (Содержимое сайта): «Hakkımızda» (О нас), «Çalışma saatleri» (Часы работы) и ссылки на соцсети. В полях с форматированным текстом используется редактор Summernote.
Загрузка изображений: загружаются файлы JPG, PNG или WebP (до 8 МБ). Если на сервере включено расширение GD, изображения преобразуются в WebP, а те, у которых длинная сторона больше 1600 пикселей, уменьшаются; так меню, открытое на телефоне, загружается быстрее.
«E-posta ayarları» (Настройки e-mail): когда вы вводите данные SMTP и включаете отправку, работает письмо «Восстановление пароля». Настройки проверяются кнопкой «Deneme e-postası gönder» (Отправить тестовое письмо).
«Site ayarları» (Настройки сайта): заголовок сайта, название заведения, описание и ключевые слова, телефон, ссылка WhatsApp, e-mail, адрес, строка об авторских правах, основной цвет, карта, логотип, значок сайта, поля пользовательского кода, язык сайта и язык панели.
Пользователи и права: вы добавляете учётные записи администратора и редактора. Редактор управляет столами, страницей QR-кода, меню и разделами содержимого сайта; «Site ayarları», «Ön yüz teması», «E-posta ayarları» и «Kullanıcılar» (Пользователи) доступны только администратору. Права проверяются на сервере. Каждый пользователь меняет своё имя и пароль на странице «Profil ve şifre» (Профиль и пароль).
Восстановление пароля: пароль сбрасывается по e-mail через ссылку на странице входа в панель (если настроены «E-posta ayarları»). Ссылка для сброса действует 1 час и используется один раз.
Собственный код: в «Site ayarları» вы добавляете свой код (например, скрипт статистики) в верхнюю часть сайта, в начало тела страницы и в конец страницы. Эти поля доступны только администратору.

Установка и обновления

Мастер установки из пяти шагов: требования, лицензия, база данных, данные сайта и администратора, завершение. Мастер сам проверяет ваш сервер.
Язык установки: турецкий или английский выбирается в правом верхнем углу мастера. При установке на английском начальное и демонстрационное содержимое тоже будет на английском.
Установка с примерами или пустая: можно начать с заполненного сайта, как в демо, с примерами категорий, товаров, столов, изображений и часов работы, и отредактировать его либо ввести содержимое с нуля.
Обновление из панели: zip-пакет новой версии вы скачиваете в личном кабинете tiklaweb.net и загружаете на странице «Güncelleme ve lisans» (Обновление и лицензия) панели управления. Перед операцией создаётся резервная копия файлов и базы данных. При ошибке сайт возвращается в прежнее состояние. Загруженные вами изображения, настройки и содержимое сохраняются.
Проверенные пакеты: подпись пакета обновления проверяется; устанавливаются только пакеты, скачанные с tiklaweb.net.

Подробное руководство по установке прилагается к скачиваемому пакету в виде файла KURULUM.html (на турецком языке).

Лицензия

Каждая лицензия действует для одного доменного имени, которое вы указываете при заказе. Смена доменного имени платная и выполняется по запросу в поддержку. Лицензия бесплатно не передаётся. На доменном имени без лицензии сайт не открывается, а посетитель перенаправляется на страницу с уведомлением о лицензии. Для использования на другом доменном имени нужна отдельная лицензия.

Технические характеристики

PHP 8.2 или выше, MySQL или MariaDB
Основа: чистый PHP, PDO и подготовленные запросы. Сайт: без фреймворка и без jQuery, у каждой из двух тем есть свой небольшой скрипт; значки — Font Awesome Free 6, шрифты (Roboto и Montserrat) хранятся локально в пакете, внешний сервис шрифтов не вызывается. Панель: Bootstrap 4, DataTables и редактор содержимого Summernote
QR-коды создаются на вашем сервере библиотекой chillerlan/php-qrcode под лицензиями MIT и Apache-2.0; запросы к внешнему QR-сервису не отправляются. Файл PNG записывается без расширения GD
В QR-коды записываются только собственные адреса вашего сайта; адрес сайта, введённый вручную, передаётся подписанными ссылками
Отправка почты выполняется через PHPMailer 6.9; пароль SMTP хранится в зашифрованном виде
Тексты интерфейса хранятся в языковых файлах пакета (турецкий и английский готовы, можно добавлять новые языки)
Проверка CSRF при действиях в панели; ограничение числа попыток при входе в панель и сбросе пароля
Тип изображений, загруженных в панели, проверяется по содержимому (JPG, PNG, WebP; до 8 МБ); в папке загрузок PHP не выполняется
Поля форматированного текста в панели фильтруются на сервере при сохранении (HTMLPurifier); панель управления отправляет заголовок политики безопасности содержимого (CSP); пароли администраторов хранятся в виде хеша
Поле карты принимает только адреса встраивания Google Maps и OpenStreetMap
Шаблоны тем нельзя открыть напрямую по адресу; поисковые запросы выполняются как подготовленные, вывод экранируется
Данные базы данных и резервные копии, если хостинг позволяет, хранятся в папке за пределами корня сайта
Заголовки безопасности, HSTS при HTTPS; часовой пояс Europe/Istanbul
Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками в рабочих условиях

Демо

Сайт и панель управления можно посмотреть в демо только для чтения. Ссылками «Demo teması» (Тема демо) внизу демо-сайта или добавив к адресу ?tema=tema2 можно посмотреть обе темы; этот выбор действует только в демо, а на своём сайте тему выбирают в панели. Демо установлено на турецком; в панели управления язык панели можно переключить на английский значком глобуса в правом верхнем углу (этот выбор сохраняется только в вашем браузере). Название заведения, товары, цены, столы и фотографии в демо — полностью пример содержимого. В панели демо можно открыть страницы «Masalar» (Столы) и «QR Kod» (QR-код), скачать коды и попробовать вид карточек стола; коды содержат адрес демо-сайта. Карта и ссылка WhatsApp в демо оставлены пустыми; они появляются на странице контактов, как только вы заполните их в панели.

Сайт: https://019.tiklaweb.net
Панель управления: https://019.tiklaweb.net/admin
E-mail для демо: demo@tiklaweb.net
Пароль для демо: demo1234

В демо изменения сохранить нельзя. Демо сбрасывается каждую ночь. Чувствительные страницы, такие как настройки e-mail, пользователи и формы пароля, в режиме демо не отображаются, а «Восстановление пароля» в демо отключено. Эти данные для входа действуют только для демо-сайта. В купленной установке учётную запись администратора вы задаёте сами.

Поддержка

Если что-то не получается, вы можете создать запрос в поддержку в личном кабинете tiklaweb.net или написать на destek@tiklaweb.net.

Готовый сайт QR-меню для ресторанов и кафе. Отдельный QR-код для каждого стола, две темы, меню и цены в панели. Установка мастером.

Шаг 1, подготовка: На своём хостинге установите версию PHP 8.2 или выше и создайте пустую базу данных MySQL/MariaDB и пользователя.
Шаг 2, файлы: Загрузите содержимое папки public_html из скачанного пакета (включая скрытый файл .htaccess) в папку публикации вашего домена.
Шаг 3, мастер: Откройте свой домен в браузере. Мастер установки запустится автоматически; турецкий или английский можно выбрать ссылками вверху страницы.
Шаг 4, установка: В мастере проверьте требования и лицензию, введите данные базы данных, затем данные сайта и администратора. Выберите установку с примером содержимого или пустую.
Шаг 5, панель: Войдите по адресу вашдомен.com/admin с учётной записью администратора и заполните страницу «Site ayarları» (Настройки сайта), добавьте категории и товары в разделе «Menü» (Меню) и столы в разделе «Masalar» (Столы), затем скачайте коды на странице «QR Kod» (QR-код).

2.0.0 — Первая коммерческая версия

Первая коммерческая версия скрипта QR-меню для каждого стола и сайта ресторана.

Добавлено

Мастер установки в браузере (проверка требований, лицензия, база данных, шаги сайта и администратора).
Выбор установки с примерами содержимого или пустой.
Интерфейс на турецком и английском для сайта, панели управления и мастера установки; выбор языка в разделе «Site ayarları» (Настройки сайта); добавление нового языка копированием языкового файла.
Лицензия, привязанная к доменному имени; на домене без лицензии сайт не открывается.
Обновление zip-файлом из панели: автоматическая резервная копия, возврат к предыдущей версии при ошибке, сохранение содержимого и добавленных языковых файлов.
«Masalar» (Столы): добавление столов по одному или пакетом (всего до 500), ссылка на QR-код в списке столов.
Страница «QR Kod» (QR-код) в панели: QR-коды для меню (главная страница), каждой категории и каждого стола; скачивание в PNG (512, 1024, 2048 пикселей) и SVG; вид для печати с карточками A6, A4 и четырьмя A6 на A4, редактируемый текст карточки; печать всех карточек столов (с выбором диапазона при числе столов больше 100), поиск по столам и постраничный вывод. Код стола открывает меню и показывает на странице название стола.
Две темы оформления («Tema 1: Izgara» (Тема 1: Сетка), «Tema 2: Kart» (Тема 2: Карточки)) с выбором темы в панели; добавление собственного файла ozel.css.
Категории и витрина товаров с ценами: порядок, статус, краткое описание, форматированный текст и изображение; живой поиск по товарам. Корзины и заказа нет.
«Hakkımızda» (О нас), страница контактной информации (без формы сообщения), часы работы и ссылки на соцсети.
Выбор основного цвета в панели, цвет текста подбирается автоматически под фон.
Преобразование в WebP при загрузке изображений (если включён GD) и ограничение длинной стороны 1600 пикселями.
Изменение или удаление подписи в подвале из панели.
Восстановление пароля: ссылка для сброса по e-mail, действует 1 час и используется один раз.
Права пользователей: администратор и редактор.

Исправления

Недопустимые адреса и адреса неопубликованных товаров показывают страницу 404 вместо ошибки.
Старые форматы адресов (?menu=, ?detay=, ?about, ?contact) перенаправляются на новые адреса.
Оставленные пустыми поля изображения, соцсетей и карты на сайте не отображаются.

Безопасность

Проверка CSRF, ограничение числа попыток и проверка прав при действиях в панели.
В QR-коды записываются только адреса, заданные сервером; адрес сайта, введённый вручную, передаётся подписанными ссылками.
Тип изображений, загружаемых в панель, проверяется по содержимому.
Поля форматированного текста в панели фильтруются при сохранении, в панель добавлена политика безопасности содержимого (CSP).
Пароли администраторов хранятся в виде хеша, пароль SMTP — в зашифрованном виде.
Шаблоны тем нельзя открыть напрямую по адресу; поисковые запросы выполняются как подготовленные, вывод экранируется.

Руководство по установке — файл KURULUM.html внутри пакета.

Каждая лицензия действует для одного домена; для каждого сайта нужна отдельная лицензия. После установки домен изменить нельзя, а смена зоны (расширения) того же домена платная.

Да. Ваш хостинг должен соответствовать «серверным требованиям», указанным на странице продукта.

Новые версии появляются в вашем личном кабинете, пока лицензия активна.

Установка платная; бесплатной установки скрипта нет. Вы можете установить его самостоятельно по пошаговой инструкции из комплекта. Если вы хотите, чтобы это сделали мы, можно воспользоваться нашей платной услугой установки.