Примеры трек-кодов:
СДЭК 10078685776
, Почта России 80083203400637
, Boxberry 00002
, Деловые Линиии 50596460
Показывает трек движения отправления по выбранным вами транспортным компаниям.
Важно: информация только по вашим отправлениям, использовать данный виджет посторонние люди не смогут - только ваши клиенты.
Выберите нужные транспортные компании - они автоматически появятся в виджете.
В настоящее время отслеживание доступно для транспортных компаний СДЭК, Деловые Линии, Почта России и Boxberry. Другие добавим по вашему запросу.
Настроить внешний вид можно с помощью css под дизайн конкретного сайта (цвета, шрифт, форма и расположение блоков)
Этот виджет вы можете встроить в любой сайт, подключить к любой CMS, разрешающей использование внешних скриптов. Для этого достаточно разместить код виджета в нужное место на сайте.
Порядок подключения:
1. Зарегистрируйтесь в личном кабинете: my.eshoplogistic.ru
2. Создайте ключ доступа и добавьте нужные транспортные компании
3. Ознакомьтесь с инструкцией по настройке направлений доставки
4. Для установки виджета воспользуйтесь инструкцией, указанной на вкладке «Установка и примеры»
Помимо параметров настройки виджета в личном кабинете, некоторые настройки можно применять прямо при установке виджета.
Это позволяет переопределять указанные в личном кабинете базовые настройки (например, в зависимости от каких-то условий на сайте).
Обязательным параметром, который должен быть указан и не может быть изменён, является ключ виджета - data-key
.
Параметр | Описание |
---|---|
data-key | Ключ доступа |
Параметры, отмеченные , - обязательны.
Доступно 6 функций обратного вызова для каждого ключевого события или ошибки:
Пример использования:
<script>
document.addEventListener('DOMContentLoaded', () => {
const root = document.getElementById('eShopLogisticWidgetFindPackage');
if(root) {
root.addEventListener('eShopLogisticWidgetFindPackage:onFoundTrack', (event) => {
console.log('Событие onFoundTrack', event.detail)
})
}
})
</script>
1. Добавьте ключ доступа. Далее к данному ключу можно добавлять любое количество любых виджетов.
2. Выберите тип виджета «Отслеживание отправлений по трек номеру». После добавления виджета автоматически произойдёт переход к его настройке.
Подробно о настройке общих параметров виджета смотрите в руководстве.
1. Добавить блок виджета:
<div id="eShopLogisticWidgetFindPackage" data-lazy-load="false" data-key="000000-00-00"></div>
2. Настроить событие запуска виджета (при data-lazy-load="true"
):
<script>
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('ваш_элемент').addEventListener('click', event => {
document.getElementById('eShopLogisticWidgetFindPackage').dispatchEvent(new CustomEvent('eShopLogisticWidgetFindPackage:loadApp'))
})
})
</script>
3. Подключить виджет:
<script src="https://api.esplc.ru/widgets/findPackage/app.js"></script>