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

Represented as a button , all previously selected filters are reset when clicked.

1.2.3. Expand filters button

1.3. Search field

The search is performed on the Name column.

It consists of an input field and a close button () displayed when the cursor is placed in the input field. To search by part of a word or a number, use the * symbol. You can also use the * character to replace any number of characters.

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.3.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.3.1.1. Create new? checkbox

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

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

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

1.3.1.2. Поле "Имя"

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

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

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

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

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

1.5. Refresh button

Updating the register table is performed by clicking on the refresh button -

1.6. Registry

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

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

Рис. 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. Как настраивать маршрутизацию исходящих вызовов

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