Создание интернет-магазина по продаже запчастей и ремонту ресторанного оборудования на «1С-Битрикс» и «Аспро: Премьер»

Задачи по созданию интернет-магазина для компании «Наш сервис»

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

Требования клиента к интернет-магазину:

• Готовое решение интернет-магазина должно отлично подходить для торговли профессиональным ресторанным оборудованием и запчастями к нему, а также для заказа услуг ремонта.
• Должен быть заказ через корзину с онлайн-оплатой и возможностью выбора способа доставки для физических и юридических лиц.
• У клиентов должна быть возможность записаться на ремонт через форму обратной связи.
• Интернет-магазин должен работать быстро, с высоким уровнем надёжности и безопасности.
• Для самостоятельной работы с интернет-магазином должно быть простое и понятное администрирование, а также документация.
• Должен быть современный дизайн, который не потребуется переделывать в долгосрочно перспективе.
• Товары в каталог должны выгружаться из «1С: Управление сервисным центром», а заказы в обратном направлении — в режиме реального времени.
• В будущем должна быть возможность реализовать раздел с документацией по оборудованию со «взрыв-схемами», к которым будут привязаны товары каталога.

В «АБМ» ИТ-интегратор с 2012 года мы создаём сайты и интернет-магазины любой сложности. Выбирая вариант реализации, мы всегда учитываем требования клиента и потребности для коммерческой эксплуатации.

Определение реализации интернет-магазина по продаже запчастей к оборудованию и услуг ремонта

Любой проект по созданию интернет-магазина включает:

• Домен.
• Сервер.
• Платформа сайта (CMS).
• Готовое решение (вёрстка, логика, структура сайта, настройки).
• Услуги по созданию интернет-магазина.

Новый домен для интернет-магазина и оптимальный по производительности виртуальный сервер зарегистрированы в «Таймвеб» — это «облачный» провайдер с одними из самых демократичных цен. Конфигурация сервера (VPS / VDS): 2 x 3,3 ГГц CPU, 4 ГБ RAM, 50 ГБ NVME, IP-адрес.

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

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

Услуги создания интернет-магазина на готовом решении «под ключ» планировались в 2 этапа по 25 рабочих дней с пакетами на 25 часов, со сдачей-приёмкой и демонстрацией промежуточных результатов по каждому этапу. Такая разбивка позволяет снизить нагрузку на клиента по предоставлению информации к наполнению и по подготовке номенклатуры в «1С» для выгрузки в каталог интернет-магазина.

Почему «Аспро: Премьер»?

«Аспро: Премьер» — это лучшее готовое решение интернет-магазина от разработчика «Аспро», который является разработчиком решений №1 для платформы «1С-Битрикс». «Аспро: Премьер» имеет в составе: искусственный интеллект, систему лояльности, интеграцию с маркетплейсами (Ozon, Wildberries, Яндекс.Маркет), прогрессивный поиск по каталогу, доработанный личный кабинет, отдельную мобильную версию шаблона, метки на фото и многое другое!

Клиента привлекли следующие особенности «Аспро: Премьер»:

• Максимальный срок поддержки и выпуска обновлений, современный и производительный код.
• Встроены соглашения на обработку персональных данных с реестром согласий в соответствии с ФЗ-152.
• Брендирование и гибкая настройка внешнего вида страниц, в том числе встроенных блоков, без правки кода.
• Каталог товаров и услуги имеют фильтры с посадочными страницами и оптимизацией для поисковые системы SEO.
• Услуги могут добавляться в корзину вместе с товарами, либо их можно заказать через форму обратной связи.
• Есть раздел с выполненными работами, в том числе с формой заказа и связью с товарами.
• Личный кабинет, корзина и страница оформления заказа переработаны под современный вид маркетплейсов.
• Мобильная версия реализована в виде отдельного шаблона для максимальной скорости загрузки и удобства использования на смартфонах.
• Функционал «Метки на фото» в разделе «Образы» позволит в будущем реализовать вывод товаров с привязкой ко «взрыв-схемам».
• Имеется штатная система лояльности с бонусами и обширной логикой для стимулирования повторных покупок.

Возможности готового решения «Аспро: Премьер» покрывали все потребности клиента, предоставляя значительные конкурентные преимущества и потенциал на будущее. Поэтому в итоге был сделан выбор в его пользу.

Создание интернет-магазина ns-market.ru

Техническая подготовка сервера Timeweb

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

После настройки подключения к серверу по SSH, был установлен образ CentOS 9 с виртуальной машиной BitrixVM 9 и и обновлены все пакеты до актуальных версий.

Далее были проведены регламентные работы по системному администрированию:

• Создан пулл серверов.
• Настроен сервер Push&Pull с типом NodeJS-PushServer.
• Сгенерировали бесплатные SSL-сертификаты Let’s Encrypt.
• Настроена отправка электронной почты через почтовый сервер Postfix.
• Настроено выполнение агентов на cron.

Установка платформы «1С-Битрикс» и решения «Аспро»

На подготовленном сервере посредством установочного скрипта bitrixsetup.php был запущен пошаговый мастер установки платформы «1С-Битрикс: Управление сайтом» и решения «Аспро: Премьер» с универсальными тематикой и видом. После завершения работы мастера были проведены регламентные работы по обновлению и обслуживанию сайта на «1С-Битрикс».

Установка интернет-магазина проходила сразу на боевом сервере и домене (так как они новые). Это значит, что сразу необходимо запретить индексацию всех страниц в файле robots.txt для роботов поисковых систем. Так демо-данные не попадут в поиск во время проведения работ.

В этот момент интернет-магазин был готов к настройке. Первым делом были настроены все модули платформы «1С-Битрикс». Особое внимание было уделено модулям «Главный модуль» и «Проактивная защита», которые напрямую влияют на уровень защищённости от взлома сайта.

Сразу создали и подключили к интернет-магазину счётчик веб-аналитики «Яндекс.Метрика», зарегистрировали сайт в «Яндекс.Вебмастер» с подключением аккаунта клиента. Сервисы Google было принято решение не подключать из-за трансграничной передачи данных за пределы РФ, в том числе персональных данных (например, IP-адрес) — о чём потребовалось бы подавать сведения в Роскомнадзор.

Настройка структуры интернет-магазина

Настройка структуры интернет-магазина начинается с подготовки табличного файла Excel, в котором сразу делаются базовые отметки для типовых служебных разделов платформы «1С-Битрикс» и решения «Аспро».

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

Пока клиент готовил информацию, мы скрыли для посетителей сайта все лишние разделы, при этом оставили их доступными для администраторов к дальнейшей проработке в будущем. Оставленные в работу разделы и страницы были добавлены в меню интернет-магазина, добавлены в карту сайта sitemap.xml и разрешены для индексации в robots.txt. Учитываем, что сделанные настройки индексации начнут работать, когда весь сайт будет открыт для индексации по завершению работ.

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

Настройка фирменного стиля интернет-магазина

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

Логотипа нам было достаточно, файл был обработан и созданы варианты в позитиве и негативе для светлой и тёмной тем оформления интернет-магазина. На основе логотипа были созданы файлы иконок для вкладки браузера (favicon) и для закладок в избранное на различных устройствах.

На основе палитры лого были определены основные фирменные цвета в цветовом пространстве RGB и кодировке HEX:

• Тёмно-синий: #175fa0.
• Светло-синий: #0083c5.

Фирменные цвета были добавлены в настройки «Аспро» и в файл стилей custom.css в виде переменных для переопределения стандартных цветов.

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

Наполнение разделов и страниц интернет-магазина

Наполнение разделов и страниц интернет-магазина включает следующие работы:

• Сбор и обработка информации для наполнения: тексты, изображения, видео.
• Размещение контента на страницах и в полях инфоблоков с адаптивной html-вёрсткой.
• Итоговая редактура контента с настройкой внешнего вида страниц.
• Поисковая оптимизация (SEO): настройка мета-тегов title и description для разделов и страниц, настройка автоматической генерации мета-тегов разделов и страниц инфоблоков, а также тегов изображений в них.
• Добавление страниц сайта в sitemap.xml и robots.txt для индексации поисковыми системами с исключением дублей.
• Подготовка платформы «1С-Битрикс» для самостоятельной работы клиента — сохранение часто используемых блоков html-кода с вёрсткой в сниппетах визуального редактора.

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

Наполнение страницы «О компании»

Далее наполнили страницу «О компании» — оформили её в фирменном стиле, к тексту добавили тизеры с векторными иконками о направлениях работы клиента и конверсионные кнопки: ссылка на «Каталог», форма обратной связи «Задать вопрос» и ссылка на «Контакты».

Имиджевый блок «О компании» добавлен вниз «Главной» страницы с тизерами, изображением и заголовком, а также с кнопкой на страницу с подробным описанием компании.

Наполнение раздела «Новости»

Мы добавили три публикации в раздел «Новости», настроив внешний вид списка новостей и вид детальной страницы. К полученным от клиента текстам добавлены конверсионные элементы для получений обращений:

• заголовок с призывом «Заказать …»;
• кнопки: ссылка на «Каталог», форма обратной связи «Задать вопрос» и ссылка на «Контакты»;
• адрес офиса.

В процессе наполнения в визуальный редактор были добавлены сниппеты (заготовки кода): маркированные списки с иконками и кнопки. Позже клиент сможет сам создавать красивые и качественные страницы без помощи разработчиков.

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

Наполнение страницы «Отзывы»

Добавили и вывели «Отзывы» на «Главную», чтобы новые посетители сразу видели обратную связь от клиентов.

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

На странице размещено 5 отзывов, взятых из открытых источников (Google Maps, «Яндекс карты», «2ГИС»). Каждый из них имеет схожую структуру: тип оборудования с предысторией поломки, описание оказанных услуг, благодарность за починку и ответ от компании.

Наполнение страницы «Вакансии»

Добавили страницу с 3 открытыми позициями.

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

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

Наполнение страницы «Сертификаты»

Здесь размещены достижения фирмы, подтверждающие компетенции её сотрудников.

PDF-файлы документов были сконвертированы в JPG. Мы обработали изображения и загрузили их в отдельный инфоблок. Пользователю видно превью картинки и название сертификата, при клике на него его можно детально рассмотреть. Всего добавили 6 сертификатов и 1 благодарность.

Наполнение страницы «Документы»

Здесь представлены шаблоны договоров компании «Наш Сервис» в формате DOCX: на техобслуживание и ремонт, на разовый ремонт и на поставку запчастей.

Наличие официальных документов на сайте:

1. Подтверждает легальность бизнеса;
2. Снижает опасения клиентов при работе с предоплатой;
3. Позволяет заранее изучить условия договора на ремонт и поставку запчастей перед оплатой.

Наполнение страницы «Контакты»

На странице размещён код, который показывает 2 блока от «Яндекс Карты». Первый показывает местность рядом с фирмой от первого лица, второй — расположение офиса на карте.

Ниже в отдельных блоках расписаны все контактные данные:

• Адрес.
• Режим работы.
• Телефон.
• Email.
• Ссылки на соцсети.

Коротко описали услуги компании, сделали пару кнопок с ссылкой на каталог и с формой «Задать вопрос».

Наполнение страницы «Покупателю»

В стандартном решении Аспро находятся 4 подраздела. Так как информации в них немного, эти страницы по отдельности будут непопулярными. Чтобы не снижать вес сайта, мы их удалили. Оставив всю информацию в одном месте. На одну страницу-справочник будут заходить все заинтересованные пользователи.

Настроили навигацию с якорными ссылками в левой части страницы и в меню для быстрого перехода к ключевым темам. Заголовок каждого пункта оформлен как ссылка, где в атрибуте href указан идентификатор id соответствующего блока ниже по коду.

Тут есть 4 пункта с инструкциями для оформления заказа, пояснениями условий оплаты и доставки и описанием гарантий. После каждого пункта есть 3 кнопки с ссылками на «Каталог», «Контакты» и с формой «Задать вопрос».

Сделали простую вёрстку страницы, чтобы клиент сам правил её при необходимости. В конце разместили форму «Вопросы и ответы», которая работает из инфоблоков.

Наполнение раздела «Выполненные работы»

Создали инфоблок с картинками ремонтируемого оборудования и названиями. При нажатии на изображение какого-то оборудования открывается страница с описанием работ по ремонту.

Привели к единому внешнему виду все работы. Вверху каждой страницы настроена красивая шапка от Аспро. В мета-теге description прописан краткий итог работы. Описали работы по следующей структуре:

• Выявленные неисправности оборудования.
• Выполненные работы.
• Результат ремонта.

Взяли для иконок в списках иконочный шрифт font awesome, который подключен к «Аспро». Это сделало описание работ более красочным и привлекательным, плюс в формате списка людям проще воспринимать информацию. Оптимизировали заголовки и отправленный клиентом текст. Добавили ключевые фразы, чтобы вывести каждую страницу вверх в поисковой выдаче.

В конце страницы написан призыв к действию, добавлены кнопки с ссылками на «Услуги», «Контакты» и формой обратной связи.

Наполнение раздела «Услуги»

Вместе с клиентом мы проанализировали, что пишут конкуренты, и на основе этого выработали собственную структуру.

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

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

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

Наполнение «Каталога» товарами из «1С»

Для наполнения товарами каталога интернет-магазина была реализована интеграция с «1С: Управление сервисным центром» в автоматическом режиме.

Для начала мы подготовили базу 1С к передаче данных. Установили специальный модуль обмена, который отвечает за экспорт товаров. Чтобы он работал стабильно и не конфликтовал с другими процессами в базе, мы запустили его в монопольном режиме. То есть в тот момент, когда система точно не занята другими задачами. Отключили «Безопасный режим» внутри модуля, потому что с ним передача данных работает некорректно.

Занялись сервером, где расположен сайт. При обмене с «1С» сервер начинает активно обрабатывать XML-файлы. Это довольно ресурсоёмкая задача. Чтобы сайт не тормозил даже при выгрузке тысяч товаров, мы увеличили конфигурацию до тарифа Cloud MSK 80. В нём 4 ядра процессора вместо двух и больше долговременной памяти. Система справилась с нагрузкой без задержек.

Как настроили «Каталог»?

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

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

Тестирование модуля обмена товарами 1С

Дальше мы приступили к настройке самого подключения между 1С и сайтом. Создали технического пользователя на стороне «1С-Битрикс» с правами на обмен. В модуле 1С прописали адрес шлюза обмена и указали ключевые параметры выгрузки: какой тип цен отправлять на сайт (выбрали «Розничная цена») и с какого склада брать остатки («Основной склад»). С иерархией каталога поступили гибко — не стали просто синхронизировать структуру «1С». А сделали на сайте свою, удобную для покупателя, с разделами «Запчасти» и «Оборудование».

Когда всё подключили, протестировали на одном товаре — «Гайка зажимная МИМ 300 01.001». Он успешно выгрузился и появился в нужном разделе. Также мы вывели на сайт дополнительные свойства товаров: производителя, бренд, модель. Это потом пригодилось для умных фильтров, чтобы покупатель мог легко находить нужные запчасти.

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

В итоге клиент получил работающий автоматический экспорт товаров без ручного заполнения каталога.

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

Когда с товарами разобрались, перешли к заказам. Задача была такая: всё, что покупатель оформляет на сайте, должно автоматически попадать в 1С в реальном времени.

Сначала мы настроили в модуле обмена приём заказов, оплат и отгрузок. Затем создали и сопоставили справочники, чтобы 1С и сайт «говорили на одном языке». Настроили:

• Статусы заказа — «Принят», «Оплачен», «Отгружен».
• Службы доставки — «Самовывоз», «Доставка Catapulto».
• Способы оплаты — онлайн через ВТБ или оплата на расчётный счёт.

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

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

Попутно занялись налогами: выбрали ставку «Без НДС» в торговом каталоге, чтобы при онлайн-оплате и печати чеков всё считалось корректно.

И здесь тоже возникла небольшая проблема. При тестировании обмена заказами 1С выдавала ошибку валюты — не могла принять значение «руб.». Оказалось, что не хватало выгрузки подчинённых документов (оплат и отгрузок). Активирована выгрузка оплат и отгрузок в настройках — ошибка ушла. Заказы стали проходить без сбоев.

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

Налаживаем связь запчастей и оборудования

Настроили на стороне сайта количественный учёт, ЧПУ, мета-теги, права доступа. Провели первый тест модуля обмена. Выгрузили товар в инфоблок «Каталог 1С». Проверили, что он появился в каталоге на сайте с правильной ценой и картинкой.

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

Отставить попадание в спам!

Настроены 74 почтовых шаблона в формате HTML. Были отключены английские шаблоны писем. Для проверки работы почтового сервера настроили почтовые адреса отправителя и тестового получателя.

Письма с сайта не должны попадать в спам у клиентов. Есть сервис mail-tester.com. Он оценивает вероятность попадания писем в спам и выявляет технические проблемы, которые могут мешать доставке. Этот сервис выдал оценку 3.5 баллов из 10 и указал на недочёты. Мы их сразу же устранили — сгенерировали DKIM-подпись и помогли клиенту внести нужные DNS-записи: SPF, DKIM, DMARC.

При повторной проверке получили 9.5 из 10. Теперь клиенты получат все почтовые уведомления.

Настройка личного кабинета и каталога

В личном кабинете мы настроили все разделы: «Мои заказы», «Личные данные», «Избранное» и «Помощь». А ещё упростили жизнь клиентам — теперь они могут сохранять адреса доставки и не вводить их заново при каждом заказе.

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

Теперь в каталоге видно:

1. Вид корневой страницы — 2 колонки (на мобильных — 1).
2. Вывод подразделов до четвёртого уровня в верхнем меню.
3. Умный фильтр по бренду, модели, типу запчасти.
4. «Активную» цену без НДС.

Настраиваем модуль доставки

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

За 5 минут установили необходимые для работы модуля пакеты curl и php-curl. Перезагрузили httpd, обновили «1С-Битрикс» и все решения. Затем добавили на сайт разные способы доставки. Теперь при оформлении заказа клиент сможет выбрать ПВЗ или курьера. Покупатель сразу увидит дату и стоимость.

Настройка корзины, оформления заказа

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

Чтобы разобраться, в первую очередь мы проверили настройки модуля ВТБ: идентификаторы клиента, секретные ключи, тестовый режим. Оказалось, что система не может получить токен доступа — это как электронный пропуск для оплаты. Поэтому мы предложили клиенту обратиться в поддержку банка и уточнить про дополнительные параметры для чеков, а также временно выключить тестовый режим и ввести рабочие ключи. В итоге проблема решилась, и оплата заработала.

После этого мы взялись за следующую задачу. Сделали корзину товаров максимально понятной и удобной, чтобы даже ночью уставший человек без труда оформил заказ. Для этого мы добавили разные поля для обычных покупателей и компаний, настроили печать корзины и сохранение её копии в PDF, а также возможность поделиться корзиной ссылкой. Не забыли про поле для купона на скидку и кнопку «Купить в 1 клик». Также вывели список способов оплаты (ВТБ, оплата по ссылке, наличные при самовывозе, оплата на расчётный счёт) и способы доставки (самовывоз и «Катапульто»).

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

Отладка выгрузки цен

Заметили, что при обмене товаров из 1С на сайт цены не выгружались.

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

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

Финальные настройки и публикация сайта

Открываем интернет-магазин для индексации поисковыми системами в файле robots.txt. Можно сказать, сменили вывеску «Идёт ремонт» на «Мы открылись». Теперь поисковые роботы могут зайти на сайт и проиндексировать его для выдачи при поисковых запросах пользователей браузера. Также добавлены мета-теги и описания разделов с выделением ключевых запросов.

Следом ожила карта сайта — sitemap.xml. Это будто план города для поисковых систем. Настроили её автоматическую генерацию.

Привязали счётчик Метрики в Яндекс.Вебмастере. Задали главный регион — Санкт-Петербург и Ленинградскую область. Теперь поисковик точно знает, кому показывать магазин в первую очередь.

Также были выполнены другие доработки:

• Баннер на главной исправлен: поправили текст, кнопки и фон.
• Исправлено мобильное меню, вид списка услуг, фон неактивных кнопок в фильтре.
• Обновлён логотип и иконки сайта, изменены цвета в соответствии с логотипом.

Клиент решил продлить лицензию «Аспро», за что он получил +1 час бесплатных дополнительных работ от нас.

Тестирование заказа, личного кабинета и интеграции с 1С

Финальный тест был похож на премьеру спектакля. За кулисами шли последние приготовления:

1. Был активирован обмен документами.
2. Настроена выгрузка заказов.
3. Созданы дополнительные реквизиты в 1С: «Статус заказа», «Служба доставки».
4. Настроены банковские счета для разных способов оплаты.

Мы оформили тестовый заказ от физлица самовывозом с оплатой наличными. Запустили обмен — заказ пошёл в «1С». Тут программа заругалась на надпись валюты «руб.», в то время как ожидалось «RUB». Ошибку устранили. Поменяли статус на «Собран, готов к отправке». Запустили обмен — статус обновился в «1С», контрагент создался.

Теперь заказы безошибочно выгружаются, вовремя обновляются, контрагенты создаются автоматически. Интеграция сайта с «1С: Управление сервисным центром» работает на 100%.

Закажите интернет-магазин на решении «Аспро»

Мы прошли путь до живого интернет-магазина, который принимает заказы на ремонт и покупку оборудования, ведёт автоматический обмен товарами с «1С», рассчитывает время доставки и надежно доставляет все электронные письма.

Заказчик получил:

1. Работающий инструмент для рекламы и продаж запчастей, оборудования и услуг ремонта.
2. Прозрачную интеграцию с автоматическим учётом товаров одновременно в «1С» и на сайте.
3. Возможность управлять сайтом без постоянной помощи разработчиков.
4. Надёжного бизнес-партнёра. На данный момент мы совместно развиваем проект: ведём работы по SEO-оптимизации и продвижению.

Хотите продавать и продвигать в интернете свои товары и услуги? Ваш сайт сможет приносить заказы уже через 1 месяц. Заполните форму обратной связи, мы проконсультируем вас по лучшим вариантам создания интернет-магазина и назовём стоимость именно под ваш бизнес.