Создание интернет-магазина стройматериалов с интеграцией каталога и заказов с 1С и Битрикс24 для «Большие скидки» в г. Обнинск

О клиенте

Компания «Большие скидки» является топ-дистрибьютором отечественного завода Grand Line^® (наши торговые точки находятся по одному адресу с заводом), представляет продукцию DoorHan^® (франчайзи Экоокна) и других брендов.

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

За активное участие и стремление разобраться в особенностях проекта выражаем благодарность руководителю Сергею Якутину!

С какими задачами пришел клиент

В июле 2021 года компания «Большие скидки» обратилась к нам с задачей организовать работу онлайн-продаж так, чтобы была полная интеграция интернет-магазина с Битрикс24 и 1С в части товаров и заказов. На момент обращения у клиента была облачная версия Битрикс24, интернет-магазин на платформе 1С-Битрикс: Управление сайтом в редакции Малый бизнес с устаревшим готовым решении и дорогостоящим хостингом.

Предложен переход облачного Битрикс24 в коробочную версию 1С-Битрикс24: Корпоративный портал 50, на этой же платформе реализовать в режиме мультисайтовости интернет-магазин на готовом решении Аспро: Максимум. Для демонстрации клиенту была предоставлена демо-версия решения, а также примеры наших работ. По серверу предложен оптимальный тариф виртуального VDS-сервера провайдера Таймвеб.

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

Реализация проекта

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

• Приобретение лицензий на платформу и готовое решение, аренда сервера.
• 1 Этап работ. Перенос Битрикс24 из «облака» в «коробку», создание интернет-магазина на мультисайтовости и готовом решении Аспро: Максимум.
• 2 Этап работ. Запуск интернет-магазина с переносом контента, поисковой оптимизацией, интеграцией с 1С каталога товаров, интеграцией с 1С заказов через Битрикс24, тестированием и отладкой.

Работы выполнялись по методологии управления проектами Agile Scrum (Аджаил Скрам) в общий срок менее трех месяцев.

1 Этап работ

Сначала мы закупили необходимые лицензии и арендовали хостинг для возможности начать работы, воспользовавшись акционными предложениями и скидками. Затем подготовили задачи по первому этапу работ в нашем Битрикс24 на основе предложения, разбив работы на две задачи: Управление проектом и перенос Битрикс24 из «облака» в «коробку» и Создание нового сайта topbs.ru в режиме многосайтовости на 1С-Битрикс24. Клиенту предоставили доступ к задачам в качестве наблюдателя. Каждую задачи дефрагментировали на более мелкие задачи, по которым и двигались в ходе реализации работ.

Управление проектом и перенос Битрикс24 из «облака» в «коробку»:

• Управление проектом
• Перенос Битрикс24 из «облака» в «коробку»:
• Получение и проверка доступов к серверу (SSH, RDP), к кабинету регистратора домена и кабинету хостинга сайта.
• Проверка или организация резервного копирования на стороне сервера.
• Установка и настройка виртуальной машины Bitrix VM 7, в т. ч.:
• Установка, обновление и настройка Bitrix VM 7.
• Настройка домена в виртуальной машине и в платформе.
• Генерация новых SSL-сертификатов безопасности.
• Настройка почтового сервера.
• Тестирование и отладка сервера.
• Получение резервной копии Битрикс24 через поддержку.
• Установка и настройка Битрикс24 из «облачной» резервной копии на платформу 1С-Битрикс24: Корпоративный портал 50.
• Перенос лицензий со старой платформы сайта на новую.
• Обновление, проверка и обслуживание платформы.
• Обновление установленных решений из Маркетплейс.
• Восстановление всех интеграций в Битрикс24.
• Исправление возникших проблем, работы по запросу.
• Публикация Битрикс24 на основном домене (или завести новый), тестирование и отладка.
• Создание и наполнение файла инструкции проекта.
• Отключение облачного Битрикс24 — делается клиентом по запросу в поддержку.

Создание нового сайта topbs.ru в режиме многосайтовости на 1С-Битрикс24:

• Базовая настройка платформы и готового решения:
• Создание и настройка сайта в виртуальной машине и в платформе.
• Настройка модулей платформы.
• Установка и настройка готового решения: информация о компании, контакты, фирменный стиль (лого, шрифт, цвета, иконки).
• Перенос имеющейся или согласование новой структуры сайта на основе структуры готового решения:
• Подготовка файла со всеми разделами готового решения.
• Подбор и согласование разделов решения под контент и требования нового сайта.
• Скрытие лишних разделов (в т. ч. для SEO), настройка оставшихся разделов для наполнения.
• Сбор и обработка информации для наполнения сайта: тексты, фото, графика, видео.
  
• Размещение контента на статичных страницах сайта с предварительной редактурой и валидной адаптивной версткой.
• Размещение контента в динамические (обновляемые) разделы производится после согласования перечня и объема информации (берется с действующего сайта или отправляется нам на эл. почту).
• Наполнение каталога товаров посредством настройки обмена с 1С. Выгруженный на сайт каталог товаров будет и являться и каталогом CRM Битрикс24.
  
• Настройка каталога сайта и торгового функционала (цены, валюты, склады, и пр.) платформы.
• Настройка авторизации и регистрации, корзины, страницы оформления заказа и личного кабинета.
• Базовая поисковая оптимизация (SEO) для критичных требований поисковых систем Яндекс и Google: подключение счетчика аналитики Яндекс. Метрика, настройка мета-тегов, генерация карты сайта sitemap.xml и файл robots.txt с инструкциями для поисковых систем.
• Настройка перелинковки со старых страниц на новые для снижения риска выпадения страниц из поиска и более быстрой индексации нового сайта.
• Окончательная настройка сайта, тестирование и запуск в эксплуатацию.
• Публикация сайта на основном домене.
• Добавление информации в инструкцию по проекту
• Подготовка отчета, сдача-приемка работ с демонстрацией результата.

После организации работ приступили непосредственно к их реализации.

Управление проектом и перенос Битрикс24 из «облака» в «коробку»

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

На арендованном сервере Timeweb настроили удаленный доступ по SSH и SFTP, развернули виртуальную машину BitixVM 7, настроили домены и SSL-сертификаты, настроили почтовый сервер на postfix и cron для отправки эл. почты с Битрикс24, организовали резервное копирование и настроили проект в IDE. По согласованию с клиентом систему контроля версий GIT настраивать не стали, т. к. значимой разработки на начальном этапе не планировалось.

В поддержке Битрикс24 запросили резервную копию, активировав лицензионный ключ 1С-Битрикс24: Корпоративный портал 50 и согласовав с клиентом дату создания бэкапа — получили от поддержки ссылку на скачивание.

Внимание! Из «облачного» Битрикс24 в «коробку» не переносятся:
1) Телефония Битрикс24. После основного переноса в коробку потребуется настроить доверенный SSL-сертификат, после этого обратиться в техподдержку на перенос аккаунта телефонии из облака в коробку.
2) Приложения и чат-боты, собственные и из Маркетплейс. Их нужно настроить в коробке заново.
3) Сайты и интернет-магазины Битрикс24. Их потребуется переопубликовать для привязки к новому домену и новому лицензионному ключу.

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

Для запуска «коробочного» Битрикс24 в эксплуатацию потребовалось отладить: IP-телефонию, CRM-формы, онлайн-чат, Сайты. Битрикс24 и Магазины. Битрикс24, каналы коммуникаций. По запросу была собрана информация по настройке эл. почты на домене, организованной на сервисе Яндекс. Коннект и добавлена в инструкцию по проекту, чтобы сотрудники могли подключать почту к CRM самостоятельно.

Создание нового сайта topbs.ru в режиме многосайтовости на 1С-Битрикс24

Привязку лицензий решения из Маркетплейс со старого сайта изменили на новую лицензию платформы, активировали лицензию решения Аспро: Максимум. Создали сайт в платформе 1С-Битрикс24 и в виртуальной машине BitrixVM на многосайтовости с единым ядром (типа: link). Подготовили поддомен new.topbs.ru и сгенерировали для него SSL-сертификат Let’s Encrypt — после установили готовое решение.

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

Чтобы неподготовленные страницы не попали в индекс поисковых систем, весь сайт на время проведения работ закрыли от индексации в файле robots.txt. Для корректной индексации настроена переадресация в файле .htaccess для склейки зеркал. После чего выполнена проверка сайта в программе SiteAnalyzer и выявленные критичные проблемы были позднее исправлены.

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

В соответствии с Федеральным законом от 27 июля 2006 г. № 152-ФЗ «О персональных данных» были созданы страницы с политикой и согласием на обработку персональных данных посетителями сайта. На новый сайт со старого перенесли статический с форматированием HTML-кода и исправлением ошибок. Контент с динамических страниц переносили по разделам, где страниц в разделах было немного — перенесли вручную, где страниц было много — применяли экспорт со старого сайта и импорт на новом в CSV-формате.

В разделе Отзывы применили интересное решение — разместили виджет с отзывами из Яндекс. Карт, адаптировав вид виджета под оформление сайта, таким образом новые отзывы будут появляться автоматически. На страницы магазинов к картам добавили 3D-экскурсии, в которых удобно ориентироваться на местности в интерактивном режиме. Со старого сайта были перенесены и виджеты калькуляторов и подборов, работающих во фрейме с сайта Grand Line: Калькулятор расчета кровли, Калькулятор расчета заборов и ограждений, Калькулятор расчета водостока, Подбор цвета и материалов (остальные клиент размещал самостоятельно).

В завершении первого этапа работ с клиентом были проведены переговоры по обмену интернет-магазина с 1С. Клиент рассматривал возможность реализации обмена на основе нового модуля обмена 1С: Бэкофис 2.0, куда также входит функционал по обмену товарами. Однако нами было предоставлено подтверждение того, что товарами следует обмениваться через стандартный и проверенный многими проектами модуль обмена с 1С для платформы 1С-Битрикс: Управление сайтом, который работает и на платформе 1С-Битрикс24: Корпоративный портал 50.

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

2 Этап работ

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

• Управление проектом и работы по запросу.
• Обновление и обслуживание сервера, платформы, сайта и Битрикс24.
• Запуск нового сайта topbs.ru и поисковая оптимизация SEO.

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

В задачу «Запуск нового сайта topbs.ru и поисковая оптимизация SEO» вошло:

• Наполнение и поисковая оптимизация сайта:
• Размещение контента на статичных страницах сайта с предварительной редактурой и валидной адаптивной версткой.
• Размещение контента в динамические (обновляемые) разделы производится после согласования перечня и объема информации (берется с действующего сайта или отправляется нам на эл. почту).
• Настраиваются мета-теги на всем сайте по умолчанию.
• Настраивается карта сайта sitemap.xml и ее автогенерация. Дополнительно может быть согласованы работы по перелинковке со старых страниц на новые для снижения риска выпадения страниц из поиска и более быстрой индексации нового сайта.
• Настройка обмена товарами с 1С, наполнение каталога, торговые настройки:
• Настройка регистрации на сайте.
• Окончательная настройка служб оплаты и доставки.
• Окончательная настройка каталога.
• Окончательная настройка сайта, тестирование и запуск в эксплуатацию:
• Публикация сайта на основном домене.
• Добавление информации в инструкцию по проекту (с ссылками на документацию по платформе и готовому решению).
• Подготовка отчета, сдача-приемка работ с демонстрацией результата.
• Поисковая оптимизация SEO:
• Проверка и настройка систем аналитики Яндекс. Метрика и Google Аналитика, в т. ч. корректировка целей.
• Проверка и настройка систем контроля за состоянием сайта Яндекс. Вебмастер и Google Search Console.
• Настройка источников обращений для сквозной аналитики Битрикс24, в т. ч. номера телефонов, UTM-метки в ссылках и подключение коммуникаций к Битрикс24.

Запуск нового сайта topbs.ru и поисковая оптимизация SEO

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

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

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

Формы обратной связи, реализованные на модуле веб-форм платформы 1С-Битрикс, заменены на CRM-формы для получения более полной информации в сквозной аналитике Битрикс24. Такие формы удобно администрировать клиенту, настройка производится прямо в Битрикс24 и все изменения сразу отражаются на сайте. Кроме того, под каждую такую форму создается автоматически отдельный текст согласия на обработку персональных данных.

Настроили авторизацию и регистрацию на сайте (в том числе по номеру телефона), функционал личного кабинета и профили покупателей. Клиент, имея опыт, самостоятельно настроил обмен заказами и контрагентами между CRM Битрикс24 и 1С. Далее мы протестировали сценарий оформления заказа в интернет-магазине и заказа через форму обратной связи с последующей обработкой заказа в CRM Битрикс24. Все изменения по заказам успешно синхронизируются между интернет-магазином, CRM Битрикс24 и 1С (при условии использовании в CRM функционала заказов, а не сделок).

Настроили редиректы со старых url сайта на новые в файле .htaccess, чтобы сохранить «вес» сайта в поисковых системах. Скорректировали настройки генерации карты сайта sitemap.xml. Настроили модуль проактивной защиты сайта и запустили сайт в эксплуатацию на основном домене topbs.ru.

Достигнутые результаты

В конечном итоге был запущен в эксплуатацию интернет-магазин, успешно интегрированный с CRM Битрикс24 и 1С, имеющий большой запас на перспективу по развитию и продвижению. Это сразу дает ощутимую экономию времени по обработке заказов, повышает качество обработки заказов, дает объективные инструменты и инструменты для принятия правильных решений в развитии бизнеса.

Желаем компании «Большие скидки» новых достижений в качественном развитии бизнеса!