Разработка интернет-магазина на «1С-Битрикс»: этапы, лучшие шаблоны и доработки, сколько стоит

Разработка интернет-магазина на «1С-Битрикс»: этапы, лучшие шаблоны и доработки, сколько стоит

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

CMS для онлайн магазина: какую выбрать

Создать интернет-магазин с нуля можно с помощью разных платформ: CMS (WordPress с WooCommerce, Joomla, Drupal, 1C-Битрикс) или облачных сервисов (Shopify, Squarespace).  

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

Плюсы и минусы 1С-Битрикс для магазина

Плюсы 1С-Битрикс

1. Платежные системы и онлайн-кассы. В 1C-Битрикс можно настроить интеграцию с платежными системами и онлайн-кассами. Чеки могут пробиваться через аппаратную кассу, облачную онлайн-кассу или через 1С (например, 1С:Розница) при наличии подключенной кассовой системы.
2. Службы доставки и самовывоз. Для большинства служб доставки есть модули, которые позволяют рассчитать стоимость доставки, выбрать пункт самовывоза на карте и автоматически передавать заказы в курьерские службы. Эти модули также могут получать трекинг-номера и формировать накладные.
3. Быстрый старт. Обеспечивается благодаря встроенным инструментам изменения шаблона при помощи визуального редактора, вспомогательных видеоматериалов и статей, где описываются основные моменты работы с движком.
4. Маркетинг. В 1С-Битрикс есть различные инструменты для взаимодействия с посетителями: рассылки (новости, уведомления, email), интеграция с чатами, обратными звонками, соцсетями и почтой. Также доступны модули для SEO-оптимизации и инструменты сбора заявок через формы.

5. Защита. 1С-Битрикс: Управление сайтом предлагает встроенные инструменты безопасности, включая мониторинг уязвимостей и контроль доступа. Платформа поддерживает дополнительные модули защиты, например, проактивный фильтр (WAF). Резервное копирование можно настроить с автоматической отправкой в облачное хранилище. Некоторые функции ориентированы на проекты с повышенными требованиями к безопасности, например, интернет-магазины с большим объемом данных или государственные сайты.

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

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

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

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

Минусы 1С-Битрикс

1С-Битрикс — мощная и функциональная платформа, но она имеет ряд особенностей, которые важно учитывать перед выбором:

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

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

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

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

Создание магазина на 1С Битрикс: этапы разработки

Разработка онлайн-магазина на Битрикс в компании Вебформат состоит из нескольких этапов:

1. Брифинг и сбор требований. На этом этапе мы с клиентом обсуждаем цели и задачи интернет-магазина, проводим анализ бизнеса. Определяем ключевые функции и интеграции, выбираем готовое или кастомное решение.
2. Разработка структуры будущего интернет-магазина. Этот шаг предполагает выстраивание логики создаваемого сайта, его меню и разделов (контактов, каталогов с указанием актуальных цен, каталога товаров с делением на категории, информации для торговых партнеров, полезных информационных материалов, доставки, оплаты, клиентской поддержки и т. д.), внутренних взаимосвязей, дополнительных функциональных возможностей типа сравнения позиций каталога и фильтра для быстрого поиска. На этом этапе также утверждается формат: готовый магазин на шаблоне или кастомное решение.  Выбор зависит от реализуемых товаров/услуг, специфики бизнеса, ожидаемого функционала сайта.
3. Формирование технического задания (ТЗ). Описываем структуру, дизайн и функциональные требования к магазину.
4. Разработка интернет-магазина. Если шаблон — настраиваем страницы, модули и внешний вид. Если кастомное решение – создаем дизайн, верстаем, программируем логику. Далее мы подробно расскажем и покажем примеры магазинов на шаблонах и кастомных.
5. Внедрение интеграций. Подключаем CRM систему, 1С, службы доставки, онлайн чаты и консультантов, системы аналитики, SEO-модули, формы обратной связи.
6. Тестирование сайта на выявление ошибок, размещение на хостинге и запуск проекта.

Шаблоны интернет-магазинов на Битрикс

На CMS 1С-Битрикс можно разработать интернет-магазин на готовом решении (шаблоне) по невысокой цене. Шаблон представляет собой набор функциональных блоков, важных для интернет-магазина: каталог, корзина,  акции, отзывы, контакты и  т. д. В большинстве решений можно менять местами блоки, настраивать цвета, шрифты, баннеры. Однако степень гибкости зависит от конкретного шаблона.

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

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

Шаблон aspro.max

Самый популярный шаблон, на нем сделана большая часть наших сайтов. Вот классический пример сайта на этом шаблоне:




Блок с информацией о компании, видео и преимуществами:



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

Этот сайт создан на основе шаблона, но адаптирован под задачи заказчика. Он добавил уникальные фотографии и снял видео, что придало проекту индивидуальность. 

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

А вот сайт на этом же шаблоне aspro.max, но с нашими доработками:



Изначально мы использовали магазин на готовом шаблоне, но заказчик вошел во вкус и начал заказывать различные доработки  — поэтому визуально он уже сильно отличается от стандартного шаблона.

Шаблон aspro.lite

Функциональный, очень легкий в запуске, с узнаваемым внешним видом, немного дешевле, чем  aspro.max. Отличается  по сути только стилистикой  и некоторыми техническими моментами (например, нельзя заменить иконки).

Вот пример сайта на этом шаблоне, которые мы разработали заказчикам:



И еще один сайт:

Шаблон aspro.premier

Этот шаблон для интернет-магазина вышел буквально пару месяцев назад. Визуально он похож на LightShop, но предполагает AI-технологии для создания контента, аналитику заказов и интерактивный дизайн. Разработчики обещают генерацию и автозаполнение текста и картинок через нейросети ChatGPT и GigaChat:

Хотите современный интернет-магазин? Обращайтесь в Вебформат, сделаем!

Также клиентам интересна интеграция с маркетплейсами — многие продают свои товары и на своем сайте, и на маркетплейсах. Такие решения реализуются через модули, API или сторонние сервисы — есть интеграции с Ozon, Wildberries, Яндекс Маркет и др. 

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

Еще из штатных интеграций мы часто делаем и очень рекомендуем пробрасывание заявок в CRM-систему вместе с UTM-метками, метками от Яндекса для последующего построения сквозной аналитики. Менеджер обрабатывает заказы, перемещает их по воронке и коммуницирует с клиентом через открытые линии Битрикс24 — и все это происходит в едином пространстве.

Доработки магазинов на 1С-Битрикс

Часто бывает, что стандартного шаблона недостаточно, требуется доработка функционала 1С Битрикс. По мере развития проекта можно кастомизировать и масштабировать проект. 

«Наши клиенты часто делают так: начинают с шаблонного решения, потому что это быстро и удобно, а по мере получения прибыли с магазина вкладываются в его развитие», — отмечает TechLead отдела сопровождения и разработки сайтов компании Вебформат Ольга Сорокина.  

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

Производителю медицинского оборудования мы сделали симпатичный сайт, взяв за основу шаблон Аспро: Медицинский центр 3.0. Дизайнер нарисовал макет сайта, в котором использовал функциональные блоки шаблона, но стилизовал это под брендбук клиента. Для понимания: вот таким был макет в программе Figma:

А вот так выглядит реальный сайт:

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

Еще одна интересная доработка — калькулятор доставки с разделением города на зоны. У клиента есть собственная служба доставки —  мы сделали на отдельной странице модуль калькулятора доставки, и он же используется и в корзине при оформлении доставки:

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

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

Была история с автоматизацией добавления ERID-кода на изображения для интернет-магазина оптики.  В декабре 2022 года в России был принят Закон №347-ФЗ «О внесении изменений в Закон Российской Федерации "О рекламе" и отдельные законодательные акты Российской Федерации», который установил требования к маркировке рекламных материалов специальным erid-кодом. Ранее процесс нанесения ERID-кода на баннеры был ручным и требовал значительных временных затрат, поэтому мы автоматизировали добавление ERID-кода на рекламные баннеры:

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

Сколько стоит разработка магазина на 1CБитрикс

Стоимость разработки интернет-магазина на 1С-Битрикс включает несколько составляющих: лицензию CMS, шаблон (если используется) и нашу работу: 

• Базовый магазин на готовом шаблоне стоит в среднем 400-500 тыс. руб.
• Дополнительные модульные доработки, например, калькулятор собственной службы доставки, начинаются от 300 тыс. руб., так как требуют разработки отдельных модулей. Дизайнерские правки обычно небольшие и входят в поддержку. 

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

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