Как сделать сайт ресторана без кода: меню и бронь столов
Опишите текстом кухню, формат заведения, режим работы и способ забронировать стол. 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. Откройте результат на телефоне и засеките, за сколько секунд вы находите цену и адрес: если дольше десяти, первая правка очевидна.