KRAMP. Корзина
и оформление заказа
для B2B-клиентов

Состав работ

  1. Интеграция сайта с 1С по API
  2. Проектирование и дизайн интерфейсов корзины
  3. Добавление товаров в корзину через xls-файл с артикулами
  4. Подбор товаров-аналогов в корзине
  5. Генерация PDF с ценовым предложением на товары в корзине
  6. Разделение корзины на два заказа (в наличии, под заказ)
  7. Кредитный лимит (отгрузка без оплаты)
  8. Настройка способов доставки
  9. Настройка способов оплаты

Интеграции

1С по API
Деловые линии
DaData
PayMaster
Бизнес.ру
ЮKassa
СберБизнес

Проблема

Kramp — международный поставщик сельскохозяйственных запчастей. Менеджеры российского интернет-магазина работают в 1С. Из-за особенностей B2B-клиентов менеджерам приходилось выполнять много однообразной работы, в т.ч. большой объем коммуникаций с уже совершившими заказ клиентами, изменение состава заказа по просьбе клиента уже после его оформления, подготовка ценовых предложений и т.д.

Интерфейсы корзины и оформления заказа были неудобными и обладали ограниченной функциональностью.

Задача

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

Решение

Разработали двустороннюю интеграцию с 1С по API

Все параметры товаров, наличие на складах, индивидуальные скидки и кредитные лимиты клиентов заполняются в 1С. Обмен реализован через API.

Цены в корзине автоматически рассчитываются на стороне сайта на основании полученных в момент открытия корзины из 1С стоимости товара в евро, курса валют и скидки клиента. Все заказы и внесённые в них изменения автоматически загружаются в 1С и обратно.

Корзина и чекаут реализованы в виде vue.js приложений

Реализовали возможность добавления товаров в корзину из XLS напрямую

Многим клиентам удобно формировать заказы в таблице, используя артикулы товаров, а не добавлять в корзину товары из каталога по одному.

Система позволяет добавлять в корзину 200+ артикулов из одного файла. После загрузки файла сайт перенаправляет пользователя в корзину, где он видит цены с учетом индивидуальных скидок. Над списком товаров выводится количество распознанных и нераспознанных артикулов. Список нераспознанных артикулов можно посмотреть и отредактировать: при оформлении заказа он также отправляется менеджеру в 1С, чтобы он мог помочь с подбором недостающих товаров.

При загрузке нескольких файлов подряд новые артикулы добавляются в корзину без удаления ранее загруженных.

Сделали возможность добавлять товар, не покидая корзину

Уже в корзине пользователь может понять, что нужно добавить в заказ что-то ещё. Если он уходит из корзины в каталог, это откладывает целевое действие — совершение заказа. Мы реализовали возможность добавления любого товара прямо со страницы корзины. Для этого нужно указать в строке поиска номер запчасти (или его часть) и выбрать подходящий товар из выпадающего списка.

Спроектировали новый интерфейс корзины, адаптированный под b2b-клиентов

Раньше на одном экране в корзине отображалось 5-6 артикулов. При среднем размере заказа 70 артикулов приходилось долго листать список, что увеличивало путь к покупке. Мы сделали строки более компактными — теперь на экране отображается 10 артикулов. Также изменили структуру страницы и расставили акценты внутри строки: остатки переместили к ценам и количеству, а артикул отделили от названия.

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

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

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

Сделали изменения цен и остатков понятными для пользователя

С момента добавления товаров в корзину до момента оформления заказа может пройти несколько дней: за это время могут измениться цены и остатки. В этом случае в верхней части корзины отображается сообщение, в котором указаны все изменения. При изменении цены пользователь видит старую и новую цену, а при изменении остатков — остаток на момент добавления и на текущий момент.

Артикулы, в которых произошли изменения, дополнительно выделяются в корзине. Если добавленный ранее товар больше недоступен к заказу, пользователь видит соответствующее сообщение, а товар автоматически удаляется из корзины.

Товары, по которым изменились цены или остатки выделены в корзине

Разработали систему рекомендаций аналогов

Компании выгодно продавать аналоги оригинальных запчастей: они обладают большей маржинальностью и позволяют клиентам экономить.

Аналоги настраиваются в параметрах товара на стороне 1С. В корзине возле каждого товара, имеющего аналог, выводится яркая бирка «Есть аналоги». Нажатие на неё показывает доступные аналоги прямо под оригинальным товаром. Аналог можно добавить в корзину в один клик, и он появится рядом с исходным товаром, что позволяет легко заменять оригиналы на аналоги, даже если в корзине много товаров.

Установили ограничение на продажу под заказ товаров, снятых с производства

Если нужного количества товара на складах Kramp нет, пользователь может купить его под заказ со склада производителя. Раньше сайт позволял покупать товары под заказ без ограничений по количеству, но эта логика не учитывала товары, которые больше не производятся. Поэтому на стороне 1С ввели признак «Снят с производства»: после его присвоения товар в интернет-магазине можно заказать только в том количестве, которое есть на складах.

Как только остатки по снятому с производства товару распроданы, он автоматически удаляется из ассортимента интернет-магазина.

Разработали механизм выгрузки ценового предложения

Часто клиенту нужно согласовать заказ перед оформлением. Раньше такие клиенты делали заказ, а после согласования вносили в него изменения через менеджера, что увеличивало объём ручной работы: требовалось готовить несколько ценовых предложений и согласовывать изменения.

Мы сделали возможность автоматически формировать ценовое предложение в формате pdf или xls прямо из корзины, не оформляя заказ. Его можно распечатать, оставить заметки в специальном поле и передать на согласование. В случае изменений в составе заказа после согласования, клиент самостоятельно вносит их в корзине и оформляет уже согласованный внутри компании заказ.

Автоматическое формирование коммерческого предложения из товаров в корзине

Реализовали систему кредитных лимитов

Для ряда клиентов предусмотрены резервирование и отгрузка товаров не по предоплате, а с помощью кредитного лимита. Доступный кредитный лимит рассчитывается исходя из общей суммы кредитного лимита клиента, его текущей задолженности и суммы резервов на данный момент — всё это передаётся на сайт из 1С в режиме реального времени.

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

Заказы со склада в РФ, оплаченные с помощью кредитного лимита, отгружаются автоматически, без участия менеджеров интернет-магазина.
Система кредитных лимитов для отгрузки из интернет-магазина без оплаты

Разработали автоматическое разделение корзины на два заказа (товары со склада РФ и под заказ)

У Kramp есть склады в России и в Европе. Когда одни товары есть на российском складе, а другие нужно ждать из Европы, клиент обычно хочет сразу получить те запчасти, которые приедут быстро.

Корзина автоматически разделяется на два заказа: товары, находящиеся на складах РФ, добавляются в один заказ, а товары, находящиеся на европейских складах или доступные только под заказ, добавляются во второй заказ.

Если количество товара в корзине превышает запасы на складе РФ, формируется два заказа. В один заказ товар добавляется в количестве, имеющемся на складе в РФ, а оставшееся количество заказанного товара добавится во второй заказ.

Параметры доставки и оплаты этих заказов могут отличаться. Клиент может скопировать для второго заказа данные из первого или указать другие данные.

Корзина автоматически разделяется на два заказа: из наличия и под заказ

Сделали расчет стоимости до бесплатной доставки

В нижней части корзины отображается общая сумма заказа. Рядом с ней мы добавили сумму, оставшуюся до бесплатной доставки. Условия у дилеров и конечных клиентов разные, поэтому эта сумма рассчитывается в зависимости от того, к какой группе относится конкретный пользователь.

Блок до бесплатной доставки осталось

Реализовали систему промокодов

В ряде случаев нужно предоставить скидку определённой группе клиентов на конкретные бренды. Для этого используется механика промокодов: из 1С выгружаются массивы данных «скидка — бренд — клиент — срок действия скидки», а на сайте генерируются промокоды для пользователей и формируется выгрузка промокодов для email-рассылки.

На всех страницах сайта, кроме чекаута, спасибо-страницы и страницы редактирования заказа мы реализовали вывод баннера с промокодом и условиями применения (бренды и размер скидки). Для каждого клиента такой баннер генерируется автоматически, в зависимости от указанных условий.

Персональные промокоды на сайте

Промокод автоматически применяется в корзине. При применении промокода учитываются условия одновременного действия скидок (применяется наибольшая). Чтобы клиенты могли использовать только свои промокоды, на сайте реализована проверка соответствия клиентов и выданных им кодов: чужой промокод не сработает.

Автоматически заполненное поле промокода в корзине

Подключили новые способы оплаты и доставки

Раньше после оформления заказа менеджер связывался с клиентом, уточнял все параметры доставки и вносил их в 1С вручную. Это увеличивало нагрузку на специалистов и время от заказа до отгрузки. Теперь все эти данные клиент может указывать самостоятельно. При заполнении города и адреса сайт предлагает подсказки от сервиса DaData.

Чтобы клиенты на сайте могли оформлять доставку до терминалов «Деловых линий», была реализована интеграция, позволяющая получать и обновлять список терминалов и информацию о них: адрес, телефон, e-mail и режим работы.

Терминал можно выбирать на карте или в списке: среди вариантов будут только те, что подходят для выбранного города и позволяют отгружать крупногабаритные запчасти. Информация о выбранном терминале передается в 1С. В городах, где есть терминалы «Деловых линий», доступна также доставка до двери.

Корзина автоматически разделяется на два заказа: из наличия и под заказ
Этот набор интеграций позволил Kramp автоматически отгружать оплаченные заказы со складов РФ при выборе доставки в терминал: участие менеджера не требуется ни на одном из этапов.

Если пользователь в процессе оформления заказа переключается между шагами или уходит в другие разделы сайта, ранее введенные данные сохраняются. Добавленные пользователем адреса доставки также сохраняются, чтобы в будущем можно было выбрать один из них, не вводя данные заново.

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

Для юридических лиц мы реализовали возможность оплачивать заказы через Сбербанк Бизнес Онлайн: для этого реализовали интеграцию по API с Яндекс Кассой (ЮKassa).

Корзина автоматически разделяется на два заказа: из наличия и под заказ

Видео процесса работы с корзиной и оформлением заказа

Работы выполнены для интернет-магазина kramp.ru. Цены, корзина и чекаут на сайте доступны только зарегистрированным пользователям, подписавшим договор с Kramp. А вот скринкаст процесса работы с корзиной и оформлением заказа доступен всем.

Ищете надежного подрядчика?

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