Стандартная Tilda не умеет работать с зонами доставки на карте. Клиент из пригорода или соседнего города оформляет заказ, оплачивает — а потом менеджер тратит время на отмену и возврат. В этом скрипте — два связанных модуля: виджет в шапке сайта (показывает зону и условия доставки по адресу) и проверка адреса в корзине (не даёт оформить заказ вне зоны).
Что входит в продукт
- Виджет в шапке сайта. Клиент вводит адрес или выбирает точку на карте — виджет показывает «Доставка в ваш район — 300 ₽, 1 – 2 дня» или «За пределами зоны: только самовывоз». Зоны рисуются прямо на карте полигонами.
- Ограничение доставки в корзине. При оформлении заказа адрес проверяется по тем же зонам. Если адрес вне покрытия — кнопка «Оформить» блокируется и появляется попап с пояснением.
- Помощь с подключением виджета шапки — настройка API-ключа Яндекс.Карт, разметка зон, привязка к шаблону шапки в Zero-block.
Условия доставки (настраиваются в скрипте)
- Бесплатная доставка от определённой суммы заказа. Например: при заказе до 123 000 ₽ доставка платная, свыше 123 000 ₽ — бесплатная. Порог настраивается отдельно для каждой зоны.
- Минимальная сумма заказа для доставки. Например: при сумме до 700 ₽ доставка не осуществляется, свыше 700 ₽ — доступна. Если корзина меньше порога — кнопка «Оформить» блокируется с пояснением.
- Разная цена и срок для каждой зоны. Центр — 200 ₽ день в день, спальные районы — 350 ₽ за 1 – 2 дня, за МКАД — 500 ₽ за 2 – 3 дня.
- Разные способы доставки. Курьер/ СДЭК / самовывоз — задаются отдельно для каждой зоны.
Как это работает у клиента
- Зоны доставки задаются полигонами на Яндекс.Карте (можно несколько зон с разными ценами и сроками).
- В шапке сайта виджет показывает зону и условия доставки сразу при заходе — клиент видит цену до того, как добавит товар в корзину.
- В корзине при оформлении адрес автоматически сверяется с зонами. Если попадает — цена доставки подставляется в чек. Если нет — оформление блокируется с понятным сообщением.
- Условия суммы (бесплатная от X, минимум Y) пересчитываются на лету при изменении количества товаров в корзине.
- Зоны редактируются через Яндекс.Конструктор карт — без правок кода. Меняете полигон — изменения применяются автоматически.
- Поддержка нескольких городов: для каждого свой набор зон и условий.
Что нужно сделать в Tilda для подключения
Виджет шапки и ограничение в корзине подключаются как два отдельных блока. Под каждый — короткая инструкция, присылаю после оплаты.
1. API-ключ Яндекс.Карт
- Получить бесплатный JS API-ключ на
developer.tech.yandex.ru.
- Привязать домен сайта к ключу (без этого карта не загрузится).
- Бесплатного лимита (25 000 загрузок в сутки) хватает 99% магазинам Tilda.
2. Зоны доставки на Яндекс.Конструкторе
- Создать карту на
yandex.ru/map-constructor.
- Нарисовать полигоны зон (например, «Центр 200₽», «Спальные районы 350₽», «За МКАД 500₽»).
- Скопировать ID карты в конфиг скрипта — обновлять зоны можно прямо в Конструкторе, без правок кода.
3. Виджет в шапке (блок T123)
- В шапке сайта (Zero-block или стандартный шаблон) — добавить контейнер с классом
.uc-delivery-widget.
- Создать блок T123 со скриптом виджета.
- Виджет инициализируется в этом контейнере и показывает поле адреса + карту.
4. Ограничение в корзине (блок T123)
- На странице корзины — добавить второй блок T123 со скриптом проверки адреса.
- Скрипт перехватывает оформление заказа: если адрес вне зон или сумма меньше минимума — кнопка «Оформить» блокируется, показывается попап.
- Текст попапа редактируется через Zero-block, привязанный по ссылке
#popup-out-of-zone.
5. Настройки платёжных систем
- Сайт → Платёжные системы → Общие настройки → Уровень проверки скидки: «Только помечать в заявке, что цена отличается».
- Без этой настройки Tilda заблокирует заявки с динамической ценой доставки как «подозрительные».
Что входит в покупку
- Готовый JS-скрипт для виджета шапки + проверки в корзине, настроенный под ваши зоны и условия (бесплатная доставка от суммы, минимальный заказ).
- Помощь с разметкой зон на Яндекс.Конструкторе — покажу как нарисовать полигоны и привязать к скрипту.
- Пошаговая инструкция по подключению (PDF) — отдельно для виджета шапки и для корзины.
- Установка под ключ +1 500 ₽ — настрою сам за 1 – 2 рабочих дня, если не хочется разбираться.
- 30 дней поддержки — только по коду: если что-то перестало работать. Контентные правки (тексты в попапе, перерисовка зон в Конструкторе) делаете сами.
- Бесплатная проверка совместимости до оплаты — пришлите ссылку на сайт, отвечу в течение часа.
Сроки
- Стандартная конфигурация (1 город, 2 – 4 зоны) — 1 – 2 рабочих дня.
- Несколько городов или сложная логика (свой курьер + СДЭК + самовывоз с разными правилами) — до 5 дней.