Сделать оценку проекта?

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

Пример разработки бесплатного магазина на Bitrix24.Магазины

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

Bitrix выпустил обновление «Сидней», в котором предложил своим пользователям очередной продукт – магазины, входящий в Bitrix24. Это значит, что появилась возможность создавать как landing page или веб-ресурс, имеющий большое количество страниц, так и онлайн-магазин, который будет иметь весь необходимый функционал: корзину, различные способы оплаты, службу доставки, связь с CRM в портале. Такая функция становится доступной уже в облачной версии, которая является бесплатной.

Мы ставили перед собой цель создать подобный веб-ресурс, какой создавали для нынешнего нашего заказчика. Шесть месяцев тому он обращался в наше агентство MyMaster, чтобы наши специалисты настроили уже готовый продукт и провели рекламную кампанию. Товарных единиц было всего полтора десятка. Веб-ресурс настраивался в течение двадцати одного рабочего часа. Сумма составила 2815 гривен.

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

Эти вопросы и будут рассмотрены ниже.

Bitrix24.Магазины: для каких задач уместно использовать?

Оптимальный вариант – для магазинов, имеющих весьма ограниченный товарный ассортимент.

Если финансовые возможности ограничены, и использовать платные варианты не представляется возможным, то стоит запасаться временем и приступать к выполнению.

Качество работы

Если число товаров небольшое, и ассортимент не изменяется, то все работает как нужно.

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

Достоинства и недостатки

Достоинства:

  1. Бесплатный. И, честно говоря, данный плюс способен перекрывать большое количество недостатков;
  2. Магазин работает, но проблемы все равно остаются;
  3. Присутствует связь с CRM;
  4. Есть возможность подключения разных способов оплаты и служб доставки;
  5. Существует возможность интеграции с 1С;
  6. В коробочной версии существуют широкие возможности проведения различных доработок.

Недостатки:

  1. Продукт на данный момент является очень недоработанным. Остается огромное количество неразрешенных вопросов. Поэтому о создании полноценного магазина со всем функционалом, что заявлен создателями, на сегодняшний день говорить не приходится;
  2. Управлять магазином достаточно сложно, поскольку настройки являются непонятными на интуитивном уровне, и осуществлять их настройку трудно;
  3. Ни инструкции, ни документации не прилагается;
  4. В сделки CRM заказы не попадают. И это очень большой минус.

Разработка онлайн-магазина на Bitrix24

Теперь подробней о каждом этапе создания интернет магазина.

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

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

Создание портала. URL

Облачные версии Bitrix24 предоставляют возможность управлять адресом портала. В момент создания сайта будет сгенерирован домен третьего уровня, который не является понятным пользователям (т.е не ЧПУ!). И только единожды его можно изменить.

Создание портала. URL

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

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

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

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

Админкой в нашем случае являлся портал. А настраивать и управлять блоками можно «с лица» веб-ресурса (в основном).

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

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

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

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

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

Размещение товаров в каталоге

Когда вопрос с главной странице и контентом уже решены, можно приступать к наполнению каталога. Наше решение – удалить или отредактировать демонстрационный материал, который поставляется вместе с порталом. То есть все ненужное изымаем, а все что можно использовать – редактируем.

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

Размещение товаров в каталоге

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

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

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

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

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

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

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

В том шаблоне, который будет использоваться, на главной странице будет показываться единственный товар и его торговые предложения

Выхода не было, поэтому список вернулся на свое место.

Создали четыре товара. Заполнили все свойства. Проставили стоимость. При этом один товар был с предложениями, а остальные – без (простые). Таким образом, главная страница сайта была создана.

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

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

Мы решили собирать самостоятельно.

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

С отображением рубрики проблем не возникло.

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

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

Но вот с удалением кнопки-ссылки в блоке для шапки возникли проблемы

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

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

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

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

В итоге – детальные страницы сделали вручную по аналогии с рубрикой: взяли блок «товар каталога», добавили и шапку, и подвал. Все заработало.

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

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

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

До данного момента все описанное в разных интерпретациях можно было совершить и в Bitrix24.Сайтах.

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

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

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

Можно провести аналогию с версией «Управление сайтом», но в ней есть возможность расширять список оплат и доставок, а вот в этой, облачной версии, такая возможность отсутствует.

Доставки

Государственная почта РФ, Украины, Казахстана, UPS, DHL, СДЭК, СПСР, DPD, «курьер» без автоматизации. В большинстве случаев данного перечня вполне хватает.

Доставки

Способы оплаты

Здесь имеются все самые популярные

Способы оплаты

Кассы онлайн

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

Кассы онлайн

Другое

Имеется пункт «Скидки», но по факту – он отсутствует. Очень может быть, что он еще разрабатывается. Напомним еще раз, данная версия (Битрикс24.Магазины) все еще является лишь бета-версией.

Имеются поля пользователей и типы плательщиков. Также присутствуют свойства заказов и их статусы. В данной версии имеется единственный вариант типа цены.

Оформление заказа

Успешно дошли до данного этапа. Все необходимые настройки совершили. Осуществляем заказ. Допускает ошибки, но пытается работать.

Оформление заказа

Выше видны замечания, отправленные СДЭК. Но они касались недостатка информации для расчета стоимости. Однако сама служба доставки работает нормально и имеются уже настроенная тарифная сетка.

Что ненормально, так это искажения в логотипе и изображениях.

Сам же заказ отправился в раздел «магазины», расположенный в портале, а вот в раздел «сделки» он так и не дошел. И это огромная недоработка, которая, надеемся, в процессе работы над версией будет исправлена.

Кроме того, покупатель также оказался в виде контакта в CRM.

Кроме того, покупатель также оказался в виде контакта в CRM

Допущена ошибка в последовательности заполнения ФИО в оформлении заказа. Результатом чего является отправка некоторых данных в CRM, а некоторые вообще внести невозможно.

Оформление заказа Bitrix

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

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

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

В конструкторе не имеется даже намека на хоть какой-то личный кабинет. Хотя в большом шаблонном варианте такой имеется. Поэтому мы все еще ждем доработки разработчиков.

Не тестировалось

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

Не тестировалось

Чего нет в данной облачной версии

  1. Настроить цели для аналитических систем оказывается невозможным;
  2. Отсутствует встроенные статистические программы;
  3. Провести общую настройку мета-тегов невозможно. Приходится настраивать их отдельно на каждой странице;
  4. Нельзя управлять шрифтами. Есть возможность использовать свой css, но этого недостаточно;
  5. Запретить индексацию поисковиками сайта в целом, а не отдельно взятой страницы можно лишь подставляя свой файл txt;
  6. Интегрировать с другим CRM невозможно;
  7. Минимальное количество готовых шаблонных вариантов.

Итог

Имеется немало довольно больших проблем. Но не стоит забывать, что это все-таки – бета-версия.

Если есть желание и время колупаться, то произвести настройку для малого числа товаров все же реально.

Мы осуществляли настройку в течение 7 часов. Результатом не довольны. Он отвратительный. Текстовый контент не создавали, адаптация не проводили, правильное отображение в различных браузерах не проверяли. Дизайнера к процессу создание не привлекали. Как минимум еще с десяток рабочих часов необходимо было потратить на то, чтобы исправить самые серьезные проблемы с графическим элементами. Итог – 17 часов работы дизайнера и менеджера с большим опытом работы. Напомним, что на первый проект ушел 21 час.

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

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

Web-студия MyMaster 5,00 из 5 на основе 2 оценок. Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...
Статьи по теме
Закажите бесплатную консультацию!

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

Узнать стоимость сайта
  • Отправьте нам заявку на бесплатный просчет стоимости сайта и наш специалист с Вами свяжется. Или звоните:
    066-55-303-88 093-55-303-88 098-55-303-88

  • Расширенная формаСкачать бриф
Сделать оценку проекта?
мы выпустили книгу Интернет магазины секреты
успеха
Подробнее