КЕЙС доработки сайта loip.ru: как одно решение сэкономило время на наполнение сайта в 20 раз

Наш клиент — компания «Лабораторное Оборудование и Приборы», одно из ведущих предприятий в своей сфере. Loip.ru — это сайт–каталог с большим ассортиментом, который работает на CMS 1С–Битрикс.

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

задача

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

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

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

Работать с кодом сложно. Поэтому администратор тратил около
20–30 минут на редактирование одной таблицы и ее проверку. Если требовалось добавить несколько таких перелинковок, работа становилась очень трудоемкой.

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

Таблица состоит из блоков с заголовком, изображением и ссылками на товары

рЕШЕНИЕ

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

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

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

Обсуждаем с клиентом проблему и ставим ТЗ

Предлагаем решение и оцениваем его в часах

Согласовываем с клиентом

Этот порядок позволяет избежать проблем в будущем.

Подготовка к работе выглядит так:

рЕШЕНИЕ

Подготовка к работе обычно выглядит так: мы обсуждаем с клиентом проблему и ставим ТЗ → предлагаем решение и оцениваем его в часах → согласовываем его с клиентом.

Этот порядок позволяет избежать проблем в будущем.

Результат

Открывает вкладку «Дополнительное оснащение».
Заполняет заголовок блока, например, «Сушильные шкафы» и добавляет к нему изображение.
Привязывает к блоку категорию или конкретные товары. При этом все названия и ссылки на них подгружаются автоматически и добавляются в верстку.

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

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

Добавили в админпанель вкладку «Дополнительное оснащение».

Во вкладке специалист редактирует таблицу перелинковки:

Интерфейс готового решения внутри админпанели

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

Теперь все работает так:

Мы добавили во вкладку с перелинковкой специальное поле.

2.1

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

2.2

Нажимает на кнопку «Сохранить».

2.3

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

Автоматическое решение значительно экономит время: заполнение перелинковки отнимает не больше пары минут.

Анастасия Красильникова

Аккаунт-менеджер

ОТзыв аккаунт-менеджера

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

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

ВЫВОДЫ

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

Для сайта компании «Лабораторное Оборудование и Приборы» мы разработали удобный интерфейс, который позволяет в пару кликов добавлять к товару перелинковку с дополнительным оснащением.

Новая функция позволила сократить часы ручной работы: время заполнения перелинковки для одной карточки сократилось с 20 минут до 1–2 минут.