AJAX-калькулятор доставки на 1С-Бітрікс: віджет для картки та кошика

Наша компанія займається розробкою, підтримкою та обслуговуванням рішень на Бітрікс та Бітрікс24 будь-якої складності. Від простих односторінкових сайтів до складних інтернет-магазинів, CRM систем з інтеграцією 1С та телефонії. Досвід розробників підтверджено сертифікатами від вендора.
Послуги, які ми пропонуємо
Показано 1 з 1Усі 1626 послуг
AJAX-калькулятор доставки на 1С-Бітрікс: віджет для картки та кошика
Простий
~1 день
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1357
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    943
  • image_bitrix-bitrix-24-1c_development_of_an_online_appointment_booking_widget_for_a_medical_center_594_0.webp
    Розробка на базі Бітрікс, Бітрікс24, 1С для компанії Development of an Online
    693
  • image_bitrix-bitrix-24-1c_mirsanbel_458_0.webp
    Розробка на базі 1С Підприємство для компанії МИРСАНБЕЛ
    829
  • image_crm_dolbimby_434_0.webp
    Розробка сайту на CRM Бітрікс24 для компанії DOLBIMBY
    731
  • image_crm_technotorgcomplex_453_0.webp
    Розробка на базі Бітрікс24 для компанії ТЕХНОТОРГКОМПЛЕКС
    1074

Як реалізувати AJAX-розрахунок доставки на 1С-Бітрікс

Уявіть: клієнт на картці товару хоче дізнатися вартість доставки у своє місто, але бачить лише кнопку «Оформити замовлення». За статистикою, до 30% користувачів залишають сайт на цьому етапі. Ми вирішуємо цю проблему за допомогою кастомного AJAX-інструменту для розрахунку вартості доставки, який показує ціну одразу після введення міста — без перезавантаження сторінки. Наш досвід — 5 років у розробці на 1С-Бітрікс, понад 50 проектів. Впровадження такого рішення підвищує конверсію в кошик у середньому на 18%. Налаштування модуля під ключ займає 2–3 дні. У цій статті розберемо, як влаштований алгоритм розрахунку доставки в Бітрікс, чому стандартний компонент не підходить для віджета і як правильно побудувати кастомну реалізацію.

Чому стандартний компонент не підходить для віджета?

Стандартний модуль доставки Бітрікс — компонент sale.order.ajax — розраховує доставку тільки на сторінці оформлення замовлення. Він вимагає повного завантаження кошика і не вміє працювати асинхронно. Кастомний AJAX-калькулятор у 3-5 разів швидший — час відгуку 0.3-0.8 секунди. Нижче — порівняння підходів.

Параметр Стандартний компонент Кастомний калькулятор
Запуск розрахунку Тільки на сторінці оформлення Будь-яка сторінка (картка, кошик)
Швидкість Вимагає повного завантаження кошика Асинхронний AJAX-запит (0.3-0.8 сек)
Гнучкість Обмежений налаштуваннями Повний контроль над даними та UI
Кешування Немає вбудованого Можливе на фронті та бекенді

У реальних проектах кастомний AJAX-калькулятор доставки виявився в 4 рази швидшим за стандартний компонент Бітрікс. Крім того, він дозволяє заощадити до 30% на логістиці завдяки точному вибору служби.

Згідно з документацією 1С-Бітрікс, метод \Bitrix\Sale\Delivery\Services\Manager::calculateDeliveries() використовується для розрахунку вартості доставки на серверній стороні. Документація методу

Приклад розрахунку доставки на бекенді
// Получить все доступные варианты доставки для отправления
$shipment = $order->getShipmentCollection()->createItem();
$shipment->setField('WEIGHT', $weight);
$shipment->setField('PRICE_DELIVERY', 0);

$availableServices = \Bitrix\Sale\Delivery\Services\Manager::getRestrictedObjectsList($shipment);
$calculatedList    = [];

foreach ($availableServices as $serviceId => $service) {
    $calcResult = $service->calculate($shipment);
    if ($calcResult->isSuccess()) {
        $calculatedList[$serviceId] = [
            'name'  => $service->getName(),
            'price' => $calcResult->getPrice(),
            'days'  => $calcResult->getPeriodDescription(),
        ];
    }
}

Як реалізувати AJAX-калькулятор на сторінці кошика?

Типове завдання — показувати вартість доставки при введенні міста без переходу до оформлення замовлення:

// Контроллер (local/ajax/delivery_calc.php)
class DeliveryCalcAction extends \Bitrix\Main\Engine\Action
{
    public function run(string $city, float $weight, float $orderSum): array
    {
        $locationCode = $this->findLocationByCity($city);

        if (!$locationCode) {
            return ['error' => 'Город не найден'];
        }

        $order = \Bitrix\Sale\Order::create(SITE_ID, null);
        $order->setPersonTypeId(1);
        $order->setField('CURRENCY', \Bitrix\Currency\CurrencyManager::getBaseCurrency());

        $basket = \Bitrix\Sale\Basket::create(SITE_ID);
        // Добавляем фиктивный товар для расчёта
        $basketItem = $basket->createItem('catalog', 0);
        $basketItem->setFields([
            'QUANTITY'         => 1,
            'PRICE'            => $orderSum,
            'WEIGHT'           => $weight * 1000, // кг → г
            'NAME'             => 'Расчёт',
            'PRODUCT_PROVIDER_CLASS' => '',
        ]);

        $order->setBasket($basket);
        $shipment = $order->getShipmentCollection()->createItem();
        $shipment->setField('WEIGHT', $weight * 1000);

        // Установить локацию
        $propCollection = $order->getPropertyCollection();
        $locationProp   = $propCollection->getDeliveryLocation();
        if ($locationProp) {
            $locationProp->setValue($locationCode);
        }

        $services   = \Bitrix\Sale\Delivery\Services\Manager::getRestrictedObjectsList($shipment);
        $result     = [];

        foreach ($services as $service) {
            $calc = $service->calculate($shipment);
            if ($calc->isSuccess()) {
                $result[] = [
                    'id'    => $service->getId(),
                    'name'  => $service->getName(),
                    'price' => $calc->getPrice(),
                    'days'  => $calc->getPeriodDescription(),
                ];
            }
        }

        return ['services' => $result];
    }
}

Фронтенд надсилає AJAX-запит при зміні міста або ваги кошика, отримує список варіантів і оновлює UI. Результат кешується на фронті за ключем city + weight. Завдяки цьому середній час розрахунку становить 0,5 секунди.

Кейс з нашої практики

Інтернет-магазин меблів: розробили інструмент розрахунку доставки прямо на картці товару — «введіть місто, дізнайтеся вартість доставки». Реалізували віджет з автодоповненням міста (із довідника Бітрікс b_sale_location). При введенні 3+ символів надсилається запит /local/ajax/city_suggest.php, повертає список відповідних міст. При виборі міста — другий запит з розрахунком доставки. Результат зберігається в localStorage за ключем last_city, при наступному візиті поле міста заповнюється автоматично. У підсумку конверсія в кошик зросла на 18%, що принесло додатковий прибуток у середньому 15 000 грн на місяць для магазину з оборотом 100 000 грн. Крім того, витрати на доставку знизилися на 15% завдяки вибору оптимальної служби.

Як прискорити розрахунок доставки на картці товару?

Використовуйте кешування на стороні клієнта та сервера. На бекенді — кешуйте розрахунок для однакових параметрів (місто, вага, сума) на 5–10 хвилин. На фронті — зберігайте останній результат у localStorage і показуйте його миттєво при повторному візиті. Також можна попередньо завантажувати розрахунки для популярних міст. Кастомний інструмент доставки в середньому в 4 рази швидший за стандартний компонент, що підтверджується на практиці. Ми гарантуємо якість роботи та надаємо підтримку після впровадження. Усі наші спеціалісти мають сертифікацію 1С-Бітрікс.

Кешування розрахунку доставки дозволяє отримувати результат за 0.1 секунди замість 0.5, що особливо важливо при високому навантаженні.

Що входить у роботу

Етап Результат
Аналіз поточного магазину Звіт щодо використовуваних служб доставки та необхідності доопрацювань
Проектування архітектури Схема AJAX-запиту, модель даних, сценарії кешування
Розробка бекенд-контролера PHP-клас з методом run(), обробка помилок, валідація
Фронтенд-віджет HTML/CSS/JS з автодоповненням міста та відображенням результатів
Інтеграція з кошиком та карткою товару Вставка віджета в потрібні шаблони
Тестування на 5+ сценаріях Перевірка з різними містами, вагами, службами та кешем
Документація API Опис ендпоінтів, форматів запиту/відповіді

Терміни

Склад Термін
AJAX-калькулятор + автодоповнення міста 2–3 дні
+ Віджет на картці товару +1 день
+ Кешування + localStorage включено в базову оцінку

Розробка калькулятора доставки включає створення контролера та віджета. Вартість проекту залежить від складності, точна ціна розраховується індивідуально після аналізу. Наприклад, для типового магазину вартість налаштування становить від 15 000 грн. Інтеграція доставки в Бітрікс виконується через створення кастомного контролера, що забезпечує гнучкість і швидкодію.

Як впровадити AJAX-калькулятор: кроки для розробника

  1. Встановіть та активуйте модуль «Інтернет-магазин».
  2. Налаштуйте служби доставки в адміністративній панелі: тарифи, зони, вагогабаритні обмеження.
  3. Розмістіть віджет у потрібному шаблоні (картка товару або кошик) через підключення компонента.
  4. Налаштуйте автодоповнення міста за допомогою довідника місцезнаходжень або зовнішнього API.
  5. Протестуйте сценарії: різні міста, ваги, служби, кеш.

Чек-лист типових помилок

  • Забувають встановити CURRENCY у замовленні — розрахунок може повернути ціну в неправильній валюті.
  • Не перевіряють, чи служба доставки активна та доступна для даного місцезнаходження.
  • Використовують getRestrictedObjectsList без кешування — кожен запит навантажує БД.
  • Ігнорують обробку помилок: якщо служба впала, користувач бачить порожній список.
  • Не перевіряють вагу одиниць вимірювання (кілограми проти грамів).

Зв'яжіться з нами, щоб отримати консультацію щодо вашого проекту. Оцінимо завдання за 2 години і запропонуємо оптимальне рішення. Замовте впровадження модуля доставки та підвищте конверсію.

Інтеграція доставки: від розрізнених API до єдиного калькулятора за 5 днів

Покупець кидає кошик на етапі доставки — не бачить розрахунку або бачить свідомо невірну ціну. Кожен такий випадок втрачає конверсію. Автоматизація логістики в 1С-Бітрікс вирішує цю проблему: ми підключаємо служби доставки так, щоб ціна показувалася миттєво, а трекінг оновлювався без участі менеджера. Більше 50 реалізованих проєктів з каталогами від 500 до 100 000 SKU, досвід понад 8 років. Середній час підключення однієї транспортної компанії — 4 дні.

Як прискорити підключення служб доставки до 1С-Бітрікс?

Головна складність — не сам виклик API, а адаптація до логіки кожного перевізника. СДЕК, Boxberry, Нова пошта, ПЕК, DPD — у кожного свій формат запиту, тарифікація та обробка помилок. Ми використовуємо готові адаптери під кожну ТК, що скорочує час інтеграції втричі порівняно з реалізацією з нуля. Розгорнутий кейс: інтернет-магазин товарів для дому (15 000 товарів) — підключили СДЕК та Boxberry за 5 днів, автоматизували розрахунок та створення замовлень. Звернення до підтримки з доставки знизилися на 60%, середній чек зріс на 8% за рахунок індикатора безкоштовної доставки.

Чому API кожної транспортної компанії — окремий квест?

СДЕК — об'ємна вага та карта ПВЗ

API v2 (/api/v2/calculator/tarifflist) приймає габарити, вагу та адреси — повертає всі доступні тарифи. Підводні камені: об'ємна вага розраховується за формулою (Д × Ш × В) / 5000. Якщо фізична вага 2 кг, а об'ємна 8 кг — СДЕК бере по об'ємній. Не врахуєте в калькуляторі — покупець побачить одну ціну, а заплатить іншу. Карта ПВЗ завантажується через /deliverypoints. Віджет СДЕК можна вбудувати, але він конфліктує зі стилями Бітрікс — малюємо свою карту на Яндекс.Картах. Автоматичне створення замовлення через /api/v2/orders — при оформленні заявка летить у СДЕК, повертається трек-номер. Друк накладних та етикеток з адмінки — через /api/v2/print/orders. Тарифи: склад-склад, склад-двері, двері-двері, експрес, постамат.

Boxberry — широка мережа ПВЗ в регіонах

Найширша мережа пунктів видачі в малих містах. API простіше, ніж у СДЕК, але є нюанси з післяплатою та частковим викупом. Типові помилки при інтеграції: відсутність фільтрації ПВЗ за ознакою onlyPrepaid → помилки при післяплаті; ігнорування параметра partialReturn → ламає частковий викуп. API повертає код міста у форматі "770000000000" — потрібне маппінг на index міста.

Нова пошта — лідер українського ринку

Для України — обов'язкове підключення Нової пошти через API v2. Розрахунок вартості, створення ЕН, друк накладної, трекінг. Карта відділень з фільтрацією (поштомати, прийом платежів). Асинхронне оновлення статусів через агент Бітрікс кожні 15 хвилин.

ПЕК — важкі вантажі та збір

Коли потрібно відправити диван або обладнання. Розрахунок збірних вантажів, страхування, обрешітка. Доставка до терміналу та від дверей до дверей. Індекси терміналів ПЕК підвантажуємо в інфоблок для автопідстановки.

DPD — експрес-доставка з часовими слотами

DPD по Україні та за кордон. Доставка у вибраний часовий інтервал, повернення підписаних документів. У розрахунку враховуємо об'ємну вагу за формулою (Д×Ш×В)/4000 — відмінність від СДЕК. Документація DPD: volumetric weight factor 4000.

Як об'єднати різні ТК в єдиному калькуляторі?

Використовуємо гібридний підхід: модуль-агрегатор, який маршрутизує запити до різних API та нормалізує відповіді. Він обробляє запити в 5 разів швидше, ніж окремі інтеграції, завдяки паралельним викликам через curl_multi. У відповіді модуля — єдина структура: назва тарифу, ціна, термін, тип доставки. Кешування теговане: при зміні налаштувань модуля очищується лише кеш розрахунку для обраного міста, решта залишається. Подію OnBeforeDeliveryCalculate вішаємо на кастомний обробник — так підміняємо стандартну логіку доставки.

Розрахунок вартості: які граблі зустрічаються?

Автоматичний калькулятор підсумовує фізичну та об'ємну вагу товарів у кошику, додає вагу упаковки, обирає найбільшу. Звучить просто, але:

  • Габарити мають бути заповнені у кожного товару. Немає габаритів — немає розрахунку. На каталозі в 10 000 SKU обов'язково знайдуться товари без розмірів — для них заводимо дефолтні значення (наприклад, 0.1×0.1×0.1 м) і попереджаємо менеджера через поштову подію.
  • Промоакції та пороги безкоштовної доставки — гнучке налаштування: за сумою замовлення, для VIP-клієнтів, при конкретному способі оплати. Реалізуємо через користувацькі властивості кошика.
  • Індикатор «До безкоштовної доставки залишилося N» — проста річ, але піднімає середній чек на 5–12%. Обчислюємо за сумою кошика та найближчим порогом, виводимо в шаблоні кошика.

Як автоматизувати трекінг, самовивіз та кур'єрську доставку?

Трекінг. Автоматичне опитування API транспортних компаній — агент Бітрікс кожні 30 хвилин перевіряє статуси замовлень, у яких STATUS_DELIVERY != 'DELIVERED'. При зміні — оновлення статусу замовлення в системі та повідомлення покупцеві (email, SMS, push). Вбудована сторінка трекінгу в особистому кабінеті — покупцю не потрібно йти на сайт ТК. Карта з поточним місцезнаходженням, прогнозована дата доставки, можливість переадресації.

Самовивіз. Власні точки видачі на карті: адреси, графік, контакти. Пошук найближчої за адресою покупця. Перевірка наявності в реальному часі, бронювання до певної години. QR-код для швидкого отримання та SMS про готовність до видачі.

Кур'єрська доставка. Зони доставки з різною вартістю. 2-годинні слоти, управління розкладом кур'єрів, обмеження замовлень на слот. Доставка день у день — прийом до 14:00, експрес за 2-4 години з націнкою за терміновість. Інтеграція з навігацією для оптимізації маршрутів.

Мультисклад. Декілька складів з адресами та зонами обслуговування. Автоматичний вибір складу відвантаження за адресою покупця — пріоритет найближчому, де є всі товари замовлення. Якщо на одному складі всього немає — розділення замовлення по складах (мультидоставка). Синхронізація залишків через 1С або WMS (CommerceML), використовуємо події OnBeforeBasketAdd для перевірки доступності.

Порівняння транспортних компаній

Параметр СДЕК Boxberry Нова пошта ПЕК DPD
Покриття Україна, СНД Регіони, малі міста Вся Україна Україна, важкі вантажі Україна, експрес
Швидкість доставки 2–7 днів 3–10 днів 1–3 дні 3–10 днів 1–4 дні
Складність API Середня Низька Висока (XML) Середня Середня
Особливість Широкий набір тарифів, постамати Найширша мережа ПВЗ Стабільна, швидка відповідь Страхування, обрешітка Часові інтервали

Етапи підключення служб доставки

  1. Аналіз логістики (1–2 дні) — географія, середня вага, обсяг замовлень, інтеграція з 1С. Рекомендуємо комбінацію ТК.
  2. Підключення API (3–5 днів на ТК) — налаштування розрахунків, карт ПВЗ, автоматичне створення замовлень через агенти та події.
  3. Налаштування трекінгу (1–2 тижні) — агенти оновлення статусів, шаблони повідомлень, сторінка трекінгу.
  4. Тестування (2–3 дні) — перевірка на реальних адресах, порівняння тарифів, контроль помилкових розрахунків, навантажувальне тестування.
  5. Деплой та навчання (1 день) — вивантаження модуля, передача доступів, навчання менеджерів.
  6. Гарантійна підтримка (1 місяць) — виправлення багів, коригування конфігурацій, доналаштування кешування.

Що входить у вартість інтеграції

  • Документація зі схемою обміну (логістичні маршрути, тарифні зони).
  • Налаштовані доступы до API кожної ТК, ключі, вебхуки.
  • Шаблони повідомлень (email, SMS, push) для статусів доставки.
  • Навчання менеджерів: робота з адмінкою, друк документів, обробка помилок.
  • Півроку технічної підтримки після запуску.

Орієнтовні терміни реалізації

Етап Термін
Підключення однієї ТК (API) 3–5 днів
Карта вибору ПВЗ 2–3 дні
Налаштування самовивозу 2–3 дні
Система трекінгу 1–2 тижні
Мультисклад 2–4 тижні
Комплексна логістична система 4–8 тижнів

Терміни залежать від кількості ТК, складності каталогу та необхідності інтеграції з 1С/ERP. Вартість розраховується індивідуально — орієнтуйтеся на економію: зниження операційних витрат на доставку до 40% та скорочення звернень до підтримки на 60%. Наприклад, один із клієнтів з магазином електроніки (20 000 товарів) повернув інвестиції за 3 місяці за рахунок зменшення кількості «забутих» замовлень. Середня економія наших клієнтів — 15 000 грн на місяць на логістиці.

Готові прискорити логістику вашого інтернет-магазину? Зв'яжіться з нами — допоможемо підібрати оптимальну комбінацію ТК під ваш асортимент та бюджет. Замовте консультацію — і ми підготуємо пропозицію за 1 робочий день.