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

• Для каких задач подойдут Битрикс24.Магазины
• Работает ли?
• Плюсы и минусы
• Процесс создания магазина на Битрикс24
  • Проектирование магазина
  • Создание портала, url-адрес
  • Создание сайта
  • Дизайн главной страницы
  • Наполнение каталога товарами
  • Создание и настройка каталога товаров
  • Настройка детальной страницы товара
  • Создание навигации
  • Настройки магазина: оплата, доставка, корзина, оформление заказа
• Оформляем заказ
• Проведение заказа
• Что не протестировано
• Что отсутствует в Битрикс24.Магазинах
• Резюме

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

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

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

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

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

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

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

Работает ли?

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

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

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

Плюсы

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

Минусы

• Продукт пока очень сырой. Вопросов много. Полноценный магазин со всеми заявленными функциями создать не удастся;
• Управление магазином — настройки сложные, интуитивно непонятны;
• Отсутствует инструкция или документация;
• Заказы не попадают в сделки 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. Готовых шаблонов очень мало (три).

Резюме

Есть ряд серьезных проблем, но продукт в бета-тесте.

Для небольшого количества товаров с болью можно настроить.

Мы потратили 7 рабочих часов на настройку, результат плохой. Тексты не писали, кроссбраузерность не проверяли, адаптив не исследовали. Дизайнер не участвовал. Еще 8-10 рабочих часов потребовалось бы для латания самых серьезных дыр и создания графических элементов. В сумме минимум 17 часов опытного менеджера и дизайнера студии, что не слишком отличается от потраченного 21 часа из реального проекта, с которым мы сравнивали.

Если предполагалось, что настройку магазина может выполнить не сотрудник веб-студии, то так не получится. Нужно обладать хорошим пониманием работы Битрикса и Битрикса24, далеко выходящим за познания контент-менеджера. Администратор группы Instagram не справится.

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

Вам может быть интересно:

Запускаем бесконтактную доставку в интернет-магазине на Битрикс