Як додати меню на сайт ресторану чи кав'ярні
Перш ніж прийти, гість зазвичай відкриває сайт закладу або картку в Google Картах і насамперед шукає меню з цінами. Додати меню на сайт можна так, щоб більше ніколи не оновлювати його там окремо: меню ведеться в MenuForma, а на сайті є лише кнопка, яка його відкриває. Ви змінюєте ціну на вареники в MenuForma, і сайт показує нову ціну, бо і кнопка, і QR-коди на столах ведуть на ту саму сторінку.
Далі по черзі: яке посилання брати для сайту і яких посилань там бути не повинно, як поставити кнопку у WordPress, Wix чи іншому конструкторі, що робити зі старим PDF, коли є сенс вбудовувати меню через iframe і що бачать пошукові системи. Усе описане доступне на тарифі Безкоштовно назавжди, а там, де потрібен тариф Звичайний, про це сказано окремо.
Одна адреса меню замість двох копій
Меню, яке набрали текстом на сторінці сайту або виклали картинкою чи PDF, живе окремим життям. Кожну нову страву, сезонну пропозицію чи зміну ціни доводиться вносити двічі, і про сайт зазвичай забувають. Так з'являються розбіжності: удома гість бачив одну ціну, а в залі іншу.
У MenuForma меню має одну публічну адресу, наприклад menuforma.com/m/kaviarnia-pid-levom. Цю адресу відкривають QR-коди на столах, і на неї ж веде кнопка на сайті. Страви, ціни й фото ви редагуєте в розділі Менеджер меню, і кожне місце з цим посиланням показує оновлене меню. Заходити заради цього на сам сайт чи писати розробникові не треба.
Посилання для сайту і посилання, які мають лишатися в залі
Потрібне посилання шукайте на сторінці QR-коди, на вкладці Тільки для відображення. Під кодом стоїть підпис Тільки для перегляду, саме посилання і кнопка копіювання. Посилання має такий вигляд: menuforma.com/m/kaviarnia-pid-levom?mode=display.
Тільки для перегляду означає, що відвідувач бачить усе меню — страви, описи, ціни, фото, позначки алергенів, — але не може нічого обрати чи замовити. Жодне замовлення з цього посилання не створюється. Людині, яка ввечері гортає сайти й вирішує, де повечеряти в суботу, цього цілком достатньо.
А от посилання для замовлення з вкладок Для столу і Уніфікований на сайт не переносьте. Вони призначені для гостей, які вже сидять у закладі: замовлення з такого посилання надходить у список замовлень і на кухонний екран як замовлення в залі, з номером столу або номером замовлення. Якщо таке посилання опиниться на сайті, кухня може отримати від людини, яка сидить удома, замовлення для порожнього столу.
Інша справа — вкладка Доставка на тарифі Звичайний. Її посилання, menuforma.com/delivery/kaviarnia-pid-levom, якраз для кнопки «Замовити доставку» чи «Самовивіз». Гість обирає доставку додому або самовивіз, для доставки вказує адресу й оплачує онлайн чи готівкою, залежно від способів, які ви ввімкнули в розділі Управління доставкою; там само задаються зони й вартість доставки. Онлайн-оплата працює через Stripe: MenuForma не бере комісії з платежів через Stripe, але комісія Stripe за обробку платежів залишається.
- «Меню» на сайті — посилання тільки для перегляду, на обох тарифах.
- «Доставка» чи «Самовивіз» — посилання з вкладки Доставка, на тарифі Звичайний.
- Коди на столах, барній стійці й біля каси — лише для залу.
Як додати меню на сайт у будь-якому конструкторі
Програміст не потрібен, і встановлювати на сайт нічого не доведеться. У WordPress, Wix, Webflow, Squarespace та інших поширених конструкторах є кнопка або текстове посилання з полем для адреси. Вставте туди скопійоване посилання й дайте кнопці простий підпис: «Меню», «Переглянути меню», «Їжа та напої». Розмите «Дізнатися більше» спрацює гірше. Чи відкривати меню в новій вкладці, вирішуйте самі: у більшості конструкторів це окремий перемикач, і обидва варіанти робочі.
Якщо сайт вам робила агенція або знайомий фрилансер, достатньо надіслати їм посилання в Telegram і написати, де має бути кнопка.
Де кнопку шукатимуть насамперед:
- у верхній навігації, окремим пунктом «Меню» на кожній сторінці;
- на першому екрані головної поруч з адресою й телефоном, причому на смартфоні кнопку має бути видно без прокручування;
- на сторінці «Контакти» або «Години роботи», де людина вирішує, чи встигне до вас сьогодні;
- у футері сайту, поруч із соцмережами.
Що робити зі старим PDF-меню
PDF на телефоні — це дрібний текст, який доводиться збільшувати пальцями, а часом ще й окреме завантаження файлу. До того ж кожна зміна ціни означає новий експорт із макета й нове завантаження на сайт. Достатньо один раз пропустити оновлення, і в мережі висить меню з торішніми цінами.
Викидати цей файл не поспішайте: з нього зручно зібрати меню в MenuForma. У розділі Менеджер меню є AI Імпорт, який читає фото, PDF, файли Excel і Word та розкладає вміст на категорії, страви й ціни, а ви все перевіряєте. Нові акаунти отримують 30 вітальних кредитів, дійсних 30 днів; кожен імпорт використовує 5 кредитів. Набрати меню вручну можна без жодних кредитів.
Коли меню готове, замініть на сайті посилання на PDF посиланням тільки для перегляду. Сам файл із сайту краще прибрати, щоб на нього ніхто не натрапляв за старим посиланням.
Меню всередині сторінки: iframe і його мінуси
Хто хоче показати меню просто на сторінці сайту, може вбудувати його у фрейм (iframe): MenuForma дозволяє завантажувати свої сторінки меню на інших сайтах. Якщо у вас тариф Звичайний і гість платить онлайн із вбудованого меню, сторінка оплати Stripe відкривається на все вікно браузера, бо у фреймі вона не працює.
Окремого коду для вбудовування MenuForma не видає. У конструкторі для цього є власний елемент, зазвичай «Embed», «HTML» або «iframe», у ньому й зазначте посилання тільки для перегляду.
Перш ніж вбудовувати, врахуйте кілька речей. Висота фрейма фіксована, тому на телефоні гість прокручує меню в окремому віконці посеред сторінки. Меню зверстане під ширину смартфона, і на комп'ютері це вузька смуга. Пошукові системи вважають страви у фреймі частиною сторінки MenuForma, а не вашої. А в деяких конструкторах розмір вбудованого блоку важко підібрати.
Тому спершу кнопка. Якщо ж вбудовуєте, використовуйте посилання тільки для перегляду, зробіть фрейм достатньо високим і поставте поруч звичайне посилання «Відкрити меню».
Що бачать пошукові системи і прев'ю в месенджерах
Сторінку меню MenuForma формує сервер, тому назви страв, описи й ціни є в її HTML, як на будь-якій звичайній вебсторінці. Пошуковим системам дозволено її індексувати. Канонічна адреса сторінки збігається з посиланням тільки для перегляду (з ?mode=display), тобто з тим, що стоїть на вашому сайті.
Крім того, сторінка містить структуровані дані у форматі schema.org: заклад із назвою, телефоном, адресою й кухнею, якщо ви їх заповнили, а також меню з розділами, стравами, цінами й позначками, що вже закінчилося.
Щоб меню посилалося на сайт, відкрийте Менеджер меню, вкладку Інформація, і в картці Загальна інформація заповніть поле Веб-сайт. Те саме поле є й у розділі Налаштування. Тоді в меню з'явиться посилання на ваш сайт, а структуровані дані назвуть його власним сайтом закладу. Виходить, сайт і меню посилаються одне на одного.
Варто чесно сказати й інше: посилання на меню не замінює тексту на вашому сайті. Розкажіть там, що ви готуєте, назвіть кілька фірмових страв, вкажіть години роботи й адресу. Страви на сторінці MenuForma зараховуються тій сторінці, а не вашій, і жодних позицій у пошуку саме посилання не гарантує.
Коли посиланням на меню діляться у Viber, Telegram чи WhatsApp, прев'ю показує назву закладу зі словом «меню», короткий опис і зображення: обкладинку, а без неї логотип чи фото страви. На тарифі Звичайний власні заголовок, підзаголовок і зображення для прев'ю можна задати в розділі Менеджер меню, у картці, яка в українському інтерфейсі поки має англійську назву Share Preview.
Без змін у DNS, хостингу та піддоменах
Меню залишається на адресі MenuForma. У DNS, на хостингу й у сертифікатах вашого сайту нічого міняти не потрібно, а піддомен на кшталт menu.vashsait.ua створювати не доведеться.
Подбати варто лише про останню частину адреси меню. Вона задається в розділі Налаштування, у полі URL меню, і це публічна адреса вашого меню. Оберіть її до того, як ставити посилання на сайт і друкувати QR-коди: якщо змінити адресу згодом, доведеться оновити і посилання, і коди. Редагування страв, цін, фото чи алергенів на адресу не впливає.
Те саме посилання для профілів і розсилок
Посилання тільки для перегляду підходить не лише для сайту. Додайте його в профіль компанії в Google, у шапку Instagram, в опис Telegram-каналу, у розсилку постійним гостям чи у відповіді у Viber. На вкладці Тільки для відображення є також кнопки, щоб поділитися ним в X та WhatsApp. Усі ці місця відкривають те саме меню, що й QR-коди (у кодів у залі свої посилання), тож оновлюєте ви його в одному місці — у розділі Менеджер меню.
Закінчився борщ — натисніть Позначити як розпродано: страва лишиться в меню з позначкою, але замовити її не вийде. На тарифі Звичайний є Меню за розкладом: вони показують сніданки зранку, обіди вдень і вечірнє меню ввечері, і все за тим самим посиланням.
Якщо сайт має кілька мовних версій, на тарифі Звичайний меню теж може бути багатомовним, з автоматичним перекладом. Додайте до посилання код мови для кожної версії сайту: &lang=en для англійської сторінки, &lang=pl для польської, якщо до вас часто приїздять гості з Польщі. Мову гість може перемкнути й у самому меню. На тарифі Безкоштовно назавжди меню має одну мову.
Перевірте кнопку, перш ніж розповідати гостям
- Натисніть кнопку на телефоні й на комп'ютері: має відкритися меню тільки для перегляду, без кнопок додавання й кошика.
- Перевірте ціни, фото й мову меню; якщо додали
&lang=, перегляньте кожну мовну версію. - Знайдіть у меню посилання на свій сайт.
- Надішліть посилання собі в Telegram, у «Збережене», і подивіться, який вигляд має прев'ю.
- Попросіть когось, хто ще не бачив вашого сайту, знайти меню з головної сторінки.
Безкоштовно назавжди чи Звичайний для меню на сайті
Для меню на сайті вистачає безкоштовного тарифу. Звичайний знадобиться, якщо ви хочете приймати замовлення на доставку й самовивіз, вести меню кількома мовами й налаштовувати вигляд меню та прев'ю.
| Безкоштовно назавжди | Звичайний | |
|---|---|---|
| Вартість | 0 $ на місяць, безстроково | Платний тариф за бажанням |
| Посилання для сайту (тільки перегляд) | Є | Є |
| Вбудовування в сторінку (iframe) | Можливе | Можливе |
| Структуровані дані меню (schema.org) | Є | Є |
| Посилання на ваш сайт у меню | Є | Є |
| Мови меню | 1 | Кілька, з автоматичним перекладом |
| Замовлення на доставку й самовивіз із сайту | Немає | Є |
| Онлайн-оплата через Stripe | Немає | Є |
| Власні заголовок, підзаголовок і зображення прев'ю | Немає | Є |
| Меню за розкладом | Немає | Є |
| Підпис MenuForma в меню | Показується | Можна прибрати |
| Плата MenuForma за замовлення | Немає | Немає |
Питання, які ставлять власники закладів
Чи можна вбудувати меню MenuForma просто в сторінку сайту?
Так, через елемент вбудовування чи HTML у конструкторі сайту. На телефоні кнопка зазвичай зручніша, тому поруч із фреймом поставте й звичайне посилання на меню.
Чи оновлюватиметься меню на сайті, коли я змінюю ціни?
Так. Сайт відкриває саме меню, тому зміни в розділі Менеджер меню видно й там. Посилання при редагуванні страв, цін і фото не змінюється.
Чи можуть гості замовляти їжу з мого сайту?
На тарифі Безкоштовно назавжди меню з сайту можна лише переглядати, а замовляють гості в залі, через QR-коди. На тарифі Звичайний посилання з вкладки Доставка дає змогу замовити доставку чи самовивіз і оплатити онлайн через Stripe або готівкою. MenuForma не бере комісії з платежів через Stripe, але комісія Stripe за обробку платежів залишається.
Як додати меню на сайт, якщо сайтом займається агенція?
Скопіюйте посилання на вкладці Тільки для відображення й надішліть агенції разом із побажанням, де має стояти кнопка. Код, паролі й доступ до хостингу передавати не потрібно.
Чи допоможе посилання на меню сайту в пошуку?
Позицій не може пообіцяти ніхто. Сторінка меню відкрита для пошукових систем і містить структуровані дані, а поле Веб-сайт пов'язує її з вашим сайтом. Але сайту однаково потрібен власний текст про заклад.
Це справді безкоштовно?
Так. Тариф Безкоштовно назавжди коштує 0 $ на місяць, діє безстроково, а картка для реєстрації не потрібна. До нього входять посилання для сайту, усі безкоштовні типи QR-кодів і замовлення в закладі.
Щоб додати меню на сайт, досить одного посилання й однієї кнопки, а оновлювати далі доведеться тільки меню в MenuForma. Створіть безкоштовний акаунт MenuForma, перенесіть меню через AI Імпорт або заповніть його вручну, скопіюйте посилання тільки для перегляду й вставте в кнопку на сайті.
Якщо кодів для столів ще немає, допоможе покрокова інструкція з безкоштовного QR-меню, а на сторінці безкоштовного генератора QR-меню зібрано, що входить у безкоштовний тариф.
Пов’язані статті
- Як відсканувати QR-код меню на iPhone та Android
- Як зробити QR-меню безкоштовно: покрокова інструкція для закладу
- 6 програм цифрових QR-меню для закладів України: порівняння функцій і цін