> For the complete documentation index, see [llms.txt](https://docs.fstrk.io/knowledge_base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fstrk.io/knowledge_base/instructions/old/flexcms/sozdanie-magazina-v-flexcms.md).

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

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

* Создание группы узлов в конструкторе
* Создание узла с кнопкой каталога
* Создание магазина в FlexCMS
* Редактирование магазина в FlexCMS
* Контент магазина
* Проверка работоспособности магазина в мессенджере

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

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

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

<figure><img src="/files/oCHBfaY9UWB2eJdSS84P" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/eYZ7VL4GMQEUKlpaMnPV" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/M7gUNW1idSdmHperHuIM" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/rWMHwyVyhdPiiEzbBGBE" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/6z9zCTiecWCfP1r2ltbg" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/FGWTJZbV5neq2FXVTdaX" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/mg5UibR28seGPfLZEHxq" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="/files/NrmCXYjCjgTLOSR8hgyJ" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/ZnVOxaFoj38dbAJ9yYmQ" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/x8OsNmj4dfu7BroZGwui" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/w7wwiCrexrRYSolARgcC" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/WcxgyPCo2ncIWe23fFur" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/6OQiN4Q6TXg2Y72ZfkpP" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/0zi0zAes11lxq3JwnhoL" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="/files/rppOEjgOUuWPQyxt4pnL" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/EyrRIXNHgUe127GNdIZT" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/d87nU0wnKviGs75DLuRa" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="/files/HSFEG8BRyrAmjLnDFWSx" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/SLIAuTuiMKNRMAav5hyW" alt=""><figcaption></figcaption></figure>

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

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

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

[Подключение VK](https://fasttrack-docs.atlassian.net/wiki/spaces/developers/pages/2698870804)

<figure><img src="/files/PpTYl9bGTKV6uAMtwMpp" alt=""><figcaption></figcaption></figure>

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

то его всегда можно найти в [нашей группе Вконтакте](https://vk.com/fstrkbot)

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

<figure><img src="/files/baxjHaLTGsmNvbc85jkh" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/scY4yPrh6lnwMndHoTpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/2F9PPSsfirYgTob8he41" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/yojVmBXkAJcZur20QZpP" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ncQbbrStAs1HnboASn1H" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/La76YA6BRPn9McR38wo0" alt=""><figcaption></figcaption></figure>