Доработка сайта типографии: запуск интернет-магазина

Доработка сайта типографии: запуск интернет-магазина

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

Когда сайт принимает заказы только через заявку и ручной расчет у менеджера, бизнес упускает аудиторию, которая привыкла покупать онлайн: быстро, без звонков и ожидания обратной связи. Например, типографии теряют до 40% B2C-аудитории, если покупка требует звонка менеджеру.

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

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

Ситуация на старте

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

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

CMS

Bitrix

Задачи и требования

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

Наши решения

1. Обновили платформу и перешли на редакцию «Малый бизнес»

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

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

2. Создали раздел «Маркет» с каталогом товаров и контекстным фильтром

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

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

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

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

3. Настроили корзину и подключили внешние сервисы

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

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

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

Загрузка файлов встроена прямо в заказ: пользователю не нужно отправлять их отдельно в почту или мессенджер.
Загрузка файлов встроена прямо в заказ: пользователю не нужно отправлять их отдельно в почту или мессенджер.

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

Интегрировали сервис «Яндекс Доставка» для автоматического расчета стоимости и сроков. Добавили опцию самовывоза из типографии с картой расположения офиса и контактными данными. Для приема платежей подключили Yandex Pay через готовое решение маркетплейса, настроив безопасную передачу данных в эквайринг клиента.

Пользователь может выбрать разные варианты доставки или самовывоз из типографии. Для самовывоза показана карта с точным расположением офиса.
Пользователь может выбрать разные варианты доставки или самовывоз из типографии. Для самовывоза показана карта с точным расположением офиса.

4. Обеспечили видимость нового раздела на главной странице

Клиента беспокоил риск: пользователи могут не заметить появление интернет-магазина на сайте, который исторически работал как информационный каталог. Чтобы подсветить новый функционал, мы интегрировали навигацию на раздел «Маркет» в три ключевые точки главной страницы: добавили пункт в блок услуг под первым баннером, выделили цветом в меню и разместили иконку в описании этапов работы.

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

5. Провели комплексное тестирование перед запуском

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

Результаты

  • Расширили целевую аудиторию и открыли B2C-канал
    Раздел «Маркет» добавил к B2B аудитории клиента часть B2C-рынка. Пользователи получили возможность покупать готовые тиражи и сувениры онлайн, без ожидания расчета от менеджера. Это сократило время оформления заказа и разгрузило отдел продаж.
  • Автоматизировали прием заказов на печать
    Интеграция загрузки файлов прямо в корзину упростила процесс: клиент прикрепляет изображения при оформлении, а типография получает готовый к производству заказ. Это снизило риск потери файлов и сократило количество уточнений по почте и в мессенджерах.
  • Сохранили управляемость и масштабируемость
    Все решения реализованы на штатных инструментах 1С-Битрикс: контент-менеджер клиента самостоятельно наполняет каталог, меняет цены и управляет остатками. При росте ассортимента сайт сохранит скорость и удобство навигации.

Работа над разделом «Маркет» стала важным этапом развития сотрудничества: от SEO-продвижения и точечных доработок мы перешли к запуску полноценного канала онлайн-продаж. Сайт сохранил привычную структуру для корпоративных клиентов, но получил новый инструмент для работы с массовым сегментом.

Частые вопросы о разработке и доработке сайта для b2b

1. Зачем обновлять 1С-Битрикс?

Обновление CMS до актуальной версии закрывает вопросы безопасности, повышает скорость работы сайта и обеспечивает совместимость с новыми модулями из Маркетплейса. Старые версии PHP и ядра Битрикса перестают поддерживаться, что создает риски уязвимостей и конфликтов при подключении новых сервисов.

2. Чем отличается редакция «Стандарт» от «Малый бизнес» в 1С-Битрикс?

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

3. Как добавить интернет-магазин к существующему сайту?

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

4. Обязательно ли подключать онлайн-оплату для интернет-магазина?

Не обязательно, но рекомендуется. Онлайн-оплата через защищенный шлюз (например, Yandex Pay) сокращает путь клиента до покупки и снижает нагрузку на менеджеров. Если ваша целевая аудитория — B2B-клиенты с отсрочкой платежа, можно оставить оплату по счету. Для B2C-сегмента онлайн-оплата более важна: пользователи ожидают мгновенного оформления без звонков и переписки.

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

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

Остались вопросы?
Закажите бесплатную консультацию

Используя наш сайт вы даете согласие на обработку файлов cookie. Если вы не согласны на обработку ваших данных, покиньте сайт.