+7 995 789-54-84da@raish.ru
Заявка

Связаться с нами

Получить бесплатный аудит
Обложка статьи: Сайт для кофейни: меню, адреса и предзаказ на одной странице
Сайты и дизайн

Сайт для кофейни: меню, адреса и предзаказ на одной странице

Сайт для кофейни нужен не всегда: одной точке у дома часто хватает карточки в Яндекс Картах с меню, фото и часами работы. Сайт становится нужен, когда есть предзаказ навынос, несколько точек, корпоративные заказы кофе и выпечки или своя программа лояльности. Тогда хватает одной страницы: меню с ценами, адреса с часами и кнопкой маршрута, предзаказ, лояльность и контакты. Ниже — как понять, нужен ли сайт именно вам, что поставить на первый экран, как связать сайт с Картами и чем сайт сети отличается от сайта одной точки.

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

Коротко

  • Одной кофейне у дома сначала нужна заполненная карточка в Яндекс Картах. Сайт имеет смысл, когда появляется предзаказ, сеть, корпоративные заказы или своя лояльность.
  • Меню на сайте — текстом и с ценами. PDF и фото листа не подходят. На телефоне PDF не читают, а поиск его почти не видит.
  • Предзаказ навынос — главная функция сайта кофейни. Гость заказывает по дороге и забирает без очереди.
  • Сайт сети строится вокруг выбора точки, сайт одной точки — вокруг меню и атмосферы.
  • Почти весь трафик — с телефона. Страница должна открываться за пару секунд по мобильному интернету.

Нужен ли кофейне сайт, если есть Яндекс Карты и соцсети

Честный ответ: на старте одной точке он не обязателен. Человек ищет «кофейня рядом» в Картах, видит рейтинг, фото, часы и идёт. Карточка в Картах для кофейни важнее сайта, и начинать стоит с неё: фото, часы, меню с ценами, ответы на отзывы. В Яндекс Бизнесе для заведений общепита раздел товаров называется «Меню», позиции можно добавить вручную или загрузить прайс-листом — так написано в справке Яндекс Бизнеса. Как работать с карточкой, мы разобрали в статье продвижение в Яндекс Картах.

Сайт нужен, если появляется хотя бы одна из задач:

Задача Почему Карт и соцсетей мало Что даёт сайт
Предзаказ навынос В карточке нет полноценной корзины с оплатой Заказ и оплата без очереди и без комиссии агрегатора
Несколько точек Каждая точка — отдельная карточка Одна страница с выбором точки и общим меню
Корпоративные заказы Офису нужен прайс, счёт и договор Отдельный блок для B2B с формой
Своя лояльность Регистрация в программе требует страницы Форма регистрации и правила программы
Реклама в Директе Вести рекламу на карточку можно, но с ограничениями Страница под конкретное предложение
Кофе в зёрнах, мерч Продажа на вынос и доставкой Небольшой магазин

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

Структура сайта кофейни на одной странице

Для кофейни почти всегда хватает одной страницы. Порядок блоков:

  1. Первый экран. Название, одна фраза о том, чем вы отличаетесь (обжарка своя, завтраки весь день, кофе с собой за 3 минуты), фото напитка или зала и две кнопки: «Заказать навынос» и «Как добраться».
  2. Меню с ценами. Разделы: кофе, не кофе, завтраки, выпечка, сезонное. Текстом, с ценами и объёмами.
  3. Адреса и часы. Для каждой точки — адрес, часы работы, кнопка маршрута в Картах, ориентир («вход со двора, зелёная дверь»).
  4. Предзаказ. Выбор точки, позиций, времени, оплата онлайн.
  5. Программа лояльности. Как работает, как вступить, что получает гость.
  6. Атмосфера. 4–6 фото зала, бариста, процесса.
  7. Корпоративным клиентам. Кофе-брейки, кофе в офис, сертификаты.
  8. Контакты и подвал. Телефон, мессенджеры, соцсети, реквизиты, политика конфиденциальности.

Многое из этого пересекается с сайтом ресторана — бронь, банкеты, карта проезда. Но у кофейни другой ритм: гость заходит на 5 минут по пути куда-то. Чем отличается сайт ресторана, мы разобрали в статье сайт для ресторана.

Меню на сайте кофейни: как сделать, чтобы его читали

Меню — самый посещаемый блок. Типичные ошибки, которые мы видим на сайтах кофеен:

  • Меню в PDF или фотографией листа. На телефоне это зум, листание и раздражение. Поиск Яндекса такой файл индексирует плохо.
  • Без цен. Гость хочет знать, сколько стоит раф до того, как пришёл. Нет цены — уходит туда, где она есть.
  • Устаревшее меню. Сезонный тыквенный латте в мае — сигнал, что сайт заброшен.
  • Длинные описания. Для кофе хватает названия, объёма и цены. Описание нужно только авторским напиткам.

Как оформить:

Позиция Объём Цена
Капучино 250 / 350 мл 220 / 270 ₽
Раф лавандовый 350 мл 320 ₽
Сырники со сметаной 3 шт. 290 ₽

Цены в таблице условные, для примера оформления. Главное — чтобы меню было текстом, с ценами, и чтобы его было легко обновлять самим без программиста. На конструкторе вроде Тильды это решается обычным текстовым блоком или каталогом товаров.

Меню на сайте и в карточке Карт должно совпадать. Если на сайте капучино за 220 ₽, а в Картах за 190 ₽, гость придёт с претензией.

Предзаказ навынос: главная функция сайта кофейни

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

Что нужно для предзаказа:

  1. Каталог с модификаторами. Объём, молоко, сироп. Без модификаторов предзаказ кофе не работает: каждый второй гость пьёт на альтернативном молоке.
  2. Выбор точки, если их несколько.
  3. Выбор времени: «как можно скорее» или к определённому времени.
  4. Онлайн-оплата. Без оплаты часть предзаказов не забирают, и напиток остывает зря. При приёме оплаты онлайн нужен онлайн-чек по закону № 54-ФЗ, поэтому платёжный сервис подключают с учётом вашей кассы.
  5. Уведомление бариста. Заказ должен попадать туда, где его увидят сразу: планшет на стойке, Telegram, касса. Заказ на почту, которую проверяют вечером, — потерянный гость.

Варианты реализации:

  • Корзина конструктора — на Тильде есть каталог, корзина и платёжные системы. Как настроить оплату, мы разобрали в статье оплата на Тильде.
  • Сервисы предзаказа для общепита — часто интегрированы с кассой и программой лояльности.
  • Агрегаторы доставки — быстро, но с комиссией. Для предзаказа навынос свой сайт обходится дешевле.

Если вы прикидываете, как всё это уместить на одной странице и что поставить наверх, проще посмотреть на готовом первом экране.

Связка с Яндекс Картами и программой лояльности

Карты

Сайт и карточка в Картах работают вместе:

  • в карточке — ссылка на сайт, на сайте — кнопка маршрута в Карты для каждой точки;
  • название, адрес, часы и телефон совпадают везде до символа;
  • меню в карточке и на сайте одинаковое.

Если к профилю компании подключён партнёрский сервис онлайн-записи или бронирования, в карточке может появиться кнопка действия — по справке Яндекс Бизнеса, в списке партнёров есть и Яндекс Еда.

Лояльность

Программа лояльности в кофейне — это обычно «шестой кофе в подарок» или кешбэк баллами. Сайт нужен для трёх вещей:

  • объяснить правила одной строкой: «Каждый 6-й напиток бесплатно»;
  • дать вступить: форма или ссылка на приложение, карту в Wallet, бот;
  • собрать согласие на рассылки, если они будут.

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

Сайт сети кофеен против сайта одной точки

Одна точка Сеть из 3+ точек
Главное на первом экране Атмосфера и меню Выбор ближайшей точки
Адреса Один блок с картой Список или карта точек с фильтром
Меню Одно Общее, с пометками «есть только на…»
Предзаказ Простой С выбором точки обязательно
Страницы Одна Одна общая плюс страница на точку
Франшиза, вакансии Нет Часто отдельные разделы

Для сети имеет смысл сделать отдельную страницу на каждую точку: адрес, часы, фото именно этого зала, как пройти. Человек ищет «кофейня на Баумана» — и попадает на страницу точки на Баумана. Для одной точки это лишнее.

Какие запросы приводят гостей и как их учесть на сайте

Поисковые запросы кофейни почти все локальные: «кофейня рядом», «кофе с собой на Баумана», «завтраки до 12 Казань», «кофейня с розетками», «кофейня с альтернативным молоком». Большую часть таких запросов закрывают Карты, но сайт помогает в двух случаях.

Когда запрос про особенность. «Кофейня с завтраками весь день», «кофе на альтернативном молоке», «кофейня, где можно с собакой». Если эта особенность написана текстом на сайте и в карточке, у вас больше шансов попасть в ответ. Пишите такие вещи прямо: «Завтраки с 8 до 16», «Овсяное, кокосовое, миндальное молоко без доплаты», «С собаками можно».

Когда запрос про точку сети. Человек ищет конкретный район или улицу. Страница точки с адресом, ориентирами и фото помогает и поиску, и самому гостю.

Не нужно писать для кофейни SEO-тексты на тысячу слов. Короткие факты, которые гость реально ищет, работают лучше.

Условный пример: что даёт предзаказ на сайте

Условная кофейня у бизнес-центра в Казани. Утренний пик — с 8:00 до 10:00, в это время за кофе приходят около 120 человек. Средний чек — 280 ₽. В очереди до 7–8 минут, часть людей разворачивается.

Допустим, после запуска предзаказа на сайте 20% утренних гостей начинают заказывать заранее — 24 заказа. Бариста готовит их между живыми заказами, очередь короче. Если короткая очередь удерживает хотя бы 10 человек, которые раньше уходили, это 2 800 ₽ в день или около 60 000 ₽ в месяц за 22 рабочих дня.

Расходы: страница с предзаказом на конструкторе, подписка, эквайринг. Это окупается в первый месяц.

Цифры условные: в вашей точке поток и доля предзаказов будут другими. Логика — в том, что предзаказ продаёт не новых гостей, а тех, кого вы теряли в очереди.

Как проверить сайт кофейни по шагам

  1. Откройте сайт с телефона на мобильном интернете. Страница должна загрузиться за 2–3 секунды. Как ускорить, разбирали в статье мобильная версия сайта.
  2. Найдите меню за один скролл от первого экрана.
  3. Проверьте, что цены совпадают с меню в кофейне и в Картах.
  4. Нажмите «Как добраться» — должен открыться маршрут в Картах.
  5. Сделайте тестовый предзаказ и оплатите его. Засеките, через сколько минут заказ увидел бариста.
  6. Проверьте часы работы каждой точки и праздничные дни.
  7. Проверьте, что у форм есть согласие на обработку персональных данных, а в подвале — политика конфиденциальности.

Как мы делаем сайты для кофеен и общепита

Для кофейни мы обычно делаем одну страницу на конструкторе: меню, точки, предзаказ, лояльность. Так владелец может сам менять цены и сезонные позиции. Опыт в общепите у нас есть: для ледового кафе мы делали сайт с конверсией 7%. В пакете «сайт + настройка Директа + 30 дней ведения» от 60 000 ₽ можно сразу запустить рекламу на район вокруг точки.

Если вы открываете кофейню или хотите добавить предзаказ к работающей, оставьте контакты. Посмотрим, нужен ли вам сайт или хватит карточки в Картах.

Частые вопросы

Сколько стоит сайт для кофейни?

Одностраничный сайт с меню и адресами на конструкторе по рынку стоит 30 000–100 000 ₽. С предзаказом, оплатой и программой лояльности — дороже, в зависимости от интеграции с кассой. Плюс подписка конструктора и комиссия эквайринга.

Можно ли сделать предзаказ кофе без своего приложения?

Да. Предзаказ работает на обычном сайте с корзиной и онлайн-оплатой. Своё приложение имеет смысл для крупной сети с постоянной аудиторией, а для одной-трёх точек хватает сайта.

Нужно ли выкладывать меню с ценами?

Да. Гость хочет знать цену до прихода. Меню должно быть текстом и совпадать с меню в кофейне и в Яндекс Картах.

Что важнее для кофейни: сайт или Яндекс Карты?

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

Нужна ли онлайн-касса для предзаказа с оплатой на сайте?

При приёме оплаты онлайн покупателю нужно выдать кассовый чек по закону № 54-ФЗ. Обычно это решается подключением платёжного сервиса, который работает с вашей онлайн-кассой или облачной кассой.

Радик Ишкиняев

Радик Ишкиняев

Руководитель студии Спичка

10+ лет делаю сайты и запускаю рекламу, вместе с командой запустили больше 500 проектов. Пишу о том, что проверили на практике.

Задать вопрос в Telegram →

Сайт и реклама с AI для целевых заявок

Разработаем сайт с AI и запустим Яндекс Директ от 60 000 ₽.
В стоимость входят 30 дней ведения рекламы.

🎁 Получить аудит
и план запуска бесплатно

Подготовим в течение рабочего дня
без навязчивых звонков

Получить аудит и план запуска

Оставьте контакты — мы уточним задачу и подготовим для вас следующий шаг

АудитСтруктура сайтаДизайн первого экрана
Как с вами связаться?
Нарисовать первый экран