Виджет выбора типа доставки

Russian English

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

Выбор города и отображение списка ПВЗ для него
Расчет доставки для указанных габаритов
Возможность выбора покупателем ПВЗ с передачей в функцию-обработчик всех необходимых для обработки данных
Вывод детальной информации для каждого ПВЗ
Гибкая настройка отображения и простое подключение виджета

Для подключения виджета необходимо на нужную страницу добавить код (рекомендуется его расположить внутри тега <head>):

<script id="ISDEKscript" type="text/javascript" src="https://ваш.сайт/путь_к_файлу/widjet.js" charset="utf-8"></script>

А также скопировать к себе на сайт файл service.php, в котором произвести настройки в соответствии с вашими данными по интеграции. Например, в строчках 11 и 14 указать используемые тарифы:

    /** Настройте приоритет тарифов курьерской доставки */
    /** Set up the priority of courier delivery tariffs */
    array(233, 137, 139, 16, 18, 11, 1, 3, 61, 60, 59, 58, 57, 83),
    /** Настройте приоритет тарифов доставки до пунктов выдачи */
    /** Set the priority of delivery tariffs to pick-up points */
    array(234, 136, 138, 15, 17, 10, 12, 5, 62, 63),

А в строчках 17 и 20 указать аккаунт к интеграции, чтобы получать стоимость доставки в соответствии с вашим договором:

    /** Вставьте свой аккаунт\идентификатор для интеграции */
    /** Put your account for integration here */
    'ACCOUNT_FROM_INTEGRATION',
    /** Вставьте свой пароль для интеграции */
    /** Put your password for integration here */
    'SECURE_PASSWORD_FROM_INTEGRATION'

Для отображения виджета на вашем сайте необходимо создать javascript-обработчик для виджета:

<script type="text/javascript">
    var ourWidjet = new ISDEKWidjet ({
        defaultCity: 'Новосибирск', //какой город отображается по умолчанию
        cityFrom: 'Омск', // из какого города будет идти доставка
        country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
        link: 'forpvz', // id элемента страницы, в который будет вписан виджет
        path: 'https://widget.cdek.ru/widget/scripts/', //директория с библиотеками
        servicepath: 'http://yoursite.net/service.php' //ссылка на файл service.php на вашем сайте
    });
</script>

А также на странице необходимо разместить элемент, в который будет вписана карта с пунктами выдачи заказов. Для элемента требуется указать высоту.

<div id="forpvz" style="width:100%; height:600px;"></div>

Ссылки

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

История изменений виджета можно посмотреть в файле: список изменений модуля

Пример работы виджета

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

Корзина покупателя:

Количество товаров: 1 шт.

Вес товара: 2 кг.