delivery-zones-tilda.demo
// проблема

Что решает

  • ! Клиенты из пригорода оформляют заказ, хотя доставки туда нет
  • ! Менеджеры тратят время на отмены и возвраты по недоступным адресам
  • ! Цена доставки зависит от района — в Tilda этого нет из коробки
  • ! Нужна интерактивная карта с зонами, а не просто список городов
  • ! Для разных зон нужны разные способы: Курьер, СДЭК, самовывоз
// решение

Что получите

  • Виджет в шапке сайта показывает зону и цену доставки по адресу клиента
  • Бесплатная доставка от заданной суммы заказа (порог настраивается под зону)
  • Минимальная сумма заказа для доставки — корзина ниже порога не оформляется
  • Разная цена и срок доставки для каждой зоны на карте
  • Блокировка оформления заказа, если адрес вне зоны покрытия
  • Зоны редактируются через Яндекс.Конструктор карт — без правок кода
// подробно

О скрипте

Стандартная 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 заблокирует заявки с динамической ценой доставки как «подозрительные».

Что входит в покупку

  1. Готовый JS-скрипт для виджета шапки + проверки в корзине, настроенный под ваши зоны и условия (бесплатная доставка от суммы, минимальный заказ).
  2. Помощь с разметкой зон на Яндекс.Конструкторе — покажу как нарисовать полигоны и привязать к скрипту.
  3. Пошаговая инструкция по подключению (PDF) — отдельно для виджета шапки и для корзины.
  4. Установка под ключ +1 500 ₽ — настрою сам за 1 – 2 рабочих дня, если не хочется разбираться.
  5. 30 дней поддержки — только по коду: если что-то перестало работать. Контентные правки (тексты в попапе, перерисовка зон в Конструкторе) делаете сами.
  6. Бесплатная проверка совместимости до оплаты — пришлите ссылку на сайт, отвечу в течение часа.

Сроки

  • Стандартная конфигурация (1 город, 2 – 4 зоны) — 1 – 2 рабочих дня.
  • Несколько городов или сложная логика (свой курьер + СДЭК + самовывоз с разными правилами) — до 5 дней.
// как это работает

4 шага до рабочего скрипта

  1. 01

    Оставьте заявку

    Напишите в Telegram. Отвечаю в течение часа в рабочее время (пн–пт 8:00–18:00 МСК).

  2. 02

    Согласуем детали

    Обсудим особенности вашего сайта, проверю совместимость и уточню финальную стоимость. Нужна доработка — согласуем до оплаты.

  3. 03

    Оплата и установка

    После оплаты получаете код и инструкцию. Установка — самостоятельно за 30–40 минут или я поставлю сам (+1500 ₽) за 1–2 рабочих дня.

  4. 04

    Запуск и поддержка

    Проверяем работу вместе. 30 дней поддержки — отвечаю на вопросы по коду и правлю мелочи.

// вопросы и ответы

Частые вопросы

Подойдёт ли скрипт для моего сайта?

Если у вас Tilda — с вероятностью 99% подойдёт. Перед оплатой бесплатно проверю совместимость: пришлите ссылку на сайт, отвечу в течение часа.

Что если скрипт не заработает у меня?

Доработаю бесплатно под ваш случай или верну деньги. Такие ситуации бывают редко — перед оплатой проверяю совместимость с вашей страницей.

Нужны ли технические знания для установки?

Нет. Вы получаете готовый код и пошаговую инструкцию. Если не хочется разбираться — поставлю сам за +1000 ₽, займёт 1 рабочий день.

Как долго работает поддержка после установки?

30 дней поддержки включены в стоимость: отвечаю по коду, если что-то перестало работать. Контентные правки (зоны в Конструкторе, тексты в попапе) делаете сами в Tilda. Дальше — по запросу за отдельную плату.

Можно ли кастомизировать под мой дизайн и логику?

Да, адаптирую под любые стили и бизнес-процессы. Небольшие правки (цвета, тексты) включены. Серьёзная кастомизация — отдельно, обычно 1–3 часа работы.

$ ./contact --new-project

Есть задача? Обсудим

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Самозанятый Калинкин Н. А. · работаю с физлицами и юрлицами
Используем для работы сайта и аналитики посещаемости. Подробнее
Принять
Отказаться