Создание интернет-магазина тортов, внедрение Битрикс24 и интеграция с 1С для кондитерской «МАРИЯ» в Иркутске

Краткая информация о клиенте

Кондитерская фабрика «Мария» основана в 1997 году в городе Иркутске и представляет собой современный комплекс по производству серийной продукции: торты, пирожные, слойки, сдоба, кулинарные изделия, выпечка. Кроме того, изготавливаются на заказ торты и праздничные пироги. Вся продукция изготавливается по домашним рецептам и только из натурального сырья, полученного от постоянных и проверенных поставщиков!

Масса достоинств фабрики «Мария»:

• Впервые в Иркутске построено собственное производство, которое отвечает всем санитарным нормам. Регулярно сдаются ингредиенты на независимую экспертизу.
• Внедряются новшества, закупается современная техника. Отслеживаются зарубежные и московские тренды.
• Работа выстроена по системе Меркурий — продукты животного происхождения отслеживаются по всей цепочке, начиная от сырья до производства готовой продукции, торты и пирожные изготавливаются исключительно из натуральных, безопасных и полезных ингредиентов.
• Выполняются самые сложные дизайнерские идеи — многоярусные торты с живыми цветами, с подсветкой или ягодами, фигурками из мастики, ароматным марципаном, росписью, лепкой и с абсолютно любой начинкой.
• Ежемесячно выходят новинки, устраиваются бесплатные дегустации. Открываются уютные магазины-кафе, в некоторых предусмотрено детское меню и игровые комнаты.

Наша команда, как и многие жители Иркутска и Ангарска, с удовольствием покупают продукцию кондитерской «МАРИЯ», наслаждаясь неповторимым вкусом и всегда отличным качеством! :)

За прогрессивный и современный подход к работе выражаем благодарность всему коллективу кондитерской «МАРИЯ» и особенно основателям: Евгении Кенсовской и Анне Анисимовой!

С какими задачами к нам обратился клиент

В июле 2019 года к нам поступил запрос на участие в реализации проекта кондитерской «МАРИЯ», который включал:

• Запуск интернет-магазина для онлайн-продажи кондитерских изделий с ценами и остатками из 1С в реальном режиме времени.
• Двусторонний обмен товарами, интернет-заказами, контрагентами и другими справочниками с CRM Битрикс24 и 1С.
• Внедрение всех современных средств коммуникации с клиентами, в том числе IP-телефонии, коллтрекинга и сквозной аналитики.
• Глубокая оптимизация сайта для поисковых систем, подготовка маркетинговых инструментов, улучшение технического состояния сайта и его производительности.
• Разработка сервисов: анкета заведения бонусных карт и обмен с 1С, отзывы о покупке с отправкой в 1С, расчет доставки по районам, баннеры для utm с рекламы и др.
• Внедрение основных инструментов Битрикс24, создание инструкции для самостоятельной работы и проведение обучения.
• Построение отказоустойчивой и стабильной ИТ-инфраструктуры вместе с местными обслуживающими провайдерами.
• Доработка функционала, поддержка, обновление и обслуживание, консультации.
• Организация совместной работы со специалистами «МАРИИ» и подрядчиками по продвижению, рекламе, разработке 1С и пр.

Можно с уверенностью сказать, что планы достаточно амбициозные! На данный момент большую часть задач удалось реализовать, кое-что еще находится в работе. Рассмотрим выполненные работы подробнее.

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

За неполные три года сотрудничества нами было реализовано около 30 спринтов по методологии управления проектами Agile Scrum, где каждый спринт длится 28 дней плюс 7 дней на сдачу-приемку работ. План работ по спринтам тщательно планировался совместно с командой клиента, все работы контролировались в нашем Битрикс24, по завершению работ формировался подробный отчет.

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

Одним из внешних форс-мажорных факторов стала самоизоляция в связи с COVID-19, из-за которого была поставлена задача по досрочной публикации проекта для начала онлайн-продаж. Задача была успешно выполнена, новый интернет-магазин кондитерской «МАРИЯ» был запущен в эксплуатацию в первые дни самоизоляции.

Аудит интернет-магазина и организация работы

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

Аудит интернет-магазина состоял из частей:

1. Сбор информации об интернет-магазине и его составляющих.
2. Анализ структуры.
3. Визуальный анализ.
4. Содержание интернет-магазина.
5. Маркетинговый анализ.
6. Технический анализ.
7. Экспертное заключение.

Некоторые выявленные положительные и отрицательные характеристики действующего интернет-магазина указаны далее.

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

Для стабильной работы проекта использованы виртуальный VDS-сервер и виртуальная машина BitrixVM 7. Настроено резервное копирование серверов боевых версий интернет-магазина и Битрикс24. Собрана информация по резервному копированию базы 1С.

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

Для безопасной разработки настроена система контроля версий кода GIT на основе сервиса GitLab, развернуты тестовые копии интернет-магазина и Битрикс24, написан регламент разработки для внешних команд.

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

Запуск нового интернет-магазина

Новый интернет-магазин было решено запустить на единой платформе с CRM 1С-Битрикс24: Корпоративный портал — это дало возможность использовать современные стандартные модули двустороннего обмена с 1С (на REST API) и устранило необходимости интегрировать интернет-магазин с CRM.

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

Готовый интернет-магазин позволил сэкономить время и деньги за счет следующих преимуществ:

• Готовый полноценный функционал интернет-магазина.
• Современный адаптивный вид и готовая структура разделов.
• Простое администрирование и полная документация по всем возможностям.
• Возможность адаптации под фирменный стиль компании.
• Возможность доработки открытого исходного кода.
• Обновление и техническая поддержка вендора.

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

Сохранение обновлений и поддержки от вендора готового решения интернет-магазина обеспечено применением стандартных настроек и правок специальных кастомных файлов js и css. Реже приходилось копировать шаблоны некоторых компонентов или сами компоненты, еще реже разрабатывать собственные компоненты. Часть функционала была дополнена решениями из Маркетплейса 1С-Битрикс и Битрикс24. То есть потребность в простом функционале мы быстро и бюджетно закрывали готовыми решениями с полной документацией, а недостающий функционал разрабатывали самостоятельно.

Для наполнения каталога товаров сайта клиент задействовал профессиональных копирайтеров и фотографов. Их тексты и фотографии мы адаптивно сверстали и разместили на сайте. Остальные тексты и медиа-материалы мы использовали со старого сайта и разместили на новом с полной переработкой.

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

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

После выполнения работ по поисковой оптимизации (SEO) с целью сохранения органического трафика из поисковых систем был запущен в эксплуатацию новый интернет-магазин кондитерской фабрики «МАРИЯ».

Доработка интернет-магазина

Для доработки интернет-магазина мы организовали совместную разработку через систему контроля версий GIT. Части кода выкладывались из локальных копий разработчиков в отдельные ветки репозитория с дальнейшим сведением наработок в релиз, согласно регламента веб-разработки ООО «АБМ».

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

Перечень нового и доработанного функционала интернет-магазина:

• Расчет стоимости курьерской доставки по зонам (районам города) в разделе Доставка, в карточке товара и на странице Оформление заказа с выводом недостающей суммы до бесплатной доставки. Границы зон доставки удобно указываются кликами по Яндекс. Карте. Стоимость доставки, сумма бесплатной доставки, цвет заливки, описание и другие данные указываются в настройках зон. Недавно к курьерской доставке добавился самовывоз из магазинов-кафе, для чего также потребовалась доработка.
• Добавление url списка товаров с фильтром по свойствам в файл sitemap.xml карты сайта для поисковых систем. С списке url настраиваются SEO-оптимизированные названия, мета-теги и описание. Иначе, url списка товаров с фильтром по свойствам не попадут в карту сайта и не будут проиндексированы поисковыми системами. Или проиндексируются, но с дубликатами заголовков страниц, мета-тегов и описаний страниц.
• Маркетинговые баннеры для ссылок с UTM-метками из рекламных каналов Яндекс. Директ и Google Реклама. Такие баннеры необходимы для показа промо-информации исключительно для рекламного трафика, который идентифицируется по utm-меткам в параметрах url. Баннеры имеют настройку задержки появления окна, периодичности показа окна, при каких параметрах url показывать или не показывать баннер.
• Оптимизация производительности интернет-магазина реализована через модуль из Маркетплейс 1С-Битрикс, который потребовал изменений в аппаратно-программной части сервера и его служб. Модуль оптимизирует статический контент, включая файлы js и css, а также изображения, сохраняя все в кэш и не затрагивая оригинальные файлы. Основную нагрузку создавали изображения, которые модуль «на лету» сжимает по качеству, обрезает под размер контейнера и конвертирует в современный формат webp.

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

Обмен интернет-магазина с 1С

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

Почему именно 1С:Синхронизация? — спросите вы. Все дело в том, что у нас используется не просто платформа управления сайтом, а платформа корпоративного портала 1С-Битрикс24. Если в платформе сайта обмен реализован через отправку xml-файлов, который уже не развивается и предназначен только для интернет-магазина. То обмен в платформе корпоративного портала выполняется через текстовый формат json в REST-запросах. Второй вариант более производительный, активно развивается вендором платформы и включает в себя обмен всех справочников CRM.

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

Перечень доработанного функционала по обмену с 1С:

• Сервис активации бонусных карт, предназначен для сбора информации о клиенте посредством заполнения анкеты с привязкой к номеру телефона. После проверки телефона по смс становится доступна анкета, данные с которой отправляются в 1С. Если анкеты ранее уже заполнялась, то действует специальная логика добавления данных с выводом ранее заполненных данных. Обмен с 1С реализован в двустороннем режиме через web-сервисы.
• Сервис отзывов о покупке доступен покупателям по индивидуальной ссылке, которая приходит в смс после совершения покупки онлайн или из магазинов-кафе. После перехода по ссылке совершается проверка факта покупки в 1С, после становится доступна форма отзыва с рекламным баннером, при отправки которой данные отправляются обратно в 1С. Обмен с 1С также реализован в двустороннем режиме через web-сервисы.
• Обновление цены и остатков товаров из 1С в реальном режиме времени. Так как стандартный модуль 1С:Синхронизация имеет ряд ограничений по обмену товарами, часть функционала реализована отдельно через web-сервисы. Это позволило обмениваться несколькими типами цен и складами, исключить неактуальность цен и остатков, а также снизить нагрузку на базу 1С и сервер интернет-магазина. Обновление цены и наличия происходит в момент загрузки страницы товара или списка товаров.

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

Внедрение и доработка Битрикс24

Как вы уже знаете в проекте кондитерской фабрики «МАРИЯ» используется единая платформа 1С-Битрикс24 на многосайтовости. Где один сайт — это интернет-магазина, а второй сайт — это корпоративный портал с CRM. Важно, что у обоих сайтов единый каталог и единые заказы! То есть заказывая товар в интернет-магазине и оформляя заказ → заказ отобразится в заказах (или сделках) CRM с корректной привязкой к каталогу товаров. Это очень важно для исключения расхождений по ценам и остаткам товаров при настройке обмена заказами между CRM и 1С.

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

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

Работа с онлайн-заказами была также организована. Заведены статусы воронки заказов и необходимые поля карточки заказа — они же поля выводятся в форме заказа интернет-магазина. Настроены почтовые уведомления на роботах Битрикс24, почта отправляется через собственный почтовый сервер postfix.

После добавления способа получения заказа самовывозом в интернет-магазине, появилась проблема — в карточке заказа в Битркис24 выводится способ доставки Самовывоз, но не указывается с какого магазина покупатель захотел забрать заказ. Узнать адрес магазина можно лишь перейдя в связанные документы и открыв отгрузочный документ, что оказалось клиенту неудобно. Тогда мы выполнили доработку и вывели адрес пункта самовывоза прямо в карточке заказа.

Решено было и несколько других проблем. Например, покупатели ошибались при вводе номера телефона в заказе и менеджеры не могли уточнить заказ — сделали проверку номера телефона по маске. Единое поле ФИО в заказе разнесли на три отдельных поля: Фамилия, Имя, Отчество с обязательным заполнением каждого поля, также сделано удаление случайно добавленных пробелов — чтобы клиент оставлял полные данные о себе и происходило корректное сопоставление с контрагентом в CRM.

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

Маркетинговые инструменты интернет-магазина

Для штатных маркетинговых специалистов кондитерской «МАРИЯ» настроена отдельная группа прав доступа к разделам и модулям интернет-магазина, чтобы можно было спокойно и безопасно работать без риска случайно что-то сломать. Описана работа с отзывами к товарам и к статьям. Подробно описан сценарий запуска акций на сайте, включающий настройку товаров, акционных правил, раздела с акциями, медийных баннеров.

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

Ранее мы уже затронули некоторые работы по маркетинговым инструментам. Например, при запуске интернет-магазина мы провели базовую поисковую оптимизацию: настроили карту сайта sitemap.xml и правила для роботов в robots.txt, подключили счетчик аналитики Яндекс. Метрика и счетчик Google через менеджер тегов Google. По всем значимым страницам старого интернет-магазина мы настроили 301 редиректы на релевантные страницы нового интернет-магазина, чтобы сохранить позиции в поисковой выдаче. Оптимизировали производительность интернет-магазина, валидировали и минифицировали код сайта.

Мы использовали все возможности, чтобы привести сниппет (карточка сайта) в поисковой выдаче в максимально выгодный и полный вид. Для этого мы настроили товарный фид для поисковой системы Яндекс и Google, через готовые модули из Маркетплейс 1С-Битрикс. Настроили микроразметку Shema.org для каталога товаров, организации, контактов и цепочки навигации. Если сейчас мы введем в поиск запрос, к примеру: «торт зебра купить», то увидим не просто название и описание релевантной страницы, но и картинку с ценой.

Настроена передача данных электронной конверсии в системы веб аналитики Яндекс. Метрика и Google Аналитика. Что позволяет просматривать кроме данных о посещаемости и конверсии по целям, еще и популярные товары, суммы корзин и продаж и так далее. А это дополнительные инструменты для директолога кондитерской «МАРИЯ».

Аккаунты рекламных кабинетов подключены к сквозной аналитики Битрикс24 и автоматически передают затраты по рекламе, что позволит оценивать окупаемость инвестиций в рекламу (ROI). Да, сквозная аналитика Битрикс24 — это не профессиональный инструмент, как например Roistat, но он бесплатен и собирает минимально необходимые данные в привычном интерфейсе CRM. Тем более скоро выйдет BI-аналитика в коробочной версии Битрикс24, где можно строить любые отчеты и подгружать данные из любых систем.

Настроен и пиксель Facebook для передачи конверсий и торговых данных в рекламный аккаунт Facebook Business. Настроен вывод виджета Instagram в интернет-магазине. Однако в виду последних событий данные работы утратили актуальность.

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

На достигнутых результатах кондитерская «МАРИЯ» не планирует останавливаться. В планах имеются масштабные работы в части автоматизации и развитии маркетинговых инструментов. Ведь важно не только достичь лидирующие позиции, но и удержать их.

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

Преимущества от внедрения

В результате внедрения Битрикс24 с интернет-магазином и интеграцией с 1С клиент получил следующие конкурентные преимущества:

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

Готовы и далее в любых условиях содействовать развитию интернет-магазина и CRM кондитерской «МАРИЯ»!