Из Joomla в Битрикс: как мы собрали масштабируемый интернет-магазин для РБС

Мы взяли старый интернет-магазин на Joomla, где карточки заполнялись вручную по полчаса, и превратили его в масштабируемую платформу на Битрикс: с чистым фронтом, структурным каталогом, SEO-фундаментом и архитектурой без риска все сломать при первом обновлении. Как так получилось – читаем ниже. 

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

Работаем с еCommеrcе, маркетплейсами, B2B-продуктами, интерфейсами с админками и сложной логикой. 

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

Наш клиент — компания «РБС-Групп», поставщик и интегратор торгового и логистического оборудования. Ее годовой оборот превышает 300 млн рублей.

Ассортимент «РБС-Групп» охватывает все, что нужно бизнесу для торговли и логистики — от сканеров, терминалов и принтеров этикеток до онлайн-касс, банковского оборудования и расходников. В портфеле есть и комплексные решения для маркировки товаров в рамках программы «Честный знак».

Команда пришла к нам с запросом на редизайн интернет-магазина. 

Старый сайт «РБС-Групп» работал на Joomla. Для небольших проектов эта CMS может быть удобной, но для интернет-магазина с тысячами SKU она быстро становится обузой. Joomla изначально не создавалась как еСom-платформа, поэтому все торговые функции здесь приходится собирать из сторонних расширений. 

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

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

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

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

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

Мы перенесли сайт на 1C-Битрикс — платформу, изначально созданную для интернет-магазинов. Здесь все нужное уже встроено: 

• каталог;
• корзина;
• система скидок;
• интеграции с 1С и CRM. 

То, что раньше приходилось собирать из десятков сторонних плагинов, теперь работает «из коробки» и не ломается при обновлениях.

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

Запуск нового проекта без SEO-стратегии это 100% потеря старого трафика.

Во-первых, старый и новый сайты не должны одновременно находиться в индексе — иначе поисковики посчитают их аффилированными и оставят в выдаче только один.

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

Joomla-плагины могут поддерживать базовое SEO (чпу, мета, микроразметку), но генерация SEO-страниц, автоматизация тегов и тонкая настройка структуры часто либо невозможны, либо реализуются с костылями — а это чревато дублированием, падением позиций, конфликтами в индексации.

При переходе на Битрикс мы не просто меняли движок — мы готовили платформу, способную «вытерпеть» такие SEO-задачи. Мы учли технические требования: 

1. Сделали правильную структуру;
2. Прописали карту редиректов;
3. Заложили корректную маршрутизацию URL. 

Это значит, что после запуска клиент получает сайт, на котором можно строить то SEO, которое ему нужно.

Исправить ошибки прошлых подрядчиков и навести порядок в SEO-трафике — важная задача, но она мало что значит сама по себе, если сам сайт неудобен для пользователей. Поэтому нам предстояло доработать дизайн и структуру.

Айдентика у клиента уже существовала, поэтому задача была не «придумать стиль заново», а аккуратно собрать его в работающий интерфейс. Мы создали адаптивы, отрисовали недостающие страницы, проработали поведение элементов и поправили множество неточностей.

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

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

Особое внимание уделили сценариям выбора — ведь один товар может иметь до 20 модификаций, и задача каталога — корректно направить пользователя именно к нужному варианту.

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

Карточки товара — еще один важный элемент. Поскольку речь идет о техническом B2B-продукте, мы сделали ставку на функциональность, а не эмоции. 

Акцент — на характеристиках: тип устройства, операционная система, объем памяти, тип сканера, емкость аккумулятора и т. д. Здесь же детально проработаны модификации и отличия товаров, заводские артикулы, фильтры по характеристикам модификаций, а также документация и сертификаты.

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

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

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

Личный кабинет закрывает все основные сценарии покупателя — от отслеживания заказов до повторных покупок. Здесь можно изменить профиль, пароль, добавить товары в избранное или сравнение, быстро оформить повторный заказ.

Интерфейс сделали максимально понятным — без лишних кликов и запутанных разделов. После оформления заказа клиент сразу получает уведомления о его статусе: в личном кабинете, на почту и по SMS.

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

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

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

Есть важный технический нюанс: так как сайт работает на Битриксе, мы сознательно отказались от современных фронтенд-фреймворков вроде React или Vue. Несмотря на их удобство и популярность, внутри Битрикса они создают проблемы с SEO и индексацией.

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

Мы сделали так, чтобы все процессы магазина работали как одно целое. Заказы и заявки теперь автоматически передаются в amoCRM — клиент настраивал систему сам, а мы обеспечили корректную передачу данных, протестировали связку и добились стабильной синхронизации.

Кстати, хоть сайт и на Битриксе — это не мешает его интеграции с amo. Любая CRM  подключаема, если знать, как подружить ее с сайтом.

Интеграции со службами доставки — СДЭК, Boxberry и «Деловые линии» — позволяют автоматически рассчитывать стоимость доставки. Однако из-за того, что не все товары имеют заполненные параметры (вес, габариты), расчет работает с ограничениями.

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

Дополнительно подключили DaData: теперь при вводе ИНН система автоматически подтягивает реквизиты компании. Это позволило сократить число ошибок и снять рутину с менеджеров, которым раньше приходилось все проверять вручную.

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

А настоящий квест начался, когда выяснилось, что у клиента нет 1С или другой системы учета. Каталог вели в Google-таблицах, а характеристики товаров собирались из разных источников: часть — с сайтов поставщиков, часть — с Яндекс.Маркета. Поэтому один и тот же параметр мог называться по-разному, писаться с разными пробелами или вовсе отсутствовать.

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

После перехода на Битрикс сайт «РБС-Групп» перестал быть тормозящей системой и стал нормальной рабочей платформой — быстрой, устойчивой и готовой к росту.

Теперь карточку товара можно добавить за пару минут, а не сидеть по полчаса. Каталог стал логичным, без дублей и ошибок, SEO-структура — чистой и понятной. Сайт спокойно выдерживает нагрузку от рекламы, не сыпется при обновлениях и быстро откликается. А интеграции с CRM, доставкой и оплатой работают в связке, без ручных доработок.

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

Разработчики понадобятся только тогда, когда захочется реализовать что-то новое. Это не только удобнее, но и дешевле: нет зависимости от подрядчика, нет постоянных оплат за мелкие правки.

• Back: PHP, 1С-Битрикс
• Front: html, css, js
• Интеграции: amoCRM, xml/xls, службы доставки, SMS