Сайт для кафе, ресторана и доставки еды

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

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

Хороший сайт для ресторана с доставкой должен быть не хуже приложения агрегатора по удобству. Иначе гость откроет его, споткнётся о неудобную корзину и вернётся туда, где привык. Разберу, из чего такой сайт состоит.

Две задачи одного сайта: зал и доставка

У ресторана с доставкой сайт решает сразу две задачи:

• Привести гостей в зал. Атмосфера, кухня, бронирование стола, банкеты, события.
• Принять заказ на доставку или самовывоз. Меню, корзина, оплата, отслеживание.

Эти сценарии стоит разделить с первого экрана: две крупные кнопки «Заказать доставку» и «Забронировать стол». Человек, который хочет поужинать дома, не должен листать фотографии интерьера, а тот, кто выбирает место для свидания, — продираться через корзину.

Если ресторан работает только на доставку (дарк-китчен, пиццерия, суши-бар без зала), сайт целиком строится вокруг меню и заказа. Тогда первый экран — это уже меню с категориями.

Меню: витрина, которая продаёт

Меню — самая важная часть сайта доставки. Здесь гость проводит больше всего времени, и здесь решается, сделает ли он заказ и на какую сумму.

Что должно быть в карточке блюда

• Качественное фото. Своё, снятое профессионально, а не стоковое. Блюдо на фото должно совпадать с тем, что привезут.
• Название и короткое описание. Из чего блюдо, чем отличается, без кулинарной поэзии на три абзаца.
• Вес или объём, цена. Гость сравнивает порции.
• Состав и аллергены. Орехи, глютен, лактоза — для многих это критично.
• КБЖУ — по желанию, но всё больше гостей обращают на это внимание.
• Модификаторы. Размер пиццы, острота, дополнительные ингредиенты, соус на выбор.
• Метки: острое, вегетарианское, новинка, хит.

Навигация по меню

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

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

Гость должен собрать заказ так же быстро, как в приложении агрегатора. Если на вашем сайте это дольше, никакая скидка за прямой заказ не поможет.

Корзина и оформление заказа

Корзина — место, где теряется больше всего заказов. Человек собрал еду, перешёл к оформлению, увидел форму на пятнадцать полей и обязательную регистрацию — и ушёл.

Как сделать оформление коротким

1. Корзина всегда на виду. Плавающая кнопка с суммой и количеством позиций.
2. Допродажи в корзине. Напитки, соусы, десерт — одной строкой, без навязчивости. Это заметно увеличивает средний чек.
3. Доставка или самовывоз — переключателем.
4. Адрес с подсказками. Автодополнение по базе адресов, сразу проверка зоны и стоимости доставки.
5. Время: «как можно скорее» или к определённому часу.
6. Телефон и имя. Без регистрации, подтверждение по коду — по желанию.
7. Оплата: онлайн картой или СБП, наличными или картой курьеру.
8. Комментарий для курьера и кухни.

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

Зоны доставки и минимальный заказ

Зоны доставки — частый источник путаницы. Гость оформил заказ, а ему звонят и говорят, что в его район доставки нет или она стоит дороже.

Правильно сделать так:

• зоны нарисованы на карте прямо на сайте — гость видит, куда возите;
• для каждой зоны — минимальная сумма заказа, стоимость доставки и примерное время;
• при вводе адреса сайт сам определяет зону и пересчитывает итог;
• порог бесплатной доставки показан в корзине: «Добавьте ещё на N рублей — доставим бесплатно».

Если доставка вечером закрывается раньше зала, сайт должен честно сообщать об этом и предлагать заказ на завтра или самовывоз, а не принимать заказ, который никто не выполнит.

Интеграция с кассой и кухней

Заказ с сайта должен попадать прямо в систему ресторана, а не в почту администратору. Большинство заведений работают в iiko, r_keeper, Frontpad, Saby Presto или подобных системах. Сайт связывается с ними по API:

• Меню и цены подтягиваются из учётной системы — не нужно править их в двух местах.
• Стоп-лист обновляется автоматически: если закончился лосось, роллы с ним исчезают с сайта.
• Заказ уходит сразу на кухню и в службу доставки.
• Статус заказа передаётся гостю: принят, готовится, в пути, доставлен.
• Бонусы из программы лояльности начисляются и списываются на сайте.

Это ключевая часть проекта, и именно здесь чаще всего возникают сложности: у каждой системы свои особенности API, модификаторов и стоп-листов. Интеграции — моя постоянная работа, подробнее о них в разделе об интеграциях с учётными системами.

Без интеграции сайт тоже может работать: заказ приходит в Telegram администратору, он вбивает его в кассу вручную. Для небольшого кафе на старте это нормально, но с ростом заказов ручной перенос начинает съедать время и порождать ошибки.

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

Зал, бронирование и атмосфера

Если у ресторана есть зал, сайт работает и на него. Здесь важны другие вещи:

• Фото интерьера и блюд. Атмосферные, при правильном свете. Это то, по чему выбирают место для вечера.
• Бронирование стола онлайн: дата, время, количество гостей. Можно связать с системой бронирования ресторана.
• Банкеты и мероприятия. Отдельная страница с вместимостью залов, банкетным меню и формой заявки.
• Афиша: живая музыка, дегустации, тематические вечера.
• Меню зала отдельно от меню доставки, если они различаются.
• Отзывы с Яндекс Карт и 2ГИС.

Как переводить гостей с агрегаторов на свой сайт

Сам по себе сайт не заберёт заказы у агрегаторов. Нужна простая система, которая мотивирует гостя заказывать напрямую:

• Листовка в каждом заказе с агрегатора: «Закажите напрямую на сайте — бонус на первый заказ».
• Программа лояльности только для прямых заказов: кэшбэк баллами, подарок на день рождения.
• Цены на сайте не выше, чем в агрегаторе, а лучше немного ниже.
• Telegram-бот для заказа и уведомлений об акциях — гости охотно им пользуются.

Подробнее о ботах для заказа — в разделе Telegram-боты для бизнеса.

SEO для ресторана и доставки

Запросы в этой нише локальные и очень конкретные: «доставка пиццы Краснодар», «суши с доставкой Юбилейный», «грузинский ресторан в центре». Что работает:

• Страницы категорий меню как самостоятельные посадочные: «Доставка пиццы», «Роллы и суши», «Бизнес-ланчи».
• Индексируемые карточки блюд с описанием и фото.
• Страницы районов доставки, если вы покрываете большой город, — с реальной информацией о времени и стоимости.
• Карточки на картах с меню, фото и отзывами.
• Микроразметка ресторана, меню и цен — она помогает поисковикам правильно показывать информацию в выдаче.

Подробнее о продвижении — на странице SEO-продвижения.

Мобильная версия, скорость и аналитика

Еду заказывают с телефона — в обед в офисе, вечером на диване, в пятницу по дороге домой. Поэтому мобильная версия здесь не дополнение, а основной интерфейс. Я проектирую её первой: категории под большим пальцем, крупные фото, кнопка «В корзину» на каждой карточке, плавающая корзина внизу экрана.

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

И аналитика электронной торговли: какие блюда смотрят, какие добавляют в корзину, на каком шаге оформления гости уходят. Цели в Яндекс Метрике на каждый этап показывают, где теряются заказы. Часто оказывается, что проблема в одном месте: неудобном выборе адреса или неожиданной стоимости доставки, всплывающей только в конце.

Ещё один полезный инструмент — push-уведомления или рассылка в Telegram о новинках и акциях для тех, кто уже заказывал. Это недорогой способ напомнить о себе, не тратясь на рекламу.

Готовый шаблон для ресторана с доставкой

Для кафе, ресторанов и служб доставки у меня есть готовый шаблон на 100300 CMS — «Вкус». В нём уже есть меню с категориями и модификаторами, корзина с допродажами, оформление без регистрации, зоны доставки и бронирование стола. Откройте демо и попробуйте собрать заказ с телефона — так видно, насколько быстро проходит путь гостя. Интеграцию с вашей кассовой системой подключаю отдельно.

Подробнее о подходе к сайтам общепита — на странице сайты для кафе и ресторанов.

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