Автоматизировали оптовые продажи дилера газового оборудования для автомобилей с крупной региональной сетью

Первая версия сайта Avtogbo.com была запущена в 2013 году, основное направление — торговля комплектующими газового оборудования для автомобилей. Это один из первых профильных интернет-магазинов ГБО и запчастей, который торгует оптом и в розницу.

Региональная сеть состоит из 11 складов по всей России: Москва, Белгород, Кемерово, Пермь, Уфа, Казань, Ростов, Южно-Сахалинск, Екатеринбург, Сургут, Челябинск.

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

Поэтому задача глобально делилась на два больших блока: разработка сайта и техническая реализация сложной логики работы с B2B-клиентами.

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

Такой подход давал сразу несколько преимуществ:

• Экономия средств и ресурсов за счет адаптации готового решения.
• Сокращение Time to Market и снижение рисков затягивания реализации проекта.
• Гибкая подстройка под бизнес-процессы клиента за счет освободившихся ресурсов.

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

В готовом решении уже присутствуют многие элементы интерфейса, которые учитывают специфику онлайн-заказа как для оптовиков, так и для розницы:

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

Все, что было необходимо проекту — это применить корпоративный стиль бренда и стилизовать под конкретные требования бизнеса.

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

У части страниц верстка и функционал не дорабатывались и остались идентичны базовой версии готового решения, это: главная, новости, акции, документы, личный кабинет и компания.

Остальные страницы были кастомизированы под требования клиента.
Регистрация и авторизация на проекте реализованы стандартно — логином является номер телефона. При регистрации необходимо выбрать тип покупателя — юридическое или физическое лицо.

При регистрации юридического лица срабатывает следующий сценарий:

• Создание лида в Битрикс24 заказчика. Лид запускает бизнес-процесс, настроенный ранее заказчиком, на ответственного регионального менеджера. Связь реализована через обработчик и rest-запрос.
• Отдельное email-уведомление о регистрации для юридического лица.

Также нами была настроена интеграция сайта с CRM Битрикс24:

• Заказы с сайта выгружаются в раздел «Сделки».
• Заявки из форм отправляются в раздел «Лиды».
• К сайту подключены «Открытые линии», которые объединяют множество цифровых каналов для бесшовной коммуникации с клиентом.

Интернет-магазин клиента работает как с розничными, так и с оптовыми покупателями. И если схема работы в розницу предельна проста, то в B2B есть много нюансов.

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

Все эти нюансы нужно было учитывать при отображении цен, скидок и бонусов в личном кабинете.

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

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

Задача ЛК в данном проекте — реализовать сложную схему бизнес-процессов и упростить работу с юридическими лицами.

Мы разработали дизайн и функционал новой страницы — «Соглашения». На ней пользователь может выбрать одно из нескольких доступных соглашений, по которому он хочет продолжить работу.

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

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

Делает это специальный веб-сервис, который предназначен для получения актуальных данных из 1С.

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

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

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

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

Веб-сервис также учитывает наличие товаров на складе — и сразу показывает это в корзине. Например, в Екатеринбурге доступны не все товары из списка.

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

Цены в разных валютах указаны как в каталоге, так и в карточке товара, и уже затем в корзине и на этапе чекаута.

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

Мы создали отдельную страницу в ЛК, где показывается:

• количество «Выхлопов» у пользователя;
• список доступных товаров, которые отображаются так же, как в каталоге;
• блок над списком товаров, в котором дано краткое описание бонусной системы.

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

При обмене с учетной системой значение этого свойства выгружается на сайт как свойство товара. Также из 1С приходит свойство «Скидка за выхлопы в %», в котором содержится максимальный процент стоимости, который можно оплатить бонусами.

Оплатить можно как часть товара, так и его полную стоимость, начисление производится вручную в 1С, периодически выгружается на сайт и отображается в ЛК пользователей.

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

Настроили работу фильтра в категориях каталога и добавили:

• Возможность фильтрации по ярлыкам: «Хит», «Новинка» и др.
• Ярлык для товаров из категории «Спецпредложения».
• Фильтрацию по свойству «Отключено вручную», которая доступна только для админов сайта.
• Ярлык «Выхлопы», видимый лишь юрлицами, которые могут приобрести товары за счет бонусов.

Для заполнения ярлыков был разработан специальный скрипт, который запускается раз в сутки и подтягивает из 1С свойства типа чекбокс, где каждый отвечает за отдельный ярлык: «Новинка», «Хит», «Акция», «Спецпредложение», «Выхлоп». Скрипт собирает данные этих свойств и передает сайту.

Настроили стандартный для ГР вывод информации о количестве товара в наличии:

• от 50 шт. — много;
• 10–49 шт. — достаточно;
• 1–9 шт. — мало;
• 0 шт. — ожидается поступление.

Товары, которых нет в наличии, имеют ярлык «Ожидается поступление» и отображаются с кнопкой «Заказать», которая активирует подписку на товар с уведомлением при поступлении.

Количество товара отображается из наличия на складе в зависимости от подключенного соглашения. Для физических лиц всегда отображаются остатки на складе в Москве.
Для юридических лиц настроено отображение цен в соответствии с выбранным соглашением.

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

В карточке товара также было настроено индивидуальное отображение цен для каждого B2B-пользователя, в зависимости от типа соглашения.

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

Так же, как и в категориях, в карточке товара отображается количество бонусов, которое будет начислено после покупки позиции.

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

При прокрутке страницы в верхней части фиксируется блок с краткой информацией о товаре и кнопкой CTA — это удобная функция из готового решения.

Товары в комплекте выгружаются из базы 1С со своим составом и их количеством в наборе.

Дополнительно для комплектов, покупаемых со склада в Москве, мы реализовали уведомление в виде попап-окна. При добавлении такого комплекта в корзину появляется сообщение: «Мы проверим возможность сборки и подтвердим заказ».

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

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

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

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

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

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

Поэтому штатный поиск мы заменили модулем «Умный поиск», который добавляет следующие возможности:

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

исправляет артикулы и позволяет искать товары по ним.

Клиент работал на ERP 1С: Предприятие», нашей задачей было обеспечить интеграцию с 1С со стороны сайта.

Интеграция должна была обеспечивать выгрузку следующих данных:

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

Дополнительно написали обработчик, который при выгрузке обновляет соглашения в hl-блоке. Он заполняет следующие поля:

• «Название соглашения». Если поле пустое, в том числе при создании нового элемента, то вписывается наименование типа цены. Если в выгрузке есть название соглашения, то оно записывается автоматически.
• «Тип цены». Идентификатор типа цены, по которому работает соглашение.
• «Склад». Идентификатор склада, по которому показываются остатки.
• «Валюта соглашения», которая считается основной при оформлении заказа и подтягивается из 1С.

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

Обмен заказами между сайтом и 1С осуществляется по следующим параметрам:

• Обмен статусами заказов между сайтом и 1С.
• Загрузка документов оплаты с сайта в 1С — при поступлении платежа на сайте, создается документ по заказу покупателя: кассовый ордер или факт оплаты по платежной карте.
• Если заказ сформирован физическим лицом, то в 1С подставляется единый контрагент «Интернет-магазин», который предусмотрен в настройках модуля обмена.

Также настроили выгрузку данных о контрагентах.

• Обновили дизайн сайта с учетом требований бизнеса и пользовательского опыта, UX.
• Запустили сайт на готовом решении, за счет чего сэкономили бюджет клиента и значительно сократили Time to Market.
• Реализовали сложную механику бизнес-процессов для работы с B2B-клиентами.
• Настроили индивидуальные цены, остатки, бонусы и скидки для юридических лиц.

Провели интеграцию сайта с 1С, CRM Битрикс24 и сервисами e-commerce.