Сайт кафе: меню, которое читают с телефона, бронь стола и QR на столе

Что нужно сайту кафе, кроме красивых фото?

Сайту кафе нужны пять вещей: меню с ценами, часы работы, адрес с ориентиром, способ занять стол и телефон. Фотографии зала и рассказ о хозяевах идут после них. Голодный человек сначала проверяет, открыто ли и сколько стоит, и только потом смотрит, как красиво.

Дальше — пример. Возьмём выдуманное кафе в Великом Новгороде: десять столов, завтраки до полудня и пироги, которые пекут с утра. Название, улица, часы и цены в статье придуманы.

Гость находит такое кафе на карте, открывает сайт одной рукой и ищет одно из четырёх: меню, время, дорогу или кнопку звонка. Сайт собирают под эти четыре поиска.

Сайт на rillo не принимает оплату и не знает, какие столы заняты. Если нужна оплата заказа с телефона за столом или схема зала с живой рассадкой, берите другой инструмент.

Как записать меню, чтобы его читали с телефона?

Меню для телефона набирают текстом, а не фотографией бумажных страниц: разделы в порядке заказа, в каждой строке название, из чего блюдо, вес и цена. Фото страницы гость растягивает пальцами и всё равно не находит цену. Текст читается сразу.

Разделы кафе из примера: «Завтраки до 12:00», «Пироги», «Кофе и чай». Время завтрака стоит в названии раздела, а не в каждой строке. Внутри раздела блюда идут от тех, что берут чаще всего.

Слабая строка заставляет звонить и спрашивать. «От шефа» ничего не говорит о тарелке, а «от 120 ₽» не говорит, за какой именно пирог. Как писать «от», чтобы цене верили, разобрано в статье о ценах на сайте услуг.

Фото к строкам нужны не всем. Снимите блюда, которые берут чаще всего, при дневном свете и в той тарелке, в которой их подают. Остальные строки обойдутся текстом.

Если начинка пирогов меняется каждый день, не вписывайте её в карточки. Поставьте над разделом одну строку «Сегодня: с яблоком и с капустой» и меняйте её утром. Забытая строка хуже, чем её отсутствие: гость придёт за пирогом, которого нет.

В шаблоне «Мокко» меню собирается из карточек: у карточки есть название, описание, короткое слово над ценой и сама цена. Отдельного поля для веса нет, так что вес пишут в названии или в описании, но у всех блюд в одном и том же месте.

Карточки стоят вторым блоком, сразу под шапкой, и в образце блок называется «Занятия»: под названием «Гончарный круг» стоит описание «Первое знакомство: сделаете чашку или пиалу.», а над ценой слово «от». Переименуйте блок в «Меню», а «от» уберите: у сырников цена одна. Карточек в блоке до шести, поэтому ставьте туда завтраки и то, что берут чаще всего, а не всю барную карту.

Что написать про часы и как найти кафе?

Часы и адрес кафе пишут текстом на первом экране и повторяют внизу сайта: гость ищет их сразу. Если кухня закрывается раньше зала, напишите оба времени. Адрес дополните ориентиром, по которому находят дверь, а не только номером дома.

В примере это выглядит так: «Каждый день 8:00–18:00, завтраки до 12:00, кухня до 17:30. Школьная улица, 8, вход со двора, дверь с синей вывеской». Рядом кнопка «Позвонить».

В «Мокко» часы стоят в блоке «Расписание»: неделя, где у каждого дня своя строка, например «18–21», а у выходного прочерк. Под неделей строка пояснения и кнопка. Адрес вынесен в отдельный блок «Как найти». Всё это образцы: впишите свои часы по дням, а в пояснение — «Кухня до 17:30».

Встроенной карты в шаблоне нет: «Как найти» — карточка с нарисованной схемой, адресом и кнопкой «Маршрут». Вставьте в кнопку ссылку на ваше место в Яндекс Картах или 2ГИС: ей подходит любой веб-адрес. Как вставить карту прямо на страницу, написано в статье про Яндекс Карту на сайте, но в шаблон «Мокко» её не добавить.

Праздничный и летний режим меняйте на сайте в тот же день, когда вешаете объявление на дверь. Гость, который дошёл до закрытой двери, потому что сайт обещал «открыто», второй раз не придёт.

Как гостю забронировать стол, если сайт не держит столы?

Стол в кафе бронируют звонком или сообщением: rillo не ведёт календарь столов и не знает, какие заняты. Сайт показывает телефон и мессенджер, а подтверждает бронь человек, который отвечает. Поэтому рядом с кнопкой напишите, как быстро вы отвечаете и сколько держите стол.

На сайте работают кнопки «Позвонить», ссылки на WhatsApp или Telegram и онлайн-запись через YCLIENTS. Если телефон снимает администратор, ставьте его первой кнопкой. Если в зале двое и руки заняты, первым поставьте Telegram.

В «Мокко» бронь — это кнопка. На первом экране и под неделей в «Расписании» стоит «Записаться», она открывает Telegram, а пояснение рядом говорит гостю, что делать: «Напишите день и сколько вас будет, пришлём подтверждение и памятку.» Для кафе назовите кнопку «Забронировать стол» и поставьте в неё свой номер или чат.

Формы в шаблоне нет: кнопки ведут в мессенджер, на звонок или на почту, и гость пишет вам сам. Сколько гостей и к которому часу, уточните в ответе, а стол подтверждайте звонком или сообщением.

В rillo есть и раздел «Запись онлайн»: посетитель выбирает услугу, день и время, и сайт открывает ваш мессенджер с готовым сообщением, а занятость времени он не знает. В шаблон «Мокко» он не встаёт, поэтому время брони гость пишет в сообщении.

Как сделать QR-код на столе, который ведёт на меню?

QR-код на столе открывает страницу меню на телефоне гостя: адрес записан в картинке, набирать его не нужно. Страницу делает сайт, а картинку вы получаете в любом генераторе кодов. Кнопки «QR-код» в rillo нет.

«Мокко» — одна страница, и меню стоит на ней вторым блоком, поэтому код ведёт на адрес самого сайта, вида имя.rillo.site/. Его вы и кодируете. Какой код выбрать, чтобы напечатанный тираж не зависел от чужого сервиса, и как пометить его для Яндекс Метрики, подробно разобрано в статье про QR-код на сайт.

1. Опубликуйте сайт и откройте страницу меню на телефоне.
2. Скопируйте её адрес целиком, с косой чертой на конце.
3. Вставьте адрес в генератор, который отдаёт файл без регистрации и без водяного знака.
4. Отсканируйте код с двух телефонов, прежде чем печатать.
5. Подпишите под кодом, что за ним: «Меню — наведите камеру».

Поменялась цена или кончились пироги: поправьте строку и опубликуйте сайт заново. Код на столе остаётся тем же, потому что адрес страницы не изменился. Менять придётся страницу, а не бумагу.

Печатайте код на подставке или наклейке, которую можно заменить за минуту, и ставьте его там, где у стола лежит рука гостя. Если на столе уже стоит меню в папке, код кладите рядом, а не вместо папки: кто-то всё равно захочет полистать бумагу.

Адрес страницы после печати не переименовывайте. Если всё же переименовали, добавьте в «Настройки сайта» → «Переадресации» правило со старого пути на новый, иначе гость уйдёт на пустую страницу.

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

Что взять из шаблона «Мокко» и что переписать?

«Мокко» — шаблон из каталога rillo: одна страница для ссылки в профиле, на телефоне в одну колонку, на компьютере в две-три. Кафе с завтраками он подходит устройством: под шапкой карточки с ценами, дальше адрес с кнопкой «Маршрут», неделя с часами и галерея, и гость не листает длинную ленту. Тексты и фото замените: мастерская керамики «Глина и чай» в нём придуманная.

Кафе хватает бесплатного тарифа: 1 сайт до 5 страниц на адресе имя.rillo.site, без срока и без карты. Шаблон занимает в этом лимите одну страницу. Внизу сайта будет значок «Этот сайт сделан в rillo», а свой домен подключается на Pro. Про сайт ресторана и кафе вообще — на странице rillo для ресторана.

В шаблоне стоят примерные фото керамики и портрет хозяйки мастерской. Замените их своими: гость должен узнать вашу тарелку и вашу дверь, а не чужие.

Откройте «Мокко» в каталоге шаблонов и пройдите перед запуском пять шагов.

1. Откройте сайт на телефоне и найдите меню, часы и кнопку звонка без подсказки.
2. Сверьте каждую цену с тем, что висит в зале.
3. Позвоните по номеру с сайта и проверьте, что на звонок отвечают в часы, которые написаны.
4. Отсканируйте код со стола и убедитесь, что он открывает страницу меню.
5. Решите, кто правит цены на сайте, когда они меняются в зале.