Как разместить меню на сайте заведения: одна ссылка вместо PDF
Гость нашёл вашу кофейню в Google Картах или в Instagram, перешёл на сайт и ищет одно: меню с ценами. Разместить меню на сайте проще всего, если не копировать его туда вовсе. Меню ведётся в MenuForma, а на сайте стоит кнопка, которая его открывает. Подняли цену на капучино с 70 до 75 гривен в MenuForma, и сайт показывает 75: и кнопка на сайте, и QR-коды на столах открывают одну и ту же страницу.
В статье: какую ссылку брать для сайта и какие ссылки туда ставить нельзя, как добавить кнопку в WordPress, Wix и других конструкторах, стоит ли встраивать меню через iframe, что видят поисковые системы и чем заменить старый PDF. Всё это доступно на тарифе Бесплатно навсегда; там, где нужен тариф Regular, это сказано отдельно.
Почему ссылка, а не копия меню
Меню, набранное прямо на странице, загруженное фотографией или PDF-файлом, — это вторая копия, которую нужно обновлять отдельно. Новое сезонное блюдо, другая цена на завтраки, позиция, которую сняли с продажи: всё это приходится менять и в меню в зале, и на сайте. Сайт обычно отстаёт, и гость, который смотрел цены дома, в зале видит другие цифры.
У меню в MenuForma один публичный адрес, например menuforma.com/m/bistro-lanzheron. На этот адрес ведут QR-коды в заведении, на него же будет вести и кнопка на сайте. Блюда, цены и фото вы меняете в разделе Управление меню, а сайт показывает уже обновлённое меню, хотя на самом сайте никто ничего не трогал.
Нужная ссылка и те, что на сайт ставить нельзя
Зайдите на страницу QR-коды и выберите вкладку Только для отображения. Под кодом указана ссылка с подписью Только для просмотра, рядом — значок копирования. Ссылка выглядит так: menuforma.com/m/bistro-lanzheron?mode=display.
По этой ссылке открывается всё меню: блюда, описания, цены, фотографии и значки аллергенов. Выбрать блюдо или оформить заказ нельзя, заказов по ней не создаётся. Для сайта это и нужно: человек дома решает, куда пойти на выходных, а не заказывает к столу. В MenuForma этот режим предназначен как раз для витрин, соцсетей, карт и сайтов с отзывами.
Ссылки для заказа с вкладок Для стола и Унифицированный оставьте для зала. Они рассчитаны на гостей, которые сидят в заведении: оформленный по ним заказ попадает в общий список и на кухонный экран как заказ в зале, с номером стола или номером заказа. Если такая ссылка окажется на сайте, кухня может получить заказ для стола, за которым никого нет.
Принимать с сайта заказы на доставку и самовывоз можно на тарифе Regular, через вкладку Доставка. Ссылка там вида menuforma.com/delivery/bistro-lanzheron. Гость выбирает доставку или самовывоз, при доставке пишет адрес и платит онлайн или наличными — какие способы доступны, вы решаете в разделе Управление доставкой, там же задаёте зоны и стоимость доставки. Онлайн-оплата проходит через Stripe: MenuForma не берёт комиссию с платежей через Stripe, но комиссии Stripe за обработку платежей остаются.
- Кнопка «Меню» — ссылка с вкладки Только для отображения, на любом тарифе.
- Кнопка «Заказать с доставкой» или «Самовывоз» — ссылка с вкладки Доставка, на тарифе Regular.
- Коды на столах, барной стойке и в номерах — только внутри заведения.
Как разместить меню на сайте с помощью кнопки
В WordPress, Wix, Webflow, Shopify и других конструкторах есть кнопка или текстовая ссылка с полем для адреса. Вставьте в это поле скопированную ссылку и дайте кнопке понятную подпись: «Меню», «Смотреть меню», «Еда и напитки». Открывать меню в новой вкладке или в той же — дело вкуса, работают оба варианта.
Разработчик не нужен, устанавливать на сайт ничего не надо. Если сайт вам делали в студии, просто отправьте менеджеру ссылку в Viber или Telegram и напишите, куда поставить кнопку.
Удачные места для кнопки:
- верхнее меню навигации, пункт «Меню» на каждой странице;
- первый экран главной страницы рядом с адресом и телефоном, чтобы на смартфоне кнопку было видно без прокрутки;
- страница «Контакты» или «График работы», где гость прикидывает, успеет ли он к вам до закрытия;
- футер сайта.
Чем заменить PDF-меню
PDF-файл неудобен на телефоне: мелкий шрифт, страница, которую нужно увеличивать пальцами, иногда отдельное скачивание. А при каждом изменении цены его надо заново экспортировать и загружать на сайт. Стоит один раз забыть, и в сети висит меню с ценами прошлой весны.
Из этого же PDF можно собрать меню в MenuForma. В разделе Управление меню есть AI Импорт: он читает фото, PDF, Excel и Word и превращает их в категории, блюда и цены, которые вы затем проверяете. Новый аккаунт получает 30 приветственных кредитов на 30 дней, один импорт стоит 5 кредитов, а ручное заполнение меню кредитов не требует.
Готово меню — замените на сайте ссылку на PDF ссылкой только для просмотра, а сам файл удалите, чтобы на него больше никто не попадал.
Меню внутри страницы через iframe
Если хочется, чтобы меню было видно прямо на странице сайта, его можно встроить во фрейм (iframe): MenuForma разрешает загружать страницы меню на других сайтах. Когда на тарифе Regular гость платит онлайн из встроенного меню, страница оплаты Stripe открывается на всё окно браузера, так как во фрейме она не работает.
Отдельного кода для вставки MenuForma не даёт. Используйте элемент конструктора для встраивания — он обычно называется «Embed», «HTML» или «iframe» — и укажите в нём ссылку только для просмотра.
У такого варианта есть минусы. Высота фрейма фиксирована, и на телефоне меню приходится прокручивать в отдельном окошке посреди страницы. Вёрстка меню сделана под экран смартфона, поэтому на компьютере оно занимает узкую полосу. Поисковые системы засчитывают блюда во фрейме странице MenuForma, а не вашей. К тому же в некоторых конструкторах размер встроенного блока настраивать неудобно.
Поэтому сначала кнопка. Если всё же встраиваете, ставьте ссылку только для просмотра, делайте фрейм высоким и добавьте рядом обычную ссылку «Открыть меню».
Поисковые системы, структурированные данные и превью
Страница меню MenuForma формируется на сервере, так что названия блюд, описания и цены есть в её HTML-коде, как на обычной веб-странице. Индексировать её поисковым системам разрешено, а канонический адрес совпадает со ссылкой только для просмотра, той самой, что стоит у вас на сайте.
В страницу встроены структурированные данные schema.org: заведение с названием, телефоном, адресом и кухней, если вы их указали, и меню с разделами, блюдами, ценами и пометкой о том, что закончилось.
Чтобы меню ссылалось на сайт, откройте Управление меню, вкладку Информация, карточку Общая информация и заполните поле Веб-сайт. Это же поле под названием Вебсайт есть в разделе Настройки. Тогда в меню появится ссылка на ваш сайт, а в структурированных данных сайт будет указан как собственный сайт заведения. Сайт ведёт на меню, меню ведёт на сайт.
Одно важное уточнение: ссылка на меню не заменяет текст на вашем сайте. Напишите на нём, что у вас за кухня, назовите несколько фирменных блюд, укажите график работы и адрес. Блюда на странице MenuForma относятся к той странице, а не к вашей. Позиции в поиске от этого никто гарантировать не может.
Если ссылку на меню отправить в Viber, WhatsApp или Facebook, превью покажет название заведения со словом «меню», краткое описание и картинку: обложку, а без неё логотип или фото блюда. На тарифе Regular заголовок, подзаголовок и картинку превью можно задать самостоятельно в разделе Управление меню, в карточке Share Preview (в русском интерфейсе она пока называется по-английски).
Домен, DNS и поддомен трогать не нужно
Меню остаётся на адресе MenuForma, поэтому в DNS, на хостинге и в сертификатах вашего сайта ничего не меняется, а поддомен вроде menu.vashsait.com.ua создавать не нужно.
Стоит определиться только с окончанием адреса. Его задают в разделе Настройки, в поле URL меню, — это публичный адрес вашего меню. Выберите его до того, как поставите ссылку на сайт и закажете печать QR-кодов: смена адреса потом означает замену и ссылок, и наклеек на столах. Правки блюд, цен, фото и аллергенов адрес не затрагивают.
Одна ссылка для Google Карт, Instagram и Viber
Ту же ссылку поставьте в профиль компании в Google, в шапку профиля в Instagram, в описание Telegram-канала или Viber-сообщества, в рассылку для постоянных гостей. На вкладке Только для отображения есть кнопки, чтобы поделиться ссылкой в X и WhatsApp. Все эти ссылки открывают то же меню, что и QR-коды, при этом у кодов в зале свои ссылки. Обновлять меню нужно в одном месте — в разделе Управление меню.
Закончились сырники — нажмите Отметить как распродано: блюдо останется в меню с отметкой, но заказать его будет нельзя. На тарифе Regular доступны Меню по расписанию: утром показываются завтраки, днём обеды, вечером ужин, и всё по той же ссылке.
Если сайт у вас на двух-трёх языках, на тарифе Regular меню тоже может быть многоязычным, с автоматическим переводом. Для каждой языковой версии сайта добавьте к ссылке код языка: &lang=uk для украинской страницы, &lang=ru для русской, &lang=en для английской. Гость при этом может переключить язык в самом меню. На тарифе Бесплатно навсегда язык меню один.
Короткая проверка перед запуском
- Откройте кнопку с телефона и с компьютера: должно появиться меню только для просмотра, без кнопок добавления и корзины.
- Сверьте цены, фото и язык меню; если использовали
&lang=, проверьте каждую версию. - Найдите в меню ссылку на свой сайт.
- Отправьте ссылку себе в Viber, в «Мои заметки», и посмотрите на превью.
- Попросите знакомого, который не видел ваш сайт, найти меню с главной страницы.
Что даёт Бесплатно навсегда, а что Regular
Для меню на сайте хватает бесплатного тарифа. Regular нужен, если вы хотите принимать заказы на доставку и самовывоз, вести меню на нескольких языках и настраивать превью.
| Бесплатно навсегда | Regular | |
|---|---|---|
| Стоимость | 0 $ в месяц, бессрочно | Платный, по желанию |
| Ссылка на меню для сайта | Есть | Есть |
| Встраивание через iframe | Можно | Можно |
| Структурированные данные schema.org | Есть | Есть |
| Ссылка из меню на ваш сайт | Есть | Есть |
| Языки меню | 1 | Несколько, с автоматическим переводом |
| Доставка и самовывоз с сайта | Нет | Есть |
| Онлайн-оплата через Stripe | Нет | Есть |
| Собственное превью ссылки | Нет | Есть |
| Меню по расписанию | Нет | Есть |
| Подпись MenuForma в меню | Есть | Можно убрать |
| Плата MenuForma за каждый заказ | Нет | Нет |
Частые вопросы о меню на сайте заведения
Можно ли разместить меню на сайте внутри страницы, а не по кнопке?
Можно: страницы меню загружаются во фрейм (iframe) через элемент встраивания или HTML в конструкторе. На телефоне кнопка обычно удобнее, поэтому рядом с фреймом добавьте и простую ссылку на меню.
Обновится ли меню на сайте, если я поменяю цены?
Да. Сайт открывает само меню, поэтому изменения, сделанные в разделе Управление меню, видны и там. Ссылка при правках блюд, цен и фото остаётся той же.
Можно ли заказать еду через мой сайт?
На тарифе Бесплатно навсегда ссылка с сайта только показывает меню, а заказывают гости в зале по QR-кодам. На тарифе Regular ссылка с вкладки Доставка позволяет оформить доставку или самовывоз и оплатить онлайн через Stripe или наличными. MenuForma не берёт комиссию с платежей через Stripe, но комиссии Stripe за обработку платежей остаются.
Нужно ли платить за ссылку для сайта?
Нет. Тариф Бесплатно навсегда стоит 0 $ в месяц, без срока действия и без привязки карты. В него входят ссылка только для просмотра, все бесплатные типы QR-кодов и заказы в заведении.
Поднимет ли меню мой сайт в Google?
Гарантировать позиции никто не может. Страница меню доступна для индексации и содержит структурированные данные, а поле Веб-сайт связывает её с вашим сайтом. Собственный текст о заведении на сайте всё равно нужен.
Чтобы разместить меню на сайте, достаточно одной ссылки и одной кнопки, а обновлять дальше придётся только меню в MenuForma. Создайте бесплатный аккаунт MenuForma, загрузите меню через AI Импорт или заполните его вручную, скопируйте ссылку только для просмотра и вставьте её в кнопку на сайте.
Если коды для столов ещё не готовы, загляните в пошаговую инструкцию по бесплатному QR-меню и на страницу бесплатного генератора QR-меню.
Похожие статьи
- Как отсканировать QR-код меню в кафе: iPhone и Android
- Как создать QR-меню бесплатно: инструкция для кофеен и ресторанов Украины
- Сравнение 6 программ для QR-меню в Украине: функции, языки и цены