Перейти к содержимому

Как сделать сайт ресторана без кода: меню и бронь столов

Опишите текстом кухню, формат заведения, режим работы и способ забронировать стол. Zugo соберёт сайт с меню, фотографиями, адресом и формой брони, проверит сборку в песочнице и опубликует на адресе вида yourcafe.zugo.run. Простая сборка занимает около минуты и стоит 6 кредитов, правка 3.

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

Что ищут на сайте ресторана?

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

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

Режим работы стоит написать полностью, включая выходные и особый график по праздникам. Это самая частая причина звонка в заведение и самая простая для устранения. Строка «сегодня работаем до 23:00» решает больше, чем блок с наградами.

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

Как сделать меню, которое не придётся править вручную?

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

Меню в базе данных обновляется добавлением строки. Через коннектор Supabase сайт читает таблицу блюд с названием, описанием, ценой и категорией, и смена цены не требует пересборки. Это правильный выбор для заведений с сезонным меню и специальными предложениями.

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

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

Как описать ресторан в промпте?

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

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

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

Скажите и про тон. Пекарня в спальном районе и ресторан с дегустационным сетом разговаривают по-разному, и одна строка про тон меняет тексты сильнее, чем десять слов про цвета.

Нужна ли онлайн-бронь столов?

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

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

Полноценная схема с картой столов, автоматическим подтверждением и учётом посадки это уже система. Она собирается, но требует нескольких итераций правок по 3 кредита, потому что нужно описать длительность посадки, буфер и правило отмены. Похожая логика разобрана в материале про сайт аренды жилья.

Сколько стоит сайт ресторана в кредитах?

Действие Кредитов
Одна сборка: сайт, приложение или игра 6
Многостраничная платформа, первые три страницы 12
Каждая следующая страница 3
Правка готовой сборки 3
Сборка в режиме Hi-Fi 12
Правка в режиме Hi-Fi 6

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

Free даёт 5 кредитов, то есть меньше одной свежей сборки. Pro стоит $25 в месяц и включает 200 кредитов. Business стоит $99 в месяц. Для заведения с меняющимся меню считайте бюджет по правкам: они и будут основным регулярным расходом, если меню не вынесено в базу.

Какие интеграции пригодятся?

Задача Чем закрывается
Меню без пересборки Supabase как база
Подтверждение брони гостю Resend
Предоплата за банкет или депозит Stripe
Сколько людей смотрит меню Google Analytics
Адрес на своём домене Подключение домена
Забрать исходники себе Экспорт в GitHub

Домен стоит подключить сразу: адрес заведения на своём домене выглядит как заведение, а на служебном поддомене как временная страница. Аналитика нужна, чтобы понять, что смотрят чаще, меню или контакты, и переставить блоки соответственно.

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

Что проверить на телефоне перед публикацией?

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

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

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

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

И проверьте, что телефон и адрес совпадают с тем, что написано в картах и в профиле заведения. Расхождение в одной цифре стоит вам звонков, и заметить его без сверки почти невозможно.

Чего конструктор не сделает?

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

Он не подключится к вашей R-Keeper или iiko сам. Обмен данными с кассовой системой требует работы с кодом. Проект принадлежит вам и выгружается в GitHub, поэтому такую интеграцию можно отдать разработчику. Как выглядит выгрузка, описано в статье про сайт с экспортом в GitHub.

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

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

С чего начать

Соберите актуальное меню с ценами, сделайте десять честных фотографий зала и блюд, запишите точный график работы. Этого хватит для первой сборки на Zugo. Откройте результат на телефоне и засеките, за сколько секунд вы находите цену и адрес: если дольше десяти, первая правка очевидна.

← Все статьи