Трекинг-виджет для отслеживания заказов «Где посылка?»

Виджет предназначен для размещения на любых страницах сайта

Демонстрация работы виджета отслеживания посылок

Примеры трек-кодов:
СДЭК 10078685776, Почта России 80083203400637, Boxberry 00002, Деловые Линиии 50596460

Показывает трек движения отправления по выбранным вами транспортным компаниям.

Важно: информация только по вашим отправлениям, использовать данный виджет посторонние люди не смогут - только ваши клиенты.

Основные возможности виджета

  • Позволяет отследить трек доставки отправления нужными вам транспортными компаниями:
    Яндекс Доставка, СДЭК, Почта России, DPD, Boxberry, Деловые Линии, ПЭК, Dostavista, КИТ, Байкал Сервис, Желдорэкспедиция, Возовоз, Энергия, 5POST, Магнит Пост, Постаматы «Халва Экспресс», Grastin, Logsis

    Выберите нужные транспортные компании - они автоматически появятся в виджете.

    В настоящее время отслеживание доступно для транспортных компаний СДЭК, Деловые Линии, Почта России и Boxberry. Другие добавим по вашему запросу.

  • Кастомизация под стиль сайта через css

    Настроить внешний вид можно с помощью css под дизайн конкретного сайта (цвета, шрифт, форма и расположение блоков)

  • Простая настройка и установка на любую страницу сайта

    Этот виджет вы можете встроить в любой сайт, подключить к любой CMS, разрешающей использование внешних скриптов. Для этого достаточно разместить код виджета в нужное место на сайте.


Настройка и установка виджета для отслеживания заказов «Где посылка?»

Порядок подключения:

1. Зарегистрируйтесь в личном кабинете: my.eshoplogistic.ru

2. Создайте ключ доступа и добавьте нужные транспортные компании

3. Ознакомьтесь с инструкцией по настройке направлений доставки

4. Для установки виджета воспользуйтесь инструкцией, указанной на вкладке «Установка и примеры»

Помимо параметров настройки виджета в личном кабинете, некоторые настройки можно применять прямо при установке виджета.
Это позволяет переопределять указанные в личном кабинете базовые настройки (например, в зависимости от каких-то условий на сайте).

Обязательным параметром, который должен быть указан и не может быть изменён, является ключ виджета - data-key.

Параметр Описание
data-key Ключ доступа

Параметры, отмеченные , - обязательны.

Доступно 6 функций обратного вызова для каждого ключевого события или ошибки:

  • onLoadApp - Загрузка виджета;
  • onFoundTrack - информация по трек-коду найдена;
  • onNotFoundTrack - информация по трек-коду не найдена;
  • onErrorTrack - ошибка получения информации по трек-коду;
  • onErrorService - ошибка сервиса;
  • onSelectedService - выбор службы доставки из списка.

Пример использования:

<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>