Создание магазина в FlexCMS

Быстрая навигация:

  • Создание группы узлов в конструкторе

  • Создание узла с кнопкой каталога

  • Создание магазина в FlexCMS

  • Редактирование магазина в FlexCMS

  • Контент магазина

  • Проверка работоспособности магазина в мессенджере

Для полного функционирования магазина необходимо также подготовить минимальный набор узлов для магазина в конструкторе на платформе Fasttrack

Удобнее всего для этого создать отдельную группу узлов.

Создание группы узлов в конструкторе

Здесь картинка: attachments/2977923073/2977759281.png

Новой группе необходимо придумать название, например «Новый магазин»

Здесь картинка: attachments/2977923073/2978152449.png

В списке групп узлов появится новая группа «Новый магазин», нажав «Редактировать» откроется конструктор.

Здесь картинка: attachments/2977923073/2977955857.png

В конструкторе создаём 5 узлов как в примере ниже или со своими названиями.

Для узла «Создание переменной для корзины» необходимо поставить “звёздочку”, т.к. данный узел будет использоваться в Чат-центре операторами. Если этого не сделать, то операторы не смогут вручную открывать магазин для пользователей.

Здесь картинка: attachments/2977923073/2977955863.png

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

Текст данного узла можно заменить в соответствии с вашим бизнес-сценарием:

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

Здесь картинка: attachments/2977923073/2978086921.png

Примечание: По умолчанию переменной для создания корзины нет, её нужно создавать

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

{% save_variable "cart_var_name" "my_cart" %}
{% switch "имя узла с кнопкой каталога" %}

Здесь картинка: attachments/2977923073/2977759287.png

Узел с кнопкой каталога.

Здесь картинка: attachments/2977923073/2977759293.png

Создание узла с кнопкой каталога

Примечание: Если ещё не создан магазин в FlexCMS, то идентификатора магазина ещё нет и нужно открыть FlexCMS и создать магазин.

Данные, которые нужно внести из FlexCMS в конструктор:

(1) Идентификатор магазина в FlexCMS называется ID

(2) Ссылка на магазин которую нужно вставить в конструкторе (на вашем аккаунте будет иметь вид https://имя-вашего-бота.flex.fstrk.io

Здесь картинка: attachments/2977923073/2977759301.png

Помимо идентификатора и ссылки нужно обязательно заполнить поля «Название» для кнопки и «Переменная корзины пользователя».

Узел очищения корзины указывать не обязательно.

Здесь картинка: attachments/2977923073/2978152455.png

Создание магазина в FlexCMS

Если ранее на вашем аккаунте в Flex не было созданных магазинов, то экран будет иметь вид как на скриншоте ниже.

Здесь картинка: attachments/2977923073/2978054149.png

Нажав на кнопку «Создать» откроется выпадающий список с вариантами для будущего магазина.

Имеется как ручной вариант, так и варианты с различными шаблонами.

Здесь картинка: attachments/2977923073/2977759313.png?width=442

Для примера мы выбрали Магазин с одним каталогом и одним типом товара.

Ниже представлен вид экрана после создания магазина.

Здесь картинка: attachments/2977923073/2978152463.png

Для его настройки и редактирования необходимо нажать на кнопку «Действия»

Редактирование магазина в FlexCMS

У кнопки «Действия» выбрать вариант «Редактировать»

Здесь картинка: attachments/2977923073/2978086929.png

У магазина множество параметров, которые можно подобрать под свою специфику бизнеса.

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

Здесь картинка: attachments/2977923073/2977955903.png

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

Подробнее о некоторых опциях.

Покупка в 1 клик - это покупка без корзины.

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

Сортировка по полю приоритета - предполагает цифровые значения от 1 и выше. Цифры могут быть одинаковыми. Например пять товаров с приоритетом 1, три с приоритетом 2 и т.д.

Здесь картинка: attachments/2977923073/2977955909.png

Дизайн категорий и товаров можно выбирать.

Для дизайна категорий и для дизайна списка товаров есть по 3 варианта.

Их можно выбирать в разных сочетаниях. Не обязательно 1 и 1 или 2 и 2, можно 1 и 3, 2 и 1, 3 и 2 и т.д.

Здесь картинка: attachments/2977923073/2978086963.png

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

Здесь картинка: attachments/2977923073/2978021410.png

Контент магазина

Магазин с каталогом создаётся автоматически в контенте, если мы ранее выбирали соответствующий шаблон при создании магазина. Так же создаётся 3 категории и в каждой шаблоны 6 товаров с стандартными названиями, без картинок.

Все товары и категории можно редактировать и подстраивать под ваш ассортимент.

Если при создании магазина выбиралось ручное создание магазина (без использования шаблонов), то категории и товары не будут созданы.

Для ручного создания категорий нажмите на кнопку «Новая категория».

Здесь картинка: attachments/2977923073/2977955869.png

В меню создания категории нужно выбрать «Родительская категория контента» - Магазин с каталогом, а в «Структура контента» - Товар. Не забудьте дать название новой категории и товарам. Например «Печеньки»: «Печеньки с маком», «Печеньки с шоколадом», «Овсяные печеньки».

В FlexCMS многие шаги требуют сохранения, не забывайте сохраняться

Здесь картинка: attachments/2977923073/2977890384.png

Проверка работоспособности магазина в мессенджере

На примере социальной сети VK

Ваш бот должен быть подключен к VK, подробнее как это сделать, можно почитать тут

Подключение VK

Здесь картинка: attachments/2977923073/2977759307.png?width=442

Если приложение магазина случайно было удалено из сообщества ВК,

то его всегда можно найти в нашей группе Вконтакте

Чтобы у пользователя появилась кнопка ведущая в магазин мы предварительно в сценариях Чат-центра отправили пользователю узел «Создание переменной для корзины»

Здесь картинка: attachments/2977923073/2978185239.png?width=544

Нажав на неё пользователь попадает в каталог с категориями.

Здесь картинка: attachments/2977923073/2978185231.png?width=442

Выбрав одну из категорий, например первую, он попадает в список товаров данной категории.

Здесь картинка: attachments/2977923073/2977955881.png?width=442

По нажатию кнопки «Выбрать» пользователю откроется окно подтверждения.

Здесь картинка: attachments/2977923073/2978054163.png?width=442

В этом окне нажав «Подтвердить» он перейдёт в мессенджер и если всё успешно, то он должен получить сообщение из узла «Узел при успешном оформлении». В нашем случае, для примера добавляли текст сообщения «Успех!»

Здесь картинка: attachments/2977923073/2978054155.png?width=442

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

Здесь картинка: attachments/2977923073/2978185225.png?width=544

Last updated