1. Description

The page is intended for creating Flow. Displays information about all Flow in the domain.

Flow can be used for any service scenario. Service scenarios: Inbound calls, IVR, Outbound job queue, etc.

It consists of the following elements:

1. Creation tool (Fig.1(1));
2. Filtration block (Fig.1(2));
3. Search field (Fig.1(3));
4. Upload tool (Fig.1(4));
5. Refresh button (Fig.1(5));
6. Registry (Fig.1(6));
7. Pagination (Fig.1(7)).

Fig. 1. Flow page

1.1. Creation tool

Use the Add button to create a new Flow (Fig.1(1)).  The Create new flow modal window (Fig.2) opens after clicking the button. The following option for creating Flow are available:

1. Diagram;
2. Code.

And types of schemes:

• Voice;
• Chat;
• Forms;
• Service.

Fig. 2. Create new flow modal window

1.1.1. Diagram 

Create a new Flow using the Webitel Flow Diagram tool.

Select Diagram in the Create new flow modal window, choose flow type, and click the Create button.

The Webitel Flow Diagram opens after clicking the button.

1.1.2. Code

Create a new Flow using JSON schema in the code editor. Select Code in the Create new flow modal window and click the Create button. The choice of flow type is informational.

The General tab opens after clicking the button.

1.2. Filtration block

It is designed to filter the data displayed in the registry.

It consists of:

1. Filter elements (Fig.3(1));
2. Reset filters button (Fig.3(2));
3. Expand filters button (Fig.3(3)).

Fig. 3. Filtration block

1.2.1. Filter elements

It is possible to filter by tags - the Tags field and types - checkboxes.

1.2.2. Reset filters button

1.2.3. Expand filters button

1.3. Search field

The search is performed on the Name column.

1.4. Upload tool

It is used to upload flow schema from a JSON file. Clicking the button (Fig.1(4)) opens a file selection window. Select the desired file on your device and click the Open button (depending on the OS, the file selection window may differ). The Import JSON modal window opens (Fig.4).

Fig. 4. File selection window

The Import JSON  modal window opens (Fig.5).

1.

4.1. Import JSON  modal window 

The modal window consists of the following elements:

1. Create new? checkbox;
2. Name field;
3. Add button;
4. Close button.

Fig. 5. Import JSON  modal window 

1.

4.1.1. Create new? checkbox

Предназначен для возможности обновления схемы без замены файла через удаление.

Image Removed - при нажатии кнопки "Добавить" создается новая схема (имя должно быть уникальным);

Image Removed - при нажатии кнопки "Добавить" схема, которая уже существует с таким же именем в реестре записей будет обновлена и заменена на ту, которую импортируют.

1.3.1.2. Поле "Имя"

Предназначено для введения имени схемы.

1.3.1.3. Кнопка "Добавить"

После нажатия кнопки "Добавить" схема добавляется в реестр записей с редактором "Код".

1.3.1.4. Кнопка "Закрыть"

После нажатия кнопки "Закрыть" модальное окно закрывается, схема не загружаетсяIt is designed to update the flow schemе without replacing the file by deleting it.

Image Added - when you click the Add button, a new flow schemе is created (the name must be unique);

Image Added - when you click the Add button, a flow scheme with the same name in the registry will be updated - replaced with the one imported.

1.4.1.2. Name field

Here, enter the flow scheme name if you want to change it.

1.4.1.3. Add button

The flow scheme is added to the register after clicking the Add button. The editor is Code.

1.4.1.4. Close button

After clicking the "Close" button, the modal window is closed, and the flow scheme is not loaded.

1.5. Refresh button

1.6. Registry

Реестр представляет собой список записей существующих объектов этого раздела, каждая из которых состоит из набора полей:

1. Чекбокс;
2. Колонка "Имя";
3. Колонка "Редактор";
4. Инструмент для скачивания (Рис. 4 (1));
5. Инструмент удаления (Рис. 4 (2));
6. Инструмент редактирования (Рис. 4 (3)).

Image Modified

Рис. 4. Реестр записей на странице "Схема"

1.5.1. Чекбокс

Используется для выбора нескольких записей. После выбора одной, или нескольких, записей появляется дополнительная кнопка удаления (Рис.5 (1)). При наведении курсора на этот инструмент появляется информация о количестве выбранных для удаления записей (Рис.5 (2)).

Рис. 5. Удаление нескольких записей

1.5.2. Колонка "Имя"

Здесь отображается имена схемы.

1.5.3. Колонка "Редактор"

Отображает, какой редактор был использован при создании схемы: Код или Диаграмма (Рис. 6).

Рис. 6. Редактор в реестре записей на странице "Схема"

1.5.4. Инструмент для скачивания

При нажатии на кнопку скачивается json-файл с информацией о схеме.

1.5.5. Инструмент удаления

Используется для удаления объекта с подтверждением через модальное окно (Рис.7). При наведении на кнопку удаления () отображается информация с названием инструмента - . После нажатия кнопки удаления появляется модальное окно с подтверждением. Нажатие кнопки "Удалить" -  удаляет объект. Нажатие кнопки "Отменить" закрывает модальное окно, объект не удаляется. 

Рис. 7. Модальное окно подтверждения удаления на странице "Схема"

1.5.6. Инструмент редактирования

Открывается нажатием на кнопку редактирования (), при наведение курсором на которую отображается информация с названием инструмента - . После нажатия на эту кнопку:

• Для схем с редактором "Код" открывается деталь "Общее", в которой можно изменить код схемы;
• Для схем с редактором "Диаграмма" открывается графический конструктор.

1.6. Пагинация 

2. Возможности

2.1. Create a new flow by writing code

2.2. Create a new flow using a graphical editor

2.3. Удаление схемы 

2.4. Удаление нескольких схем 

2.5. Редактирование схемы 

3. Дополнительные материалы

3.1. Обучающее видео

3.1.1. Как настраивать маршрутизацию исходящих вызовов

Как настраивать маршрутизацию исходящих вызовов на примере схемы звонков между пользователями: