Сайт доставки отличается от обычной витрины тремя вещами: меню, где позицию можно убрать в стоп-лист за секунду, зонами со своей стоимостью доставки и честным ответом на вопрос «когда привезёте». Всё это реально собрать за выходные без опыта в коде. Ниже: из чего состоит такой сайт, два пути к нему (готовая платформа и свой сайт по промпту к нейросети), сколько это стоит, куда падает заказ и что нужно по закону, чтобы принимать оплату.
Что должно быть на сайте доставки
Начните не с дизайна, а со списка того, без чего заказ не доедет. Для еды, цветов, воды, продуктов и магазина у дома набор почти одинаковый.
- Меню с ценами и фото, где любую позицию можно скрыть одним переключателем: это и есть стоп-лист, без него вы принимаете заказы на то, что закончилось.
- Корзина, которая сама проверяет минимальную сумму заказа и не даёт оформить меньше.
- Адрес и зона доставки: стоимость по районам разная, и человек должен увидеть её до оформления, а не в звонке курьера.
- Выбор времени: «как можно скорее» или интервал на завтра, чтобы не разбирать заказы на 8 утра, когда вы открываетесь в 11.
- Форма заказа: имя, телефон, адрес, комментарий (домофон, «оставить у двери», «без лука»).
- Способ оплаты: онлайн на сайте или курьеру при получении.
- Уведомление о заказе там, где вы точно его увидите: телеграм, а не почта, которую открывают раз в день.
- Мобильная вёрстка: заказывают с телефона, и проверять сайт надо в первую очередь на нём.
Как описывать позиции, чтобы их выбирали, мы подробно показывали в материале про карточку товара и каталог.
Сайт доставки собирается теми же приёмами, что любой рабочий сайт с заказами. На бесплатном вебинаре показываем этот путь целиком: от промпта до опубликованной страницы.
Занять местоДва пути: готовая платформа или свой сайт
Путь первый: взять готовое. Конструктор с интернет-магазином закрывает каталог, корзину и приём заказов сразу. У Tilda магазин доступен на тарифах Personal и Business: Personal стоит 750 ₽ в месяц при помесячной оплате и 500 ₽ в месяц при оплате за год (тарифы Tilda). Если у вас именно доставка еды, есть отраслевые системы, где касса, курьеры и стоп-лист уже связаны. Например, у Frontpad бесплатный тариф ознакомительный и ограничен 200 заказами, базовый стоит 649 ₽ в месяц и включает 1000 заказов в месяц (тарифы Frontpad).
Путь второй: собрать свой сайт по промпту в нейросети. Вы описываете меню, зоны, минимальную сумму и форму заказа обычными словами, получаете рабочую страницу и правите её итерациями. Хостинг простого сайта бывает бесплатным, платите вы только за домен, а всё поведение корзины делаете таким, как нужно вам, а не таким, как разрешает шаблон.
Честное сравнение по срокам и деньгам:
- Скорость: у готовой платформы вечер на заполнение меню, у своего сайта день или два на сборку и проверку.
- Деньги: платформа берёт абонентскую плату каждый месяц, свой сайт стоит домена и вашего времени.
- Гибкость: доплата за зону, конструктор букета, предзаказ на дату на своём сайте делаются промптом, в конструкторе упираются в возможности блока.
- Пределы: касса и товарный учёт. Если у вас кухня со складом и несколькими курьерами, отраслевая система выигрывает, а сайт остаётся витриной перед ней.
- Ответственность: платформа держит работоспособность сама, свой сайт после публикации проверяете вы.
По теме: Как сделать сайт организации в 2026: НКО, школа, клуб, учреждение
Меню, стоп-лист и корзина
Меню удобно собрать один раз в таблице и потом отдать её нейросети или загрузить в конструктор.
- Выпишите позиции столбцами: название, состав, вес или объём, цена, категория, фото.
- Снимите фото при дневном свете на одинаковом фоне, ставьте их одного размера: разнобой заметнее любых шрифтов.
- Добавьте колонку «в наличии» со значениями да и нет. Это ваш стоп-лист: карточка выключенной позиции гаснет, кнопка «В корзину» перестаёт нажиматься.
- Решите, как быть с вариантами (размер пиццы, объём воды, букет S, M, L): либо отдельные позиции, либо опции с доплатой внутри одной карточки.
- Посчитайте экономику доставки: если обещаете бесплатную доставку от суммы, проверьте на реальных ценах, что порог выше вашей себестоимости доставки.
Стоп-лист важнее красивого дизайна. Один заказ на позицию, которой нет, бьёт по доверию сильнее, чем десять простоватых карточек.
Зоны доставки, минимальная сумма и время
Зоны проще всего задать словами, а не картой: «Центр», «Заречный район», «за объездной». К каждой зоне привяжите стоимость и минимальную сумму заказа. Человек выбирает зону в корзине, сумма пересчитывается сразу, и никто не узнаёт про доплату 400 ₽ уже после оформления.
В конструкторах это тоже настраивается. В Тильде есть продвинутый режим настроек доставки, где вариант «по адресу» задаётся с городом и минимальной суммой заказа, а рядом можно подключить пункты выдачи и службы доставки (справка Тильды).
Со сроками доставки работает то же правило честности. Не обещайте «30 минут», если у вас один курьер: дайте выбор «ближайшее время» и интервалы на завтра, а рядом напишите реальный ориентир, например «обычно 60-90 минут в час пик». Интервалы удобнее делать шагом в два часа и не показывать те, что уже прошли.
Самое ценное здесь не вёрстка, а связка «заказ дошёл до вас и не потерялся». На бесплатном вебинаре по вайбкодингу разбираем такую сборку по шагам и отдаём гайд в подарок, чтобы вы повторили её на своём проекте.
Записаться на вебинарКуда приходит заказ
Самая частая поломка маленькой доставки не в сайте, а в том, что заказ упал на почту и его увидели через сутки. Рабочих вариантов три, и лучше включить сразу два.
- Телеграм-бот пишет вам или в рабочую группу: приходит мгновенно, видно с телефона, можно отвечать курьеру там же.
- Строка в таблице (Google Таблицы или Яндекс Документы): нужна для истории заказов и подсчёта выручки за неделю.
- Письмо на почту: страховка на случай, если что-то отвалится, но как основной канал не годится.
Телеграм подключается без сложностей: бот создаётся в BotFather, дальше сайт отправляет сообщение методом sendMessage Bot API. Свой числовой chat_id можно посмотреть в ответе метода getUpdates после того, как вы написали боту первое сообщение (документация Telegram Bot API).
curl -s -X POST "https://api.telegram.org/bot<ТОКЕН>/sendMessage" \
-d chat_id=<ВАШ_ID> \
-d text="Новый заказ №128: 1450 ₽, зона Центр, к 19:00"
Токен держите на сервере, а не в коде страницы: из браузера его видно любому. Как связать сайт и бота аккуратно, мы разбирали в отдельном материале про связку сайта с Telegram.
По теме: Как сделать сайт доступным в 2026: версия для слабовидящих и WCAG
Оплата: онлайн или курьеру, и что требует закон
Здесь два разных вопроса. Первый: принимать ли деньги на сайте вообще. Второй: что закон требует от вас, когда деньги приняты.
Начать можно без онлайн-оплаты: сайт принимает заказ, оплата происходит курьеру при получении. Это законный и самый быстрый старт, при нём нужен только способ выдать покупателю чек по вашему налоговому режиму.
Если хотите брать оплату сразу, помните: 54-ФЗ требует применять кассу при расчётах с физлицами, включая безналичные, оплату по СБП и по QR-коду (разбор требований 54-ФЗ). Исключения тоже есть: самозанятые и ИП на спецрежиме НПД кассу не применяют, они формируют чек в приложении «Мой налог» (справка Контур.Маркет).
У режима НПД есть предел: 2,4 млн ₽ поступлений за год. После этой отметки приложение «Мой налог» перестаёт формировать чеки, и работать нужно уже как ИП на другом режиме (разбор НПД).
Технически оплату подключают через платёжный сервис. У ЮKassa есть отдельное подключение для самозанятых без статуса ИП, а чеки уходят в налоговую автоматически, без ручного создания в «Мой налог» (ЮKassa самозанятым, автоотправка чеков). За приём по картам сервис указывает комиссию 2,8% и ещё 1% за чек при подключённом сервисе «Чеки от ЮKassa», тарифы по СБП считаются отдельно (тарифы ЮKassa). Тарифы меняются, поэтому итоговые цифры смотрите в договоре.
Как встроить кнопку оплаты в страницу и что писать в форме, мы показывали в статье про сайт с приёмом оплаты.
Как собрать сайт доставки по промпту
Порядок такой же, как при сборке любого магазина, но с поправками на доставку.
- Подготовьте меню в таблице и папку с фото: без данных нейросеть придумает свои позиции.
- Опишите сайт одним подробным промптом (пример ниже) в инструменте, где ИИ собирает страницу целиком.
- Проверьте логику руками: положите три позиции, смените зону, попробуйте заказать меньше минимальной суммы. Ошибки правьте по одной.
- Подключите отправку заказа в телеграм и сделайте тестовый заказ на себя.
- Пройдите весь путь пальцем на телефоне: кнопки должны нажиматься без прицеливания, номер телефона набираться по нажатию.
- Опубликуйте, привяжите домен и дайте ссылку трём знакомым: они найдут то, что вы перестали замечать.
Собери одностраничный сайт доставки для домашней пекарни.
Структура: шапка с телефоном и кнопкой «Корзина», блок «Доставка и оплата»,
меню по категориям (Хлеб, Выпечка, Напитки), корзина, форма заказа.
Позиция: фото, название, состав, вес, цена, кнопка «В корзину»,
поле «в наличии»: если нет, карточка приглушена и кнопка не работает.
Корзина: количество, сумма, минимальная сумма заказа 800 рублей,
выбор зоны доставки (Центр 150, Север 250, за городом 400 рублей),
выбор времени: «ближайшее» или интервал на завтра с 10:00 до 20:00 шагом 2 часа.
Форма: имя, телефон, адрес, комментарий, способ оплаты (онлайн или курьеру).
Сначала мобильная вёрстка, кнопки не мельче 44 пикселей по высоте.
Меню вынеси в отдельный файл данных, чтобы я правил цены без правки кода.
Второй промпт добавляет то, ради чего всё затевалось: доставку заказа вам.
Добавь отправку заказа в Telegram методом sendMessage.
Токен и chat_id возьми из переменных окружения TELEGRAM_TOKEN и TELEGRAM_CHAT_ID,
в коде страницы их не печатай.
В сообщении: номер заказа, позиции с количеством, сумма, зона, время, адрес, телефон.
Если отправка не прошла, покажи человеку текст «Заказ не отправился, позвоните нам»
и номер телефона, а сам заказ сохрани в файл.
Общая логика сборки магазина, включая каталог и оформление заказа, разобрана в материале про сайт для продажи товаров: сайт доставки это тот же магазин плюс зоны и время.
Частые вопросы
Можно ли сделать сайт доставки бесплатно?
Саму страницу с меню, корзиной и формой заказа собрать и разместить можно без вложений: бесплатные тарифы хостингов для статичных сайтов это позволяют. Платить придётся за домен (несколько сотен рублей в год) и за приём онлайн-оплаты, если он вам нужен. Отраслевые системы для доставки тоже дают бесплатный уровень, но с ограничением по числу заказов.
Нужно ли ИП, чтобы принимать заказы через сайт?
Чтобы принимать заказы, статус не нужен. Он нужен, чтобы законно получать за них деньги: подойдёт самозанятость с чеками в «Мой налог» в пределах 2,4 млн ₽ за год или ИП. Готовая еда, кстати, требует ещё и соблюдения санитарных правил, это отдельный вопрос к вашему виду деятельности.
Как считать стоимость доставки, если город большой?
Не пытайтесь сразу строить расчёт по километрам. Разбейте город на 3-4 зоны по знакомым ориентирам, поставьте цену на зону и допишите строку «за пределами зон доставка по договорённости, позвоните». Точный расчёт по адресу подключают позже, когда понятно, куда реально ездят курьеры.
Что делать с заказами, которые приходят ночью?
Ставьте в форме выбор времени и закрывайте прошедшие интервалы, а на нерабочие часы показывайте заметный текст: «Принимаем заказы с 10:00, оформленное сейчас привезём завтра». Заказ при этом лучше принять: человек уже определился, а вы утром просто подтвердите его звонком.
На бесплатном воркшопе «Сайты с ИИ» мы собираем сайт с нуля до публикации и показываем, как принимать с него заявки. Пригодится, если хотите сделать доставку не только себе, но и соседнему бизнесу.
Смотреть воркшоп