Для магазинов клиентов ILFF
Виджет для корзины интернет-магазина

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

Виджет встраивается в корзину вашего сайта. Покупатель видит пункты выдачи на карте, курьера и Почту России с ценой и сроком по своей корзине, а ваш магазин получает выбранный вариант. Заказ дальше уходит к нам на склад через API, как обычно.

Демо: настоящие цены ILFF

Попробуйте как покупатель

Корзина магазина
Футболка хлопковая ×20,4 кг · 30×20×4 см3 000 ₽
Кружка керамическая0,5 кг · 12×12×10 см800 ₽
Доставкане выбрана
Параметры корзины

Цены и пункты выдачи настоящие: виджет считает по базовому тарифу ILFF. Первый расчёт для нового города может занять до 15 секунд.

Что видит покупатель

ВкладкаЧто внутри
Пункты выдачиСДЭК и 5Post на карте и списком, фильтр по службе, поиск по адресу, график работы, оплата картой, примерочная
КурьерКурьер ILFF (Москва и Санкт-Петербург), курьер СДЭК и курьер Почты России, цена и срок
ПочтаОтделения Почты России на карте

При оплате при получении остаются только пункты, где её принимают. Пункты, куда корзина не проходит по весу или размеру ячейки, скрываются.

Как подключить

ШАГ 1Сообщите домены

Напишите менеджеру адреса сайтов, где будет виджет. Мы включим их в карточке клиента: с других сайтов виджет работать не будет.

ШАГ 2Вставьте код

Программист добавляет скрипт на страницу корзины и вызывает виджет с весом, размерами и суммой корзины. Ваш код клиента ILFF служит ключом.

ШАГ 3Передайте заказ

Выбранную службу и пункт выдачи магазин передаёт в заказ на доставку через API ILFF по своему ключу API.

<script src="https://il-ff.ru/widget/ilff-delivery.js"></script>
<script>
  ILFFDelivery.open({
    client: "000123",            // ваш код клиента ILFF
    cart: { weight_kg: 1.3, length_cm: 30, width_cm: 20, height_cm: 14,
            total: 3800, cod: false },
    city: { name: "Москва" },    // необязательно
    profile: "site2",            // необязательно: вариант настроек калькулятора из личного кабинета
    container: "#delivery",      // необязательно: без него откроется окном
    onSelect: function (choice) {
      // choice.service, choice.price, choice.pvz.code ... сохраните в заказ
    }
  });

  // Если доставку отключили в личном кабинете, блок доставки в корзине лучше скрыть:
  ILFFDelivery.check({ client: "000123", cart: { weight_kg: 1.3, total: 3800 } })
    .then(function (r) { if (!r.available && !r.error) hideDeliveryBlock(); });
</script>

Что приходит в onSelect:

{
  "type": "pvz", "service": "cdek", "service_name": "СДЭК",
  "price": 288, "days_from": 2, "days_to": 3,
  "city": { "name": "Москва", "fias": "0c5b2444-…" },
  "pvz": { "code": "MSK123", "name": "…", "address": "…", "type": "pvz" },
  "address": null,
  "rpo": null
}

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

Модули для CMS

Модули ставят доставку ILFF в оформление заказа без программиста и сами передают заказы, остатки и трек-номера. Готов модуль InSales, следующий — 1С-Битрикс. Напишите, на какой платформе ваш магазин. Все модули.

InSales1С-БитриксWooCommerceTildaOpenCart