Новое Хит

Ограничение доставки по зонам на карте в корзине Tilda

Виджет доставки в шапке сайта + ограничение оформления в корзине по зонам на Яндекс.Карте.

От 9 000 ₽

Платформа
Тильда
Стек
Tilda · JavaScript · Yandex Maps

проблема

Что решает

  • !Клиенты из пригорода оформляют заказ, хотя доставки туда нет
  • !Менеджеры тратят время на отмены и возвраты по недоступным адресам
  • !Цена доставки зависит от района — в 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 дней.

Что входит в покупку (от 9 000 ₽)

  • 1Поддержка — 90 дней
  • 2Гарантия — Ошибки в моём коде правлю бесплатно в течение срока поддержки. Поломки из-за изменений на стороне сервисов и работ других подрядчиков чиню платно.

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

01

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

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

02

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

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

03

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

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

04

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

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

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

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

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

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

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

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

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

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

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

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

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

Есть задача?

Обсудим в мессенджере

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

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно