Виджет для расчета стоимости курьерской доставки по России

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

Пример работы

Пример выбора способа доставки и пункта выдачи

Оформление заказа

Ваш заказ:

МАГРИТТ РЕНЕ "16 сентября"
1 х 899,00 руб.

ВЕТТРИАНО ДЖЕК "301.1.129"
1 х 1381,00 руб.

Шаг 1. Контактные данные

Шаг 2. Адрес доставки

Шаг 3. Способ доставки



Шаг 4. Способ оплаты



Инструкция для вставки виджета на свой сайт

//Добавьте следующий код в место, где нужно отобразить форму
<script src="//glavpunkt.ru/widgets/js/courier"></script>

<div id="courierWidget"></div>

<script>
  //Опционально, определите свою функцию для обработки выбранного города и управления тарифом:
  function updateTarifInfo(tarifInfo) {
    // Если требуется, тут можно изменить любой из параметров объекта tarifInfo
    //tarifInfo.tarif += 300;

    console.log("Из города: " + tarifInfo.cityFrom);
    console.log("В город: " + tarifInfo.cityTo);
    console.log("Срок доставки: " + tarifInfo.period + " дн.");
    console.log("Стоимость доставки: " + tarifInfo.tarif + ' р');

    // Эта строчка обязательна
    return tarifInfo;
  }

  // Подключение виджета:
  Glavpunkt.courier.init({
    'elementId': "courierWidget",
    'cityFrom': 'SPB',
    'weight': 1,
    'price': 1000,
    'paymentType': 'cash',
    'onCalcCallback' : updateTarifInfo
  });
</script>

Параметры инициализации виджета

Список городов, в которые есть курьерская доставка, в формате xlsx

Для работы виджета необходимо передать в функцию объект с параметрами расчета. Список представлен ниже.

Имя параметра Тип Пример Описание
elementId String
'courierWidget'
Обязательный параметр! ID элемента-контейнера на странице, в котором будет отображен виджет.
cityFrom String
'Санкт-Петербург' или 'SPB'
Обязательный параметр! Указывает город, из которого надо отправить заказ. Только Санкт-Петербург и Москва.
weight Number
1
Обязательный параметр! Вес заказа (не более 10 кг).
price Number
1200
Обязательный параметр! Стоимость заказа.
paymentType String
'cash' или 'credit' или 'prepaid'
Обязательный параметр! Способ оплаты заказа.
cityTo String
'Москва' или 'MSK'
Город по-умолчанию, куда надо доставить заказ.
isStyled Boolean
true
По-умолчанию true. Укажите false, чтобы использовать свои таблицы стилей.
onCalcCallback Callback function
updateTarifInfo
Функция обратного вызова для управления тарифом. Пример использования см выше.
onSelectCallback Callback function
afterCitySelect
Функция обратного вызова для управления выбранным городом. Например:
function afterCitySelect(cityName) {
    console.log(cityName);
  }

по вопросам сотрудничества

Любовь Артман

Руководитель направления
info@glavpunkt.ru
СПб: (812) 324-33-44
Мск: (499) 110-56-94