Пример создания с нуля интернет-магазина на конструкторе Битрикс24

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

В обновлении «Сидней» Битрикс выпустил новый продукт в составе Битрикс24: магазины. Теперь в любом портале можно создать не только лендинг или многостраничный сайт, но даже интернет-магазин. С корзиной, службами доставки и оплаты, и связью с CRM в портале. Функция доступна, начиная с бесплатной облачной версии.

Мы ставили своей целью повторить разработку для нашего настоящего клиента. Полгода назад он обратился к нам для настройки готового решения и проведения рекламной кампании . Товаров было всего 15. Сайт мы настроили за 21 рабочий час или 46 200 рублей. Готовое решение стоило 7 200 рублей.

Насколько дешевле и быстрее такая задача решается теперь? Результат будет лучше или хуже?

Процесс создания магазина мы покажем по шагам ниже, а начнем с выводов и оценки.

Для каких задач подойдут Битрикс24.Магазины

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

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

Работает ли?

При небольшом количестве товаров, постоянном составе ассортимента — работает.

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

Плюсы и минусы

Плюсы.

  1. Это бесплатно. Данный пункт перекрывает большинство минусов.
  2. Магазин работает. Но есть вопросы
  3. Есть связь с CRM
  4. Можно подключить службы оплаты и доставки.
  5. Можно интегрировать с 1С. Об этом мы расскажем в следующей статье.
  6. В коробочной версии можно как угодно дорабатывать.

Минусы

  1. Продукт пока очень сырой. Вопросов много. Полноценный магазин со всеми заявленными функциями создать не удастся.
  2. Управление магазином — настройки сложные, интуитивно непонятны.
  3. Отсутствует инструкция или документация
  4. Заказы не попадают в сделки CRM! Как же так?

Процесс создания магазина на Битрикс24

Итак, сам процесс настройки магазина с нуля.

Проектирование магазина

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

Создание портала, url-адрес

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

Мы сделали «free-shop.bitrix24.ru» для портала. У портала он сменился корректно. Магазину присвоился адрес «b24-pllgic.bitrix24.shop», его тоже можно сменить, и привязать свой домен.

Создание сайта

Выполняется за несколько кликов в соответствующем разделе портала. Можно выбрать один из трёх (существующих на данный момент) шаблонов либо начать с полностью чистого листа. Мы использовали шаблон-заготовку

Настройки и управление блоками в основном осуществляются «с лица» сайта. «Административной панелью» в данном случае выступает портал.

Дизайн главной страницы

После создания сайта надо настроить внешний вид, наполнить контентом страницы. Вставить своё изображение в слайдер, написать название, переписать тексты и т.д. С этим всё просто и почти всё можно отредактировать.


Для изображений есть модные фильтры а-ля «Инстаграм»

Наполнение каталога товарами

Окей, главная страница готова, тексты размещены. Нужно наполнять каталог. Мы решили это делать редактированием демонстрационного, поставляемого вместе с порталом. Удаляем лишнее, редактируем нужное.

Где искать каталог? Редактирование магазина «с лица» сайта отдаленно напоминает интерфейс «Эрмитаж» «Управления Сайтом», но нет, в каталог отсюда попасть нельзя. Каталог в портале «магазин» -> «товарный каталог».

Каталог общий для всех магазинов, сколько бы их не было создано, он же используется и в CRM. Наверное, иначе сделать было бы проблематично, но единый каталог означает и одинаковый набор свойств и типов свойств у товаров. Минус.

При создании второго (и третьего, и пятого) магазина в том же портале, без объявления войны заново копируется демонстрационный каталог. Если какие-то товары были созданы редактированием демонстрационных, они «сбросятся» до первоначального состояния: изменения сотрутся.

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

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

Плюс. Торговые предложения, SKU, — поддерживаются. Управление свойствами и редактирование товаров аналогично версии «Управление сайтом».


В используемом шаблоне на главной странице выводится один товар и его торговые предложения. Переключение между SKU осуществляется кликом по отображаемому свойству «размер». Свойство мы переименовали без проблем, а вот при смене типа со списка на число, оно перестало отображаться. И нигде мы не нашли настройки или используемого шаблона, или настройки для создания с нуля. Искали 20 минут, не нашли.

Пришлось вернуть обратно список.

Четыре товара создали, свойства заполнили, цены выставили. Один товар с предложениями, оставшиеся — простые. Главная страница полностью готова.

Создание и настройка каталога товаров

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

Выбрали собирать «с нуля».
Есть готовый блок «рубрика товаров».
Рубрика отображается нормально


Использованный блок для шапки не позволяет удалить кнопку-ссылку. Можно удалить надпись внутри кнопки, но не саму кнопку.

Как и в случае с SKU на главной это странно и раздражает. Конечно, можно собрать блок вообще на html, конструктор это позволяет, но тогда зачем сам конструктор?

Настройка детальной страницы товара

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

Детальные сделали руками. Совершенно аналогично рубрике — берём блок «товар каталога», добавляем шапку и подвал, работает.

Создание навигации

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

Пока всё проделанное в той или иной форме можно было сделать и в Битрикс24.Сайтах.

Настройки магазина. Оплата, доставка, корзина, оформление заказа

Вместе с магазином создаются страницы «корзина» и «оформление заказа». Но их редактирование никакого доступа к магазинным функциям не даёт. Настройки магазина тут:

Настройки аналогичны версии «Управление сайтом». Но в «Управление сайтом» можно расширять список доставок и оплат, а в облаке ограниченный список.

Доставки

Почта (России, Украины, Казахстана, DHL, UPS), СДЭК, СПСР, DPD, не автоматизированный «курьер». Вполне достаточный список

Оплаты

Основные присутствуют

Онлайн-кассы

Только Атол и Орандж.Дата. Физическую подключить нельзя, но мы вообще-то в облаке.

Остальное

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

Типы плательщиков, поля пользователей — есть. Свойства и статусы заказов — есть. Тип цены один (по крайней мере в бесплатной версии).

Оформляем заказ

Всё готово. Всё настроили, делаем заказ.

Работает. Но с ошибками.

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

А вот «битые» изображения и логотип — ненормально.

Заказ попал в раздел «магазины» в портале.

В «сделки» заказ — не попал. Это очень странно и очень большой минус. Надеемся, что это тоже в работе.

Покупатель попал в CRM как контакт:

При оформлении заказа на сайте перепутан порядок фамилии и имени. Строка ФИО распаривается для попадания в CRM, так что от порядка зависит всё. Было введено «Василий Михайлович Шевяков»

«Ибрагимов Мамед Салим-оглы» не прошёл вообще:

Проведение заказа

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

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

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

Что не протестировано

Обмен между системами оплаты, доставки и порталом. Для этого нужно провести оплату и доставку, системы должны вернуть статусы, они должны обновиться в портале. Сами статусы присутствуют. Работает ли обмен, неизвестно.

Что отсутствует в Битрикс24.Магазинах

  1. Настройка целей для аналитики
  2. Встроенная статистика
  3. Мета-теги настраиваются на каждой отдельной странице. Общей настройки нет.
  4. В конструкторе нет управления шрифтами. Можно внедрить свой css, но кнопочкой Arial на Times New Roman не поменять.
  5. Кнопочкой вообще мало можно сделать. Запрет на индексацию поисковыми системами сайта целиком, а не отдельной страницы, выполняется через подстановку своего robots.txt…
  6. Интеграции с не Битрикс24 CRM — нет. Это не странно.
  7. Готовых шаблонов очень мало (три).

Интересные статьи

Интересные статьи

Очень часто, работая с Enterprise приложениями, приходится сталкиваться с подобными экранами при отсутствии получаемых данных с бекенда, когда нам на экране попросту нужн...
На протяжении тысячелетий человечество волновали вопросы функционирования нервной системы: предпринимались попытки понять, как происходит восприятие и обучение, что ...
В октябре мы поговорили с Алексеем Стаценко (MagisterLudi) о том, как он загорелся идеей построить джетпак, зачем основал JetHackers, а главное — для чего нужен реактивный ранец. Бытовые вопр...
Для большинства дотнетчиков Джеффри Рихтер — гуру и важнейший автор. А вот для Джеффа Просайза он в первую очередь друг и бывший коллега: они вместе основали компанию Wintellect (в числе её к...
У нашей компании есть свой игровой движок, который используется для всех разрабатываемых игр. Он предоставляет всю важную базовую функциональность:  рендеринг; работа с SDK; работа с о...