Публичное меню

Публичное меню — это то, что видят ваши гости, когда сканируют QR-код на столе или переходят по ссылке. Здесь отображаются все активные блюда, категории, теги, промоакции и советы. Этот раздел поможет вам понять, как ваши настройки в админ-панели влияют на то, что видят гости.


Кейс 1: Как гости попадают на меню

Гостям не нужна регистрация или установка приложения — меню открывается прямо в браузере.

Способы перехода

  1. QR-код на столе — гость сканирует камерой телефона и попадает на ссылку вида /menu/your-slug.
  2. Прямая ссылка — вы можете отправить ссылку через мессенджеры, соцсети или разместить на сайте. Формат: https://ваш-домен/menu/your-slug, где your-slug — идентификатор вашего заведения.

Совет: Slug заведения задаётся при создании или редактировании заведения. Подробнее см. раздел 02 — Заведения.

[Скриншот: Главная страница публичного меню — название заведения, описание, первые категории с блюдами]


Кейс 2: Что видит гость в меню

Разберём, из чего состоит публичное меню для гостя.

Шапка меню

В верхней части экрана расположены:

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

[Скриншот: Шапка публичного меню с кнопками поиска, фильтров и корзины]

Категории и блюда

  • Меню разделено на категории (Закуски, Супы, Основные блюда и т.д.) — в том порядке, который вы задали в админке.
  • Между категориями отображается навигационная полоса с кнопками категорий. Текущая категория подсвечивается при прокрутке.
  • Внутри каждой категории — сетка карточек блюд.

[Скриншот: Публичное меню с навигацией по категориям и сеткой карточек блюд]

Карточка блюда

Каждая карточка содержит:

  • Название блюда.
  • Цена (золотистым цветом). Если указана цена со скидкой — отображается новая цена, а старая перечёркнута.
  • Метка «Акция» (красная) — если у блюда есть скидка.
  • Фото блюда (если загружено).
  • Краткое описание (до 3 строк).
  • Теги (до 2 штук, если их больше — показывается «+N»).
  • Вес порции.
  • Кнопка «+» для добавления в корзину. Если блюдо уже в корзине — отображается счётчик с кнопками «−» и «+».

[Скриншот: Карточка блюда со скидкой — перечёркнутая старая цена, красная метка «Акция», теги, кнопка добавления]

Детальная карточка блюда

Нажмите на карточку блюда, чтобы открыть подробную информацию:

  • Фото в крупном формате (если есть).
  • Полное описание блюда.
  • Все теги (без ограничения количества).
  • Состав — ингредиенты.
  • КБЖУ — калории, белки, жиры, углеводы (в отдельных блоках).
  • Аллергены — если указаны.
  • Кнопка «Спросить у Рыжика» — перейти к AI-ассистенту, чтобы узнать подробнее.
  • Подходящие блюда — рекомендации, что заказать вместе с этим блюдом.
  • Кнопка «В корзину» с указанием цены и выбором количества.

[Скриншот: Детальная карточка блюда — фото, описание, КБЖУ в 4 блоках, состав, аллергены, кнопка «В корзину»]


Кейс 3: Фильтрация по тегам

Гости могут отфильтровать меню по тегам, чтобы быстро найти нужные блюда — например, только вегетарианские или безглютеновые.

Как это работает

  1. Гость нажимает кнопку фильтров (иконка настроек) в шапке меню.
  2. Открывается панель с доступными тегами — цветными кнопками.
  3. Гость выбирает один или несколько тегов. Активные теги подсвечиваются цветом.
  4. Нажимает «Показать» — в меню остаются только блюда, у которых есть все выбранные теги.
  5. Для сброса фильтров — кнопка «Сбросить».

[Скриншот: Панель фильтров с цветными тегами — несколько активных (подсвечены), кнопки «Сбросить» и «Показать»]

[Скриншот: Меню после фильтрации — отображаются только блюда с выбранными тегами]

Важно: Фильтрация работает по принципу «И» (AND) — блюдо должно содержать все выбранные теги, а не любой из них. Это позволяет гостям точно сужать выбор.


Кейс 4: Поиск по меню

Гости могут искать блюда по названию.

Как это работает

  1. Гость нажимает кнопку поиска (иконка лупы) в шапке.
  2. Появляется поле ввода — гость начинает вводить название блюда.
  3. Меню фильтруется в реальном времени, показывая только совпадения.
  4. Поиск работает совместно с фильтрами по тегам — можно искать и фильтровать одновременно.

[Скриншот: Открытая строка поиска в шапке меню с введённым текстом и отфильтрованными результатами]


Кейс 5: Корзина гостя

Корзина позволяет гостю собрать список выбранных блюд и показать его официанту.

Добавление блюд

  1. На карточке блюда нажмите кнопку «+» — блюдо добавится в корзину.
  2. Если блюдо уже в корзине, на карточке появляется счётчик с кнопками «−» и «+» для изменения количества.
  3. Также можно добавить блюдо из детальной карточки — кнопка «В корзину».

[Скриншот: Карточка блюда со счётчиком количества (кнопки − и +) вместо кнопки добавления]

Просмотр корзины

  1. Нажмите на иконку корзины в шапке (появляется после добавления первого блюда).
  2. Откроется страница «Мой выбор» со списком добавленных блюд.

Для каждого блюда отображается:

  • Фото (если есть), название и цена.
  • Кнопки изменения количества.
  • Ссылка «Удалить» для удаления из корзины.

Внизу страницы:

  • Итоговая сумма — общая стоимость всех блюд.
  • Совет от AI — рекомендация Рыжика, подобранная на основе содержимого корзины (например, «Не забудьте заказать напитки к вашему заказу!»).
  • Баннер «Покажите этот экран официанту» — призыв к действию для подтверждения заказа.

[Скриншот: Страница корзины «Мой выбор» — список блюд с ценами, итоговая сумма, баннер «Покажите этот экран официанту»]

[Скриншот: Совет Рыжика в корзине — аватар маскота, текст рекомендации с анимацией набора]

Очистка корзины

  • Кнопка «Очистить» в правом верхнем углу страницы корзины удаляет все блюда.

Особенности работы корзины

  • Корзина сохраняется в браузере — при перезагрузке страницы содержимое не пропадает.
  • Для каждого заведения — отдельная корзина.
  • Если блюдо было удалено из меню или деактивировано после добавления в корзину — оно отмечается как «Временно недоступно» (серый цвет) и не учитывается в итоговой сумме.

[Скриншот: Блюдо в корзине с пометкой «Временно недоступно» — серый цвет, красный текст]

Важно: На текущем этапе корзина работает как «список выбранного» — онлайн-оформление заказа и оплата пока не реализованы. Гость показывает экран корзины официанту.


Кейс 6: Промоакции в меню

Активные промоакции отображаются в публичном меню, и AI-ассистент рассказывает о них гостям.

Как промоакции влияют на меню

  • Промоакции видны гостям в публичном меню.
  • AI-ассистент знает о текущих акциях и рассказывает о них, когда гость спрашивает.
  • Промоакции с истёкшей датой окончания автоматически скрываются.

[Скриншот: Промоакция, отображаемая в публичном меню — название и описание акции]

Совет: Подробнее об управлении промоакциями см. раздел 07 — Промоакции.


Кейс 7: Советы (Tips) в меню и корзине

Советы — это умные рекомендации от маскота Рыжика, которые появляются в подходящий момент.

Где отображаются советы

  1. В ленте меню — между категориями. Рыжик показывает совет с анимацией набора текста.
  2. В корзине — внизу страницы. Совет подбирается на основе того, что гость уже добавил.

Как это работает

  • Советы появляются при выполнении условий-триггеров, настроенных в админке (конкретное блюдо, категория, тег или промоакция).
  • Советы с размещением «В меню» показываются в ленте, «В корзине» — в корзине, «Везде» — и там, и там.
  • Советы автоматически сменяются с анимацией.

[Скриншот: Совет Рыжика в ленте меню между категориями — аватар маскота и текст совета с анимацией]

Совет: Подробнее об управлении советами см. раздел 08 — Советы. Для автоматической генерации советов — раздел 10 — AI-генерация данных.


Кейс 8: Влияние расписаний на видимость

Если к категории или блюду привязано расписание, они автоматически появляются и скрываются из публичного меню в зависимости от времени и дня недели.

Как это работает

  • Расписания настраиваются в админке и привязываются к категориям или отдельным блюдам.
  • Вне активного времени расписания — блюда и категории не отображаются в публичном меню.
  • Гостю не нужно ничего делать — фильтрация происходит автоматически на стороне сервера.

Пример

Расписание «Завтрак» (Пн–Пт, 08:00–12:00) привязано к категории «Завтраки». Гость, открывший меню в 14:00, не увидит эту категорию и её блюда.

Совет: Подробнее об управлении расписаниями см. раздел 06 — Расписания.