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