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

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

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

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

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

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

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

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

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

Для кого

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

QR-коды вы создаёте в панели: готовые коды для главной страницы, всего меню и каждой категории скачиваются в PNG или SVG либо печатаются как карточка для стола вместе с вашим логотипом. К коду прилагается полноценный сайт кафе: слайдер, популярные товары, блог, страница «О нас», часы работы и форма обратной связи с флажком согласия KVKK (KVKK — закон Турции о защите персональных данных).

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

Состав

Этот скрипт — сайт кафе с QR-меню и информацией о заведении. Товары меню показываются с ценами; на сайте нет корзины, онлайн-оплаты, онлайн-заказа, вызова официанта и управления столами. QR-код открывает один адрес меню: один и тот же код меню вы используете на всех столах, отдельный код для каждого стола не создаётся. Коды категорий можно напечатать дополнительно (например, отдельную карточку для напитков). Перед решением советуем посмотреть демо.

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

Страница меню

Меню, удобное на телефоне: на странице меню категории идут разделами друг под другом. Полоса категорий вверху остаётся наверху экрана при прокрутке, прокручивается в стороны и по мере спуска отмечает категорию, в которой вы находитесь. Нажатие на название категории ведёт к этому разделу. На маленьких экранах товары показываются карточками в два столбца; с ростом ширины экрана число столбцов увеличивается.
Страница категории: у каждой категории есть адрес, на котором показаны только её товары; QR-код категории открывает эту страницу. Опубликованные товары, у которых категория удалена или не выбрана, показываются в полном меню под заголовком «Diğer» (Прочее).
Карточка товара: изображение, название, краткое описание и цена. Изображения подгружаются по мере прокрутки; товар без изображения показывается с нейтральным значком.
Страница товара: нажатие на изображение открывает крупный просмотр. На странице показаны название, ссылка на категорию, краткое описание, цена, теги (например, веган, острое) и «Ürün Detayları» (Подробности о товаре) с форматированным текстом; ниже — до четырёх похожих товаров той же категории. Товар со статусом «Taslak» (Черновик) на сайте не показывается.
Цены: вводятся и показываются в турецких лирах (₺). Если цена товара пуста или равна 0, товар показывается без цены.
Порядок: категории и товары упорядочиваются полем «Sıra» (Порядок); меньшее число идёт первым.

Главная страница

Порядок на главной странице: слайдер, популярные товары, меню с вкладками категорий, карточки категорий и последние записи. Секция без записей не показывается.
Слайдер: слайды добавляются в панели; для каждого слайда вводятся заголовок, подзаголовок, текст и ссылка кнопки, порядок и изображение. Кнопка появляется, только если заполнены и её текст, и ссылка. При нескольких слайдах работают стрелки и точки-индикаторы, слайды сменяются сами. Показывается не более десяти слайдов.
Популярные товары: товары с «Popüler işareti» (Отметка «Популярное») показываются на главной странице в карусели с названием, изображением и ценой. На устройствах с включённой настройкой уменьшения движения карусель не прокручивается сама.
Меню с вкладками категорий: для каждой категории с товарами есть вкладка; если вы отметили популярные товары, первая вкладка — «Öne Çıkanlar» (Рекомендуемое). В каждой вкладке товары перечислены карточками; кнопки «Kategoriyi aç» (Открыть категорию) и «Tüm menüyü gör» (Смотреть всё меню) ведут на страницу меню.
Карточки категорий: изображение, название и число товаров категории показываются в карусели; нажатие на карточку открывает меню этой категории.
Последние записи: три новейшие записи блога показываются с изображением, датой, автором и кратким описанием.
Заголовки секций: заголовок и подзаголовок каждой секции главной страницы вы пишете в панели своими словами. Оставленный пустым заголовок на сайте не показывается.

Блог, страницы и контакты

Блог: вы публикуете записи с заголовком, категорией, статусом, автором, тегами, кратким описанием, изображением и форматированным текстом. Список фильтруется чипами категорий; в боковой колонке записи показаны категории и последние записи. Запись со статусом «Taslak» (Черновик) на сайте не показывается.
Дополнительные страницы: в панели можно добавить сколько угодно страниц (например, сведения об аллергенах, уведомление KVKK, политика конфиденциальности). Для каждой страницы вы выбираете, показывать ли её в верхнем меню (в разделе «Sayfalar», Страницы) и в нижней части сайта.
О нас: страница с представлением вашего заведения из заголовка и форматированного текста.
Страница контактов: форма с полями «имя», e-mail, телефон и сообщение (все обязательные); рядом — краткое описание заведения, адрес, телефон, нажатие на который начинает звонок, e-mail, часы работы и карта (код встраивания Google Maps или OpenStreetMap). Оставленные пустыми сведения и карта не показываются.
Часы работы: для каждого дня недели вводится текст (например, 08:00 - 22:00, а для выходного дня «Kapalı» (Закрыто)). Текст показывается посетителю так, как вы его ввели; пустой день не показывается. Часы указаны на странице контактов и в нижней части сайта.
Письма вам: после настройки «E-posta ayarları» (Настройки e-mail) и включения уведомлений каждое сообщение из формы обратной связи приходит вам и по e-mail. Если вы ответите на письмо, ответ уйдёт на адрес посетителя. Даже без настройки e-mail сообщения перечисляются в панели. Посетителю письмо не отправляется.
Флажок согласия KVKK: обязателен в форме обратной связи. Ссылка на уведомление о конфиденциальности ведёт на страницу, которую вы выбираете в панели; та же ссылка есть в нижней части сайта. Текст, который идёт с примером содержимого, — лишь образец; собственное уведомление вам нужно подготовить самостоятельно.

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

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

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

«QR Kod» (QR-код): отдельный блок для главной страницы, всего меню и каждой категории: предпросмотр, адрес, который открывает код, и кнопки скачивания. Код скачивается в PNG размерами 512, 1024 и 2048 пикселей и в SVG. Вид для печати карточек стола доступен в форматах A6, A4 и четыре карточки A6 на листе A4 (для вырезания); на карточке — ваш логотип (или название заведения, если логотипа нет), QR-код, строка текста и адрес сайта. Текст карточки (по умолчанию «Menüyü görmek için okutun», Отсканируйте, чтобы увидеть меню) меняется на экране печати.
Адрес QR-кода: в коды записывается адрес вашего сайта, с которого открыта панель. Если адрес изменится, коды нужно скачать и напечатать заново; адрес можно также ввести вручную и обновить коды.
«Özet» (Сводка): число непрочитанных сообщений, опубликованных товаров меню, категорий и записей блога, ссылка на страницу QR-кода и последние сообщения. Число непрочитанных сообщений показано значком в боковом меню.
«Mesajlar» (Сообщения): сообщения из формы обратной связи собираются в одном списке. В списке видны имя, телефон, e-mail, дата и статус прочтения; в подробностях вы читаете сообщение и время согласия KVKK и можете удалить запись. В списке есть поиск и сортировка.
Управление меню: для товаров вводятся название, категория, цена, порядок, статус (опубликован или черновик), «Popüler işareti» (Отметка «Популярное»), краткое описание, теги, подробное описание и изображение. Для категорий вводятся название, порядок и изображение. В списках есть поиск и сортировка.
Блог и страницы: записи блога, категории блога и дополнительные страницы добавляются, редактируются и удаляются. В полях форматированного текста используется редактор Summernote.
«Site içeriği» (Содержимое сайта): слайдер главной страницы, «Ana sayfa başlıkları» (Заголовки главной страницы), «Hakkımızda» (О нас), «Çalışma saatleri» (Часы работы), ссылки на социальные сети и «Bölümleri aç/kapat» (Включение/отключение секций).
Загрузка изображений: загружаются файлы JPG, PNG или WebP (до 8 МБ). Если на сервере включено расширение GD, изображения преобразуются в WebP, а те, у которых длинная сторона больше 1600 пикселей, уменьшаются; так меню, открытое на телефоне, загружается быстрее.
«E-posta ayarları» (Настройки e-mail): после ввода данных SMTP и включения уведомлений письма из формы контактов начинают работать. Настройки проверяются кнопкой «Deneme e-postası gönder» (Отправить тестовое письмо).
«Site ayarları» (Настройки сайта): заголовок, описание и ключевые слова сайта, название заведения, телефон, ссылка WhatsApp, e-mail, адрес, краткое описание заведения, строка об авторских правах, основной цвет, страница уведомления KVKK, карта, логотип, значок сайта, язык сайта и язык панели.
Пользователи и права: вы добавляете учётные записи администратора и редактора. Редактор управляет сообщениями, страницей QR-кода и разделами содержимого; «Site ayarları», «E-posta ayarları» и «Kullanıcılar» (Пользователи) доступны только администратору. Права проверяются на сервере. Каждый пользователь меняет своё имя и пароль на странице «Profil ve şifre» (Профиль и пароль).
Восстановление пароля: пароль сбрасывается по e-mail через ссылку на странице входа в панель (если настроены «E-posta ayarları»). Ссылка для сброса действует 1 час и используется один раз.
Собственный код: в «Site ayarları» вы добавляете свой код (например, скрипт статистики) в верхнюю часть сайта, в начало тела страницы и в конец страницы. Эти поля доступны только администратору.

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

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

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

Лицензия

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

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

PHP 8.2 или выше, MySQL или MariaDB
Основа: чистый PHP, PDO и подготовленные запросы. Сайт: Bootstrap 5, jQuery, Slick, Font Awesome Free 6; шрифт (Raleway) хранится локально в пакете, внешние сервисы шрифтов не вызываются. Панель: 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
Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками в рабочих условиях

Демо

Сайт и панель управления можно посмотреть в демо только для чтения. Демо установлено на турецком; в панели управления язык панели можно переключить на английский значком глобуса в правом верхнем углу (этот выбор сохраняется только в вашем браузере). Название заведения, товары, цены, записи и фотографии в демо — всё это примеры содержимого. В панели демо можно открыть страницу «QR Kod» (QR-код), скачать коды и попробовать вид карточек стола; коды содержат адрес демо-сайта. В списке «Mesajlar» (Сообщения) вы увидите несколько примеров записей. WhatsApp, ссылки на социальные сети и карта в демо оставлены пустыми; они появятся на сайте, когда вы заполните их в панели.

Сайт: https://018.tiklaweb.net
Панель управления: https://018.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ı» (Настройки сайта) и «E-posta ayarları» (Настройки e-mail), добавьте категории и товары в разделе «Menü» (Меню), затем скачайте свои коды на странице «QR Kod» (QR-код).

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

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

Добавлено

Мастер установки в браузере (проверка требований, лицензия, база данных, шаги сайта и администратора).
Выбор установки с примером содержимого или пустой.
Турецкий и английский интерфейс сайта, панели управления и мастера установки; выбор языка в «Site ayarları» (Настройки сайта); добавление нового языка копированием языкового файла.
Лицензия, привязанная к доменному имени; на доменном имени без лицензии сайт не открывается.
Обновление из панели через zip: автоматическая резервная копия, возврат к прежней версии при ошибке, сохранение содержимого и добавленных языковых файлов.
Страница «QR Kod» (QR-код) в панели: QR-коды для главной страницы, всего меню и каждой категории; скачивание в PNG (512, 1024, 2048 пикселей) и SVG; вид для печати с карточками стола в форматах A6, A4 и четыре карточки A6 на листе A4, редактируемый текст карточки. В коды записывается адрес сайта. Управления столами и отдельного QR-кода для каждого стола нет.
Страница меню для мобильных: закреплённая полоса категорий с прокруткой в стороны, карточки товаров в два столбца, страница товара и увеличение изображений.
Категории и витрина товаров с ценами: порядок, статус, отметка «Популярное», теги, краткое описание, форматированный текст и изображение. Корзины и заказов нет.
Главная страница: слайдер, популярные товары, меню с вкладками категорий, карточки категорий и последние записи; заголовки секций редактируются в панели.
Светлая и тёмная тема; выбор основного цвета в панели, цвет текста подбирается автоматически под фон.
Блог, дополнительные страницы (например, сведения об аллергенах), «О нас», часы работы и включение/отключение секций (семь секций).
Форма обратной связи с флажком согласия KVKK и ссылкой на уведомление; сообщения в списке «Mesajlar» (Сообщения) панели; уведомление по e-mail.
Преобразование в WebP при загрузке изображений (если включён GD) и ограничение длинной стороны 1600 пикселями.
Изменение или удаление подписи внизу сайта из панели.
Восстановление пароля: ссылка для сброса по e-mail, действует 1 час и используется один раз.
Права администратора и редактора.

Исправления

Недействительные адреса, а также адреса неопубликованных товаров и записей показывают страницу 404 вместо ошибки.
Страница отключённой секции не открывается и по адресу.
Оставленные пустыми поля изображения, социальных сетей и карты на сайте не отображаются.

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

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

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

Каждая лицензия действует для одного домена; для каждого сайта нужна отдельная лицензия. Смена домена платная и выполняется по обращению в поддержку.

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

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

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