Шаблоны сайта, МойСклад и СДЭК: как мы разработали интернет-магазин одежды

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

Для успешной работы интернет-магазина важно иметь не только интуитивно понятный дизайн сайта с простыми шагами для заказа товара (услуг), но и гибкие функции для работы с изнанкой магазина. Всего этого можно добиться с помощью грамотного аудита бизнес-процессов, а также разработки нужной функциональности. Именно это мы сделали нашему заказчику. В статье расскажем, почему выбрали шаблоны для сайта Аспро: Максимум, а также какие дополнительные опции добавили в интеграцию с МоимСкладом (далее — МС, Склад) и СДЭК (далее — ТК, транспортная компания).

О клиенте

К нам обратился заказчик — интернет-магазин одежды TodesWear (далее — TW, TDSWR). Его бизнес начался с сотрудничества с шоу-балетом Аллы Духовой Todes: создавал одежду для выступлений. Постепенно, заказчик понял, что он может делать классную повседневную одежду в духе Todes для всех желающих. Так началась новое направление деятельности. TW создал сайт, где размещал товары и продавал их.

Со временем, TDSWR перестало хватать функций для оптимальной работы магазина:

• более гибко управлять каталогом на сайте;
• упростить шаги покупателям для заказа;
• не дублировать действия в МС и на сайте и многое другое.

Хотя заказчик в целом понимал, что ему нужно, оставался риск упустить важные детали. Поэтому он обратился к нам за помощью. Мы провели аудит сайта и выяснили, какие у TW рабочие процессы, а также как их можно упростить.

Истоки проблем

У клиента был старый сайт с интегрированным МоимСкладом и СДЭКом. Однако TW хотел сделать новый сайт с более понятным и гибким UI/UX дизайном (UI — внешний вид интерфейса, UX — его функционал). Кроме того, заказчик хотел расширить возможности управлять контентом на сайте.

Однако мы объяснили, что в случае TDSWR, проще взять платформу 1С-Битрикс: Управление сайтом (далее — БУС) с готовым шаблоном Аспро: Максимум и сделать сайт на ней. Готовое решение подходило под задачи заказчика и снимало головную боль из-за разработки сайта с нуля.

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

Шаблоны в массы

На аудите мы вместе с TW решали, каким должен быть сайт для комфортной, быстрой и качественной работы магазина. Было выделено около 7 шаблонов с различными функциями и контентом. По каждому из них выписаны те особенности, которые надо сделать. Например, на карточке товара отображать свойства торговых предложений (цвет, размер). Такие шаблоны помогают расположить и использовать контент таким образом, чтобы покупателям стало удобно «лазить» по страницам сайта и набирать корзину.

В итоге клиенту для задач подошли шаблоны Аспро: Максимум. У заказчика есть готовые идеи одежды (линии), а в Аспро есть шаблоны с готовыми блоками линий. Там же можно выложить целый образ. Внизу странице подтянутся предметы одежды из образа и клиент тут же может положить в корзину товары, выбрав размер, цвет и их количество.

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

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

Интеграция с МоимСкладом

Todes Wear в своей работе использует несколько платформ для работы: БУС, МойСклад и СДЭК. На БУСе заказчик сделал сайт с каталогом товаров, контактными данными, информацией о себе. На нем же потенциальный клиент выбирает товар и оформляет заказ. Однако сами товары (каталог) и их учет ведется в МС.

МойСклад — это удобный сервис в сфере торговли. В нем есть складской учет товаров, CRM для торговли, онлайн касса и многое другое.

Схема такая: работа с каталогом ведется в МоемСкладе (загружается товар, ведется учет), а на сайте подтягивается каталог из МС (с фотографиями и описанием). Если товар заканчивается в МС, то он автоматически исчезает (на время) с сайта. Заказчик управляет каталогом из личного кабинета Склада. При этом история с заказом противоположная. Клиент оформляет заказ на сайте, после этого такой же заказ создается в МС.

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

Правка каталога

Когда в МС создают каталог товаров, то он полностью дублируется на сайте. В каталоге может быть много разделов, но есть 3 основные для клиента: аксессуары, взрослым, детям. Теперь представьте: в МС создали разделы, которые не нужно сейчас показывать на сайте, но и удалить из каталога в МС нельзя (потом понадобятся в работе). К сожалению, на данный момент, в МС нельзя «отключить» отдельные разделы из выгрузки на сайт. Они все будут автоматически «подтягиваться» в каталог и клиенты увидят пустые (неактуальные) разделы.

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

Новые свойства товаров

Разделы каталога создают по разным основаниям: по типу одежды (верхняя, брюки, футболки), по группам пользователей (мужская, женская, детская) или по брендам. Один и тот же товар может относиться к нескольким разделам каталога, поэтому он должен появиться в них (например, бренд+футболка+мужская).

Представьте себе ситуацию: заказчик загружает товары (женские и мужские футболки разных брендов) в МойСклад и он автоматически «протягивается» на сайт. Однако без привязки например к бренду, система не будет понимать где разместить товары. Ежедневно сотрудник будет тратить время, чтобы разложить товары по нужным разделам на сайте. Не забываем про то, что одна и та же вещь должна быть представлена в разных разделах, а значит товар нужно положить в каждый из разделов (женское, мужское, 2-5 бренда). На это уходит много времени.

Todes Wear — монобрендовая компания, однако у них есть линии одежды. В их случае важно разложить товар по линиям. Что же делать, если в каталоге представлено несколько линий (или брендов) и >100 товаров? А если товаров от 100 различных брендов, и каждом из них представлены различные типы одежды: верхняя, топы, брюки, пиджаки, костюмы и так далее?

По умолчанию, в шаблонах есть фильтр по бренду, показывается блок с логотипами и бренд товара на детальной странице. Но чтобы этим можно было пользоваться, необходима доработка, что мы и сделали. Для начала, клиент как обычно указывает в МС название бренда (или линии), затем создает бренд и делает его описание в админке сайта. В дальнейшем, срабатывает наш скрипт: происходит синхронизация с МС → сайт «смотрит» на бренд, указанный в товаре в МС и ищет его в нужном месте на сайте → после этого сайт протягивает все нужные id (название, размер, артикул и т.д.) и товары автоматически попадают во все разделы сайта, где есть привязка к бренду.

Метка

У Аспро по умолчанию есть метки для товаров: Хит, Новинка, Распродажа и другие. Такие метки нужны для привлечения внимания покупателей к определенным товарам. Однако метки из МС в товары каталога на сайте автоматически не ставятся. Чтобы они появились у соответствующих товаров, заказчику надо зайти в админку сайта, найти товар и поставить нужные галочки.

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

Метка «Новинка» работает по похожему принципу, но немного по-другому. Система сайта самостоятельно (без участия менеджера) мониторит дату создания товара. Если товар добавили меньше 3х недель назад, то система автоматически проставляет товару «Новинка». По прошествию 3х недель, система также автоматически снимает метку. Такая функция оптимизирует работу сотрудников: не дает совершить ошибки и сохраняет время.

Возможность управлять выгрузкой на сайт

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

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

Интеграция со СДЭК

В этом проекте была типовая интеграция со СДЭК (которую мы делали не раз), кроме одного нетипового решения — автозагрузка заказа в личный кабинет транспортной компании. Модуль СДЭКа позволяет при создании заказа на сайте автоматически формировать его в личном кабинете. Это удобно, потому что менеджеру не надо тратить время, чтобы самому вручную переносить данные из заказа с сайта в личный кабинет ТК. Однако такое решение подходит не всем. Ведь многим хочется сначала позвонить клиентам и уточнить детали заказа, а потом уже загружать данные в транспортную компанию. Однако TW решили, что им нужно сделать автозагрузку. В этом случае, мы сделали интеграцию со СДЭК со стороны сайта, а не МоегоСклада.

Результаты для клиента. Преимущества разработки

Клиент пришел за новым сайтом с нуля. Однако в итоге получил удобный сервис на платформе БУС с готовым шаблоном Аспро: Максимум, интегрированный с МоимСкладом и СДЭК:

• Сайт адаптирован как под десктоп, так и для мобильных экранов.
• Мы провели полноценную интеграцию с МС и СДЭК. В системах каталоги синхронизированы, и заказчику не придется дублировать информацию и действия.
• Для интернет-магазина одежды появилась такая опция, как образ. Это дополнительный инструмент сокращает цепочку шагов покупателей к заказу.

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