Пример интеграции виджета

Здесь Вы можете увидеть, как работает виджет выбора ПВЗ непосредственно на странице вашего сайта.

В результате работы виджета, по событию выбора ПВЗ на карте, возвращается объект result, который содержит в себе следующие параметры:
  • Код выбранного ПВЗ result.id:
  • Наименование города выбранного ПВЗ result.name:
  • Адрес выбранного ПВЗ result.address:
  • Телефон выбранного ПВЗ result.phone:
  • Время работы выбранного ПВЗ result.workschedule:
  • Стоимость доставки до выбранного ПВЗ result.price:
  • Срок доставки до выбранного ПВЗ result.period:
  • Отделение работает по предоплате (Да-1|Нет-0) result.prepaid:

Способ доставки


Состав заказа

Наименование товара Цена Кол-во
...

Шипованная резина

Основными отличиями данных шин являются специфические свойства резины и рисунка протектора.
1 000 руб. 1 шт.
Доставка до ПВЗ:
Итого:

Код примера:

//В шапке вашего сайта разместить строку подключения виджета:
<script type="text/javascript" src="//points.boxberry.ru/js/boxberry.js"> </script/>

//В шаблон сайта добавить элемент, куда будет загружаться карта и вызвать метод:

boxberry.openOnPage('boxberry_map');

с названием созданного элемента и указать название функции, которая будет обрабатывать возращаемые значения (например:callback_function):

<div id="boxberry_map"></div>
<script>
boxberry.openOnPage('boxberry_map');
boxberry.open(callback_function);

//Описать функцию callback_function, например:

function callback_function(result){
document.getElementById('city').innerHTML = result.name;
document.getElementById('js-pricedelivery').innerHTML = result.price;
document.getElementById('code_pvz').innerHTML = result.id;

result.name = encodeURIComponent(result.name) // Что бы избежать проблемы с кириллическими символами, на страницах отличными от UTF8, вы можете использовать функцию encodeURIComponent()

document.getElementById('name').innerHTML = result.name;
document.getElementById('address').innerHTML = result.address;
document.getElementById('workschedule').innerHTML = result.workschedule;
document.getElementById('phone').innerHTML = result.phone;
document.getElementById('period').innerHTML = result.period;
if (result.prepaid=='1') {
alert('Отделение работает только по предоплате!');
}
}
</script>

Подробную инструкцию вы можете скачать здесь >>