В этой статье мы будем говорить о том, как подобрать шаблон для разработки интернет-магазина, на что обратить внимание и какие шаблоны бывают на CMS 1C-Bitrix.
Начнем издалека. Некоторые заказчики скептически относятся к разработке сайтов на шаблонных решениях и CMS 1C-Bitrix. Как сказал Джек Траут: «Выделяйся или умри!». Тогда о какой разработке на шаблонном решении может идти речь? Но мир стремительно меняется.
Компания 1С-Битрикс уже давным-давно стала стандартом качества и лидером разрабатываемых e-commerce проектов. Огромный штат программистов регулярно выдает новые обновления платформы, функционал CMS позволяет вести онлайн продажи даже для самых крупных компаний со сложными бизнес-процессами. На текущий момент у компании не осталось достойных конкурентов в сегменте e-commerce, сопоставимых по качеству продукции и пользы для онлайн бизнеса.
Так, а что с шаблонами? Ох уж это страшное слово «шаблон!» Сколько пудов соли съели менеджеры и маркетологи, чтобы преодолеть этот скептицизм в сердцах заказчиков. Но ведь не только они смогли сформировать ценность разработки на подобном решении.
Современные шаблоны уже не такие «рамочные» и ограниченные, как раньше. Существует прекрасный лозунг одного из таких решений: «Один для всех, для каждого свой». И тут мы уже пониманием о вариативности настройки современных шаблонов, о работе дизайнеров и аналитиков, которые исследовали потребности рынка и предложили решения, закрывающие более 80% бизнес-задач онлайн торговли.
Современные шаблоны хорошо упакованы и функциональны. Но, любой продукт имеет преимущества и недостатки. И в этом предстоит разобраться.
Для сравнения возьмем наиболее популярные и новые шаблоны:
- Digital Web: «Deluxe»
- Intec: «IntecUniverse»
- Аспро: «Максимум»
- IT-компания Крайт: «Инструменты.Tools»
Digital Web: «Deluxe»
Да, со словом «новый» мы погорячились в контексте шаблона «Deluxe». Дата релиза 17.12.2015. Ничто так стремительно не развивается как технологии. Так что к «шаблонам ветеранам» при подборе решения для проекта стоит отнестись внимательно. С одной стороны многие доработки уже внедрены и вы получаете довольно стабильный продукт, с другой — количество этих самых доработок может превысить критическую массу. По датам обновления видно, что с 2016 г. по май 2020 г. разработчики регулярно реагировали на просьбы клиентов и не реже, чем раз в месяц внедряли обновления функционала. Но после мая 2020 г. обновления стали выходить намного реже и уже были связаны больше с технической частью сайта, чем с улучшением юзабилити для конечного пользователя.
Этот шаблон проверен временем. Клиенты оценили его надежность и функционал. Мы видим более 1000 скачиваний этого решения и щедрые 5 звезд в рейтинге. В целом шаблон хорош и содержит достаточный функционал для ведения онлайн торговли. Но при этом имеет крайне ограниченные возможности по кастомизации внешнего вида.
Базово шаблон предлагает 2 типа отображения главной страницы: с боковым меню и верхним.
Несколько вариантов отображения шапки, подвала цветовых схем и в целом всё. Для современного решения этого крайне мало. То, как вы видите расположение основных блоков на главной, отображение страниц каталога, карточки товара, корзины и т.д. — это и есть ваш будущий сайт.
В любом случае — этот шаблон смотрится самобытно. Он не похож на классический интернет-магазин с последовательным расположением информационных блоков на главной странице. Дизайнеры старались выделиться и это у них получилось. При этом шаблон поддерживает все базовые потребности для онлайн торговли: вывод сроков активности для акций, SKU, сравнение товаров, покупка в 1 клик и т.д.
В дизайне карточки товара есть интересные решения. Например, слева расположено навигационное меню, которое ведет к основной информации о товаре. Таким образом вы сможете быстро перейти к отзывам, наборам (товары которые могут быть куплены, как комплект к текущему товару), характеристикам, прикрепленным файлам и т.д. Сам блок зафиксирован, если вы в процессе подбора товара опустились вниз и нужно вернуться к нужной информации, просто кликните по соответствующей кнопке в навигационном меню.
При добавлении товара в корзину и пролистывании страницы вниз, мы теряем связь с информацией о товаре в корзине. В решении нет ни малой корзины, ни плавающей шапки сайта. Но есть нижнее дополнительное меню с иконкой корзины справа. Т.е. в самом незаметном месте для зрения человека. Наиболее важная для нашего восприятия информация должна располагаться сверху вниз, слева направо, согласно тому, как мы читаем и пишем. Здесь же это правило не работает.
Также бросается в глаза блок преимуществ компании, который расположен в карточке товара и представляет из собой слайдер. Мы уже находимся в карточке товара, зачем из раза в раз один и тот же блок преимуществ в карточке товара? Для одного из наших заказчиков мы в этом блоке разместили бренды. Это решение несет больше пользы для покупателей.
Итог. Интересное решение с достаточным функционалом для базовой онлайн торговли. Сайты на этом решении работают довольно быстро. По нашему рейтингу 14 из 24.
Intec: «IntecUniverse»
Маркетологи компании «Intec» активно продвигают свои решения на рынке. Это касается и их флагмана — шаблона «IntecUniverse». В отличие от шаблона «Deluxe» — это классический интернет-магазин с интуитивно-понятным расположением функционала на страницах.
Хорошо проработаны настройки отображения блоков на главной и дополнительных страницах. Вы сможете подобрать шапку, подвал, блоки акций, новостей и т.д. именно такими, какими они должны быть для ваших бизнес-процессов.
На основном баннере главной страницы вы сможете расположить товары с акциями, видеозапись, предложить покупателям положить товар в корзину, в избранное или добавить к сравнению. При наведении курсором мышки на изображение товара, можно быстро просмотреть прикрепленные к нему картинки.
Любой функциональный блок можно отключить для отображения на главной странице. У вас монобрендовый интернет-магазин? Отключите функционал брендов на главной странице. Вы не предоставляете услуг, нет тарифов, не хотите показывать новости? Просто отключите эти блоки.
В общем, с количеством блоков на главной странице у шаблона «IntecUniverse» нет никаких проблем. Даже наоборот. Можно активировать такие не типовые блоки для интернет-магазина, как «проекты», «этапы работ», «видеозаписи». На главной вы можете не просто разместить видеозапись, но и добавить видео-отзывы или видео-презентации компании. Но, к слову сказать, как и у коллег по цеху этот функционал хромает. При нажатии на видео, хочется его посмотреть в этом же окне. Но, увы, сайт дополнительно раскрывает видеоплеер.
Функционалом шаблон порадовал. А количеством настроек карточки товара — даже удивил. Вы точно сможете подобрать отображение карточки товара таким образом, чтобы у клиента сформировалось непреодолимое желание его купить. В карточке товара доступны наборы и комплекты, связанные услуги, блок рекомендаций и т.д. Шаблон предоставляет весь необходимый функционал для повышения конверсии и среднего чека.
Но, чтобы всё заработало корректно — это нужно настроить. Предстоит работа с каталогом. К мужским брюкам рекомендовать женскую юбку — не целесообразно. К покупке наручных часов рекомендовать подъем на этаж или установку тоже не подойдет. Поэтому, за любым успешным проектом на базе подобного решения стоит аналитика бизнес-процессов клиента, подготовке логики работы функционала, исследованию стейкхолдеров (пользователи сайта) и их задач. Этот шаблон дает намного больше, чем нужно среднестатистическому бизнесу. Поэтому к разработке подобных проектов рекомендуем привлекать компании, которые готовы провести все необходимые работы по аналитике и настроить функционал наилучшим образом для вас и ваших клиентов.
Также разработчики внимательно отнеслись к странице брендов. Если на главной странице перейти на один из брендов, например «Black White», то на странице бренда вы найдете не только информацию о нем и его товарах представленных на сайте, но и разделы каталога, в котором присутствуют товары этого бренда. Это крайне удобно, когда вы например покупаете обувь конкретной марки. Ищем обувь фирмы Nike: Выбираем бренд Nike на главной странице, переходим на страницу бренда, видим разделы с футболками, куртками, брюками и обувью. Переходим в раздел обувь и подбираем себе новенькую пару.
Отдельно стоит поговорить о функционале личного кабинета Intec Cabinet. Вот здесь компания Intec особенно отличилась.
Помимо базовой информации о статусах заказа, оплаты и доставки, которые интуитивно понятно расположены в одну строку, пользователь может в этом же окне ознакомиться с составом заказа и оплатить.
Также к каждому заказу прикреплен ответственный менеджер. Пользователь может напрямую задать вопрос или получить уточнения от продавца. Это довольно существенное отличие этого шаблона от остальных. В компании, где заказы приходят на несколько менеджеров, такой функционал будет наиболее удобен.
Уникальным решением стала возможность написать рекламацию в случае возникновения проблем с заказом. Теперь пользователь из личного кабинета может написать обращение поставщику товаров или услуг о вопросах требующих внимания. При этом обращение можно написать к конкретному заказу из детальной информации самого заказа.
Во вкладках «Мои заказы» и «История заказов» есть простой и удобный фильтр для поиска необходимого заказа. Он позволит постоянным клиентам быстрее найти необходимый заказ, если их было создано уже много.
Да, в личный кабинет компании Intec не заложен функционал для удобного заказа оптовым покупателем. Но этого вы не найдете и в остальных рассмотренных шаблонах. Тут уж или покупать дополнительный модуль или обратиться к web студии для разработки подобного функционала под конкретные бизнес задачи компании.
Еще один уникальный функционал это модуль «Конструктор сайтов - визуальный редактор структуры и дизайна от Intec». В решение «IntecUniverse» он уже включен в стоимость. Модуль предназначен для кастомизации шаблона. Например, менять шрифты заголовков, фон блоков на главной странице их размер, размещение и отображение. Вы не ограничены в том, какие блоки будут расположены на главной странице, в какой очередности. В шаблоне Аспро «Максимум» вы также сможете подобрать необходимые блоки и их очередность на главной странице. Но при этом в «IntecUniverse» не влезая в программирование вы сможете выбрать отображение одного и того жа блока несколько раз, настроить между ними отступы, высоту и ширину блоков. К примеру вам нужен блок с баннерами. Но одного вам недостаточно. В визуальном редакторе вы просто сможете выбрать столько блоков с баннерами, сколько нужно.
Вот пример шаблонного отображения «Блока преимуществ» на главной странице. Вся информация представлена функциональными блоками. Без знания HTML и CSS вы интуитивно сможете менять содержание блоков, их количество и размещение.
Пример доработок:
Помимо стандартного функционала, который уже есть в самом шаблоне компания Intec предлагает на выбор один из 4-х модулей бесплатно. Так как эти модули включены в базовое предложение, то рассматривать их наравне с функционалом других шаблонов нечестно. В любом случае все модули достойны отдельного внимания.
Итог. Хороший шаблон для широкого круга клиентов. Подойдет как для тех , кто только пробует себя в онлайн торговле, так и для компаний с конкретными требованиями к функционалу и бизнес-задачи. С одной оговоркой, что первым придется изрядно ограничить функционал, а вторым попотеть над настройкой. Из опыта компании добавлю, что при всей своей мощи, в деталях функционала не хватает. То сложности с подключением ReCaptcha V3, то вопросы с настройкой композитного сайта, что к примеру у шаблона «Аспро.Максимум» решается в пару кликов. Но стоимость шаблона, возможность расширения штатного функционала выверенными дополнительными модулями и регулярные акционные предложения все же часто склоняют клиентов к его выбору. По нашему рейтингу 22 из 24. Весьма достойный результат.
Аспро: «Максимум»
Аспро: «Максимум» прямой конкурент Intec: «IntecUniverse» на рынке продаж шаблонов. Один флагман против другого.
Для клиента это решение внешне будет крайне схоже с «IntecUniverse». На поверхности те же блоки с разными типами отображения, те же варианты кастомизации, продуманные версии для мобильных устройств и т.д.
Да, в «Аспро: Максимум» не будет блоков «проекты», «этапы работ» и «видеозаписи» на главной странице. Но, «Аспро: Максимум» — это в первую очередь интернет-магазин. Если вам нужен корпоративный сайт, обратите внимание на решение «Аспро: Корпоративный сайт 3.0». Этот шаблон создан для решения задач корпоративного сайта.
Аспро «Максимум» — надежный шаблон, с которым легко и удобно работать. В нашей компании на этом решении мы разработали сайты для продажи новогодних товаров, вендингового оборудования и слаймов, автомобильных аккумуляторов, строительных материалов, акустического оборудования, и это еще не полный список. В работе с этим шаблоном мы пока не столкнулись с задачами наших клиентов, с которыми бы не смогли справиться. При этом, техподдержка «Аспро» реагирует крайне оперативно на любые запросы, что для нас, как для разработчиков, крайне важно.
В сравнении с шаблоном «IntecUniverse» вы не получите принципиально новый функционал. По количеству возможных отображений типов блоков шаблон от Intec даже будет выигрывать. Компания «Аспро» подходит более внимательно к наполнению своего шаблона контентом. Их дизайнеры разрабатывают крутые демо баннеры, иконки и подбирают качественные графические материалы для товаров и разделов. Поэтому их демо версия сайта выглядит более аккуратной и презентабельной. Но если проделать аналогичную работу по наполнению боевого сайта качественным графическим контентом на решении «IntecUniverse» в целом вы получите то же самое.
Стоимость шаблона выше чем у прямых конкурентов, а акции на покупку со скидкой появляются крайне редко. Но тут всё очевидно. Зачем продавать дешевле, если товар и так пользуется спросом. Переплата в 5% от стоимость проекта на этом решении с лихвой перекрывается количеством сэкономленных денег на доработки и обслуживание.
Итог. Да, нам нравится это решение и мы готовы его рекомендовать. Приобретая шаблон «Аспро: Максимум» вы получаете не только качественное решение, но и надежного партнера в лице компании «Аспро». По нашему рейтингу 22 из 24.
IT-компания Крайт: «Инструменты.Tools»
Шаблоны компании «Крайт» стоят особняком. Разработчики предлагают конкретные отраслевые решения. Что здесь имеется в виду. Ваша компания производит или реализует косметику и парфюмерию, «Крайт» предлагает конкретное решение под этот вид бизнеса «Крайт: Косметика.Beauty». Ваше направление бизнеса — мягкая и корпусная мебель, получите шаблон «Крайт: Мебель.Furniture». Вот только демо версия этого шаблона на момент написания статьи не была доступна.
С одной стороны отраслевые решения весьма облегчают выбор заказчика шаблона для разработки проекта. Клиент смотрит на сайт, видит картинки и баннера в своей тематике и у него формируется ощущение, что это именно то решение, которое ему нужно. К слову сказать, многие заказчики ведутся на картинки в шаблоне отраслевого решения. Если для маленького бизнеса такой подход может сработать, то вот для крупных компаний это грозит большими трудностями.
Что мы здесь имеем ввиду. Шаблонные картинки на сайте — это еще не ваш сайт. Возьмите любой другой шаблон, наполните контентом из своей сферы бизнеса и вы получите тоже самое. Смотреть нужно не на картинки, а на функционал. Что конкретно предлагает шаблон? Какие есть варианты отображения главной страницы, каталога, карточки товара, корзины, страницы оформления заказа и т.д. Далее смотрим, что из функционала страниц и блоков позволяет реализовать ваши бизнес-задачи и получить финансовую выгоду. Любой e-commerce проект это не про картинки, а про прибыль для бизнеса.
Чем удобнее шаблон для конечного покупателя в подборе товара, тем выше вероятность покупки. Компания «Крайт» обещает, что они продумали функционал под несколько сфер бизнеса, предложили конкретные решения, но не всё так однозначно.
С чем же нас встречает шаблон «Инструменты.Tools». На функционале хочется остановиться чуть подробнее. Начнем с того, что шаблон не подразумевает никаких настроек отображения, как есть у шаблонов Аспро: «Максимум» и Intec: «IntecUniverse». Т.е. вы получите сайт именно в таком виде, в каком перед вами предстает демо версия. Ни настроек шапки, подвала, страниц каталога, карточки товара, ничего. Для стоимости шаблона 49 000 р. — очень слабый результат.
При выборе фильтрации по цене вы получаете все товары в этом диапазоне для конкретного раздела. Например, нам нужен гайковерт. Идем в раздел «электроинструмент», выбираем цену до 15 тыс.р и в выдаче получаем все электроинструменты в этом ценовом диапазоне. Если в этом фильтре были чекбоксы, то всё бы работало корректно. Отметили галочкой тип изделия, ценовой диапазон, производителя и получаем искомые товары.
Основной баннер — это первое, что видит посетитель сайта. К картинке на баннере вопросов нет. Но реализация функционала хромает. На баннере нельзя разместить товар с акциями, нельзя добавить его в сравнение, в избранное и не положите в корзину. Для перехода к следующей картинке на слайде доступны только 3 маленьких кнопки. Привычным образом зажать баннер левой кнопки мыши и пролистать уже не получится.
Быстрый подбор товара по свойствам — хорошее решение. Да, мы ограничены четырьмя свойствами, но этого может быть достаточно для подбора товара. При этом для каждой группы товаров есть возможность вывести индивидуальные свойства для фильтрации.
В современных реалиях «цена от» необходимый функционал. Цены сильно привязаны к доллару, у продавцов возникают сложности с ценообразованием. Показать хоть какую-то стоимость — это первый шаг к звонку потенциального клиента менеджеру с возможностью доведения его до заказа. В этом шаблоне за ценой от расположена информация о торговых предложениях SKU.
Если бы при наведении на карточку анонса мы получили информацию о торговых предложениях, то уже не переходя в карточку товара смогли бы выбрать необходимый товар. Пример реализации на шаблоне Аспро: «Максимум»:
Сама карточка товара, а она является основой интернет-магазина, не порадует ни сопутствующими услугами, ни расчетом стоимости и срока доставки, ни возможностью прикрепить документы, как в шаблонах «Максимум» и «IntecUniverse»
Итог. На июль 2022 года шаблон воспринимается крайне сырым. Непонятна история с обновлениями.
Клиенты оставляют в целом хорошие отзывы, но у нас закралась мысль об их достоверности. Дорогой шаблон, с невнятной поддержкой и обновлениями. Не хватает даже базового функционала для современного интернет-магазина. 12 из 24.
Общие результаты сравнения шаблонов
Подводим общие итоги. Не так важно определить победителей и проигравших, как обратить внимание заказчиков на ход мыслей в вопросе выбора шаблонного решения. Покупка шаблона это инвестиция в инструмент для роста продаж. Поэтому критически важен функционал шаблона, насколько возможно адаптировать его под бизнес-процессы, как часто поставщик выпускает обновления и многое другое. Чем больше конкретных бизнес-задач способен решить шаблон, тем больше прибыль вы получите в итоге. Если вам нужна помощь в подборе шаблона, обратитесь в нашу компанию. Мы проведем базовый анализ бизнеса и предложим оптимальное решение.