Сайт кофейни без кода: меню, карта и форма за вечер

Сайт кофейни без кода собирается из описания заведения: адрес, часы работы, меню с ценами, особенности вроде своей обжарки или веранды. Билдер собирает страницу с картой и меню, а публикация на адрес вида ваш-проект.zugo.run делается в один клик. Простая сборка занимает около минуты.

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

Что писать в промпте для сайта кофейни?

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

Адрес и как войти. Улица, дом, ориентир, вход со двора или с улицы. Ориентир важнее, чем кажется: половина гостей находит вас по вывеске напротив, а не по номеру дома.

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

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

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

Сайт кофейни [название], город [город], адрес [адрес, ориентир].
Часы: будни [время], выходные [время].
Меню: [группа: позиции с ценами] x4.
Особенности: [обжарка / веранда / с животными / розетки].
Секции: первый экран с названием, адресом, часами и кнопкой маршрута,
меню группами, фотографии зала и напитков, о нас коротко,
контакты с картой и ссылками на карты и соцсети.
Мобильная вёрстка в приоритете, телефон кликабелен.
Тон: короткий и человеческий, без слов «уютная атмосфера».

Начинать с нуля не обязательно: в Zugo есть 25 готовых шаблонов, среди которых есть подходящие по структуре. Клонирование шаблона не тратит кредиты, а дальше он правится обычными фразами. Разбор формулировок лежит в гайде как писать промт для ИИ-билдера.

Нужен ли кофейне многостраничный сайт?

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

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

Как сделать так, чтобы сайт нормально смотрелся с телефона?

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

Телефон и адрес должны быть кликабельными: нажатие на номер начинает звонок, нажатие на адрес открывает карты. Формулировка для чата: «сделай телефон ссылкой tel, а адрес ссылкой на карты». Это одна правка за 3 кредита, и она заметно меняет поведение гостей.

Кнопка маршрута должна быть на первом экране, а не в подвале. Меню должно открываться прокруткой, а не отдельной страницей и тем более не файлом: PDF на телефоне открывается плохо и не индексируется.

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

Как обновлять меню и сезонные позиции?

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

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

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

Сколько стоит собрать сайт кофейни?

Бесплатный тариф даёт 5 кредитов, этого хватает, чтобы собрать страницу и посмотреть на неё вживую. Pro стоит $25 в месяц за 200 кредитов, это 33 быстрых сборок или 16 платформ, плюс подключение своего домена. Business стоит $99 в месяц.

Обычная сборка одной страницы стоит 6 кредитов, правка 3 кредита. Режим Hi-Fi стоит вдвое дороже: сборка 12, правка 6. Для сайта кофейни обычный режим почти всегда достаточен, потому что задача не в сложной графике, а в фактах на первом экране.

Пока свой домен не подключён, сайт живёт по адресу вида zerno.zugo.run. Для ссылки в профиле соцсети этого достаточно, для вывески и визиток лучше свой домен: он подключается на Pro, и как это делается, описано в гайде про свой домен для AI-приложения.

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

Что сделать, чтобы кофейню находили в поиске?

Сайт кофейни редко выигрывает по общим запросам, и гнаться за ними не стоит. Его настоящая работа в поиске другая: подтвердить существование заведения и закрыть запросы с названием и с районом.

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

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

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

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

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

Где такой сайт не справится?

Три честные границы.

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

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

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

Для обычного случая, когда кофейне нужна честная страница с адресом, часами и меню, вечера достаточно с запасом. Если у вас ещё есть кейтеринг или выездная кофейня на мероприятия, разбор такой страницы лежит в гайде про сайт кейтеринга без кода. Начните с адреса и часов на zugo.dev.