Необходима только возможность вставки html-блока на страницу сайта.
Выберите нужный виджет
Доступно 5 вариантов виджетов:
Зарегистрируйтесь в личном кабинете eShopLogistic
Создайте ключ доступа и добавьте нужные транспортные компании
Установите виджет на сайт UMI
Для этого дайте вашему техническому специалисту доступ к личному кабинету и ссылку на документацию по нужному вам виджету. При наличии технических вопросов он сможет написать нам в поддержку (создать обращение из вашего личного кабинета).
<div id="eShopLogisticWidgetForm" data-lazy-load="false" data-key="000000-0-0"></div>
<script src="https://api.esplc.ru/widgets/form/app.js"></script>
<div id="eShopLogisticWidgetFormOrder" data-key="000000-0-0" data-lazy-load="false" data-weight="1"></div>
<script src="https://api.esplc.ru/widgets/form-order/app.js"></script>
<button data-esl-widget data-title="Быстрый заказ с доставкой">Стоимость и срок доставки</button>
<div id="eShopLogisticWidgetModal" data-lazy-load="true" data-weight="1"></div>
<script src="https://api.esplc.ru/widgets/modal/app.js"></script>
<div id="eShopLogisticWidgetBlock" data-lazy-load="false" data-key="000000-0-0" data-weight="1"></div>
<script src="https://api.esplc.ru/widgets/block/app.js"></script>
<button data-esl-widget-cart
data-offers='[{ "article":"001","name":"Наушники","count":1,"price":6500,"weight":1,"image":"https://eshoplogistic.ru/files/demo/headphones.jpg" }]'>
Заказать с доставкой
</button>
<div id="eShopLogisticWidgetCartModule" data-lazy-load="false" data-key="000000-0-0"></div>
<script src="https://api.esplc.ru/widgets/cart-module/app.js"></script>
Описание атрибутов:
Параметр | Описание |
---|---|
data-key | Ключ виджета. Указывается на вкладке «Подключение на сайте». |
data-lazy-load |
Включение или отключение автозагрузки виджета. Если значение data-lazy-load="true" , то виджет не будет автоматически загружен при открытии страницы в браузере.
Для запуска виджета необходимо будет использовать какое-то событие, например клик по кнопке.Рекомендуется устанавливать значение true , если страница имеет высокую посещаемость (особенно ботами), чтобы не создавать лишние запросы к сервису.Подробнее смотрите в документации к выбранному виджету. |
data-weight | Вес груза в килограммах |
data-dimensions | Габариты в формате Д*Ш*В, в сантиметрах |
data-price |
Стоимость груза в рублях. Важно указывать, если в расчёт тосимости включена страховка или настроены корректирующие правила в зависимости от стоимости. |
Атрибуты, отмеченные , - обязательны.
Расчёт доставки для нескольких товаров
Для включения в расчёт доставки нескольких товаров, используйте атрибут data-offers
.
Этот атрибут представляет собой строку в формате JSON и заменяет атрибуты data-weight, data-price, data-dimensions.
Пример:
<div id="eShopLogisticWidgetBlock"
data-lazy-load="false"
data-key="000000-0-0"
data-offers='[{ "article":91,"name":"Радиотелефон Siemens","count":1,"price":3450,"weight":1 }, { "article":92,"name":"Наушники Sony","count":1,"price":8600,"weight":0.8 }]'>
</div>
<script src="https://api.esplc.ru/widgets/block/app.js"></script>
Все виджеты имеют функции обратного вызова, которые вы можете использовать для расширения функционала.
Подробная информация по всем виджетам с подробным описанием всех параметров доступна здесь.
Для разработчиков, готовых сделать полноценный модуль для CMS, доступна выгодная реферальная программа.