Сайт фудтрака без кода: пошаговая сборка на ИИ-билдере

Чтобы сделать сайт фудтрака без кода, опишите текстом меню, цены, график стоянок и способ связи, а ИИ-билдер соберёт страницу сам. В Zugo одностраничный сайт стоит 6 кредитов и собирается примерно за минуту. Предоплату закрывает коннектор Stripe, заявки на кейтеринг уходят на почту через Resend.

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

Что вообще должен делать сайт фудтрака?

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

Второй по важности блок это меню с ценами. Не описание концепции, не история основателя, а список позиций и чисел. Люди выбирают еду по цене и составу, а не по рассказу о том, как вы нашли идеальный соус.

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

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

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

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

Билдер придумает оформление и структуру блоков. Он не придумает ваше меню, цены и расписание, поэтому эти факты идут в текст запроса целиком.

Сделай одностраничный сайт фудтрака «[название]», [кухня]
в городе [город].
Меню: [позиция] [цена], [позиция] [цена], ... (перечислить все)
Напитки: [позиция] [цена].
Расписание стоянок: [день] [место] [часы] (повторить для каждого дня).
Кейтеринг: от [количество] гостей, от [сумма] на человека.
Блоки: первый экран с адресом на сегодня и часами,
меню с ценами, расписание на неделю, кейтеринг с формой заявки,
галерея, контакты и ссылки на соцсети.
Главное действие: «Где мы сегодня» ведёт к блоку расписания.
Второе действие: «Заказать кейтеринг» открывает форму.
Валюта: доллары. Тон: короткий, живой, без пафоса.

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

Какие блоки нужны и в каком порядке?

Ниже структура, проверенная логикой пользователя, а не эстетикой. Всё это спокойно живёт на одной странице, отдельные страницы фудтраку почти никогда не нужны.

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

Как показать расписание и принять предоплату?

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

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

Заявки доставляет Resend прямо в почту. Supabase нужен, если хотите хранить историю заявок и логин для менеджера, который их разбирает. Google Analytics показывает, сколько людей вообще доходит до расписания и в какие часы.

Своё доменное имя подключается на платных тарифах, и для наклейки на борт трака это важнее, чем кажется: адрес вида mytruck.zugo.run на кузове читается хуже короткого собственного.

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

Бесплатный тариф даёт 5 кредитов, то есть меньше стоимости одного сайта: это разведка, а не запуск. Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц.

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

Как часто придётся обновлять сайт?

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

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

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

Как связать сайт с соцсетями и картами?

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

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

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

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

Чего ИИ-билдер для фудтрака не сделает?

• Живую геолокацию. Точка на карте, которая двигается вместе с траком, это отдельный сервис и отдельная работа, а не блок на странице.
• Онлайн-очередь и номерки. Система, которая держит очередь заказов и отбивает время готовности, ближе к POS-системе. Zugo не заменяет команду разработки на такой задаче.
• Интеграцию с кассой. Обмен чеками с конкретной кассовой программой по её API делает разработчик; код проекта выгружается в GitHub и передаётся ему.
• Съёмку еды. Фотографии решают в общепите больше, чем верстка, и генератор их не заменит.

Остаётся ровно то, чего у большинства фудтраков нет: одна быстрая страница, где видно адрес, часы, цены и форму на кейтеринг.

С чего начать сегодня?

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

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