16.01.2018

Встраиваемый виджет для СДЭК

cdek.ruclientswidget.html

Задача

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


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

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

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


<script id="ISDEKscript" type="text/javascript" src="https://www.cdek.ru/website/edostavka/template/js/widjet.js"></script>


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


ISDEKservice::setTarifPriority(
    array(233, 137, 139, 16, 18, 11, 1, 3, 61, 60, 59, 58, 57, 83),
    array(234, 136, 138, 15, 17, 62, 63, 5, 10, 12)
);


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


    protected static $account = 'ACCOUNT_FROM_INTEGRATION';
    protected static $key     = 'SECURE_PASSWORD_FROM_INTEGRATION';


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


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


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