Howto:Flowe - Wecom - Partner App

Partner App Info
flowe_logo_small.png/
Name	Flowe
Company	Wecom
Version	1.0
Compatibility	Innovaphone XML Schema
License	Via Innovaphone Pricelist
Languages	Portuguese, English, German

Product Name

Flowe Link

Certification status

Space dedicated to Flowe certification information.

Category

VoIP system management products

Vendor

logo_wecom.png/

Wecom

• www.wecom.com.br

Description

Flowe is a Partner App developed by Wecom for the Innovaphone MyApps platform. It is designed to simplify the creation, edition, and management of XML scripts and Voicemail Objects within the PBX.

With a user-friendly and responsive interface optimized for mobile and desktop use, Flowe allows administrators to:

• Create and edit XML scripts visually
• Import and export script files
• Create and assign scripts to IVRs (Interactive Voice Response systems)
• Manage multi-language content (Portuguese, English, German)

Flowe enhances productivity by abstracting technical complexity and aligning with Innovaphone’s native schema definitions.

Functions

This section provides an overview of each core part of the Flowe application. It highlights the purpose of each page, what actions can be performed, and how to navigate through the available features. Additionally, this section provides step-by-step explanations for each functionality.

Scripts - Initial Page

Scripts' initial page with highlighted features

The Scripts Initial Page section is the main entry point of the Flowe application. Upon launching the app, users are presented with an overview of all existing XML scripts that have been created or imported into the system where users can quickly access, search for and manage scripts.

The interface is divided into a search bar, a list of scripts, and two main action buttons: Add and Import. Each script listed displays essential information such as its filename, creation date, last modification date, file size and a unique identifier.

Additionally, each script entry offers three direct action buttons:

• Download – allows the user to download the XML file locally.
• Edit – redirects the user to the Script Management page, where the script can be fully edited.
• Delete – opens a confirmation modal for script deletion.

1. Searching for script

1. Write in the "Type to search..." input area
2. The results will be shown below

flowe_scripts'_search_bar.png/

2. Adding new script

• Click on the "Add" button beside the search bar
  • You will be redirected to Scripts Management Page

flowe_scripts_add_button.png/

3. Importing script

1. Click on the "Import" button beside the search bar
   • An import modal will open
2. Select the file by clicking on the "Select file" button
   • A file selection pop-up will open
3. Click on the modal's "Import" button
   • The imported script will appear in the list below

flowe_scripts_import_button.png/

flowe_import_script_modal.png/

4. Downloading script

• Click on the download icon button on the right of the script's information
  • The download will begin as soon as you click

flowe_download_script_button.png/

5. Editing script

• Click on the edit icon button on the right of the script's information
  • You will be redirected to Scripts Management Page

flowe_edit_script_button.png/

6. Deleting script

1. Click on the trash/delete icon button on the right of the script's information
   • A delete modal will open
2. If you want to delete, click on the "Delete" button on the right
   • The file will be deleted and won't appear in the list
3. If you misclicked or don't want to delete, click on the "Cancel" button on the left
   • The modal will close promptly

flowe_delete_script_button.png/

flowe_delete_script_modal.png/

Scripts - Management Page

The Scripts Management Page is the core interface for creating and editing XML scripts within the Flowe application. This page is designed to provide users with a intuitive interactive editor where scripts can be built from scratch or modified as needed.

Script management page with highlighted features (new script)

Management page with highlighted features (with added function)

The interface is divided into the following key areas:

• Script Name Input – Located at the top of the page, filling this input field in is mandatory. Users must define a unique name for the script before they can save it.
• Elements List – Positioned on the left side, this section contains all available XML elements, each with a brief description, that can be inserted into the script.
• Search Bar for Elements – A search bar above the elements list allows users to search through using keywords that match either the element name or its description.
• Script Body – The main workspace is located on the right side and displays the full structure of the script as collapsed blocks. Each script begins with a pre-created Main Function (automatically provided when starting a new script), the following functions and, inside each function, users can dynamically insert and manage elements.
• Add New Function – Below the script body, an input field and button allow users to sequentially create new named functions.
• Action Buttons:
  • Save – Saves the current script, either as a new file or as an update to an existing one.
  • Cancel – Aborts the script creation or editing process and returns the user to the Initial Scripts Page.

Elements are based on the official Innovaphone XML Schema.

Script management page with collapsed functions (previously made script)

1. Elements List

The Elements List contains all XML components available for building scripts in the Flowe application. These elements are based on the official Innovaphone XML Schema, used for managing the script structure and logic within the XML file.

flowe_add_element.png/

flowe_assign_element.png/

flowe_if_element.png/

• How to use the elements: Users can insert elements inside functions and fill out the required fields according to their purpose and the Innovaphone documentation. Each element should be configured with the necessary data to achieve the expected behavior within the script logic.
• Nested elements: Some elements allow other elements to be placed inside them, supporting nested structures. For example, you can insert a Switch block inside an If condition, and within that Switch, you can have additional If conditions, and so on. These elements are collapsible, with a collapsing button next to the element's name.
• Custom element – "Comment": In addition to the standard Innovaphone elements, Flowe provides a new custom element named Comment (as of now, shown as "Comentário"). This element is designed purely for documentation purposes and allows users to insert comments directly into the XML code. These comments have no effect on script execution and serve only as notes or explanations within the file.

Comment element

• In the examples shown in the images:
  • Add element: one can write two values and the output.
  • Assign element: one can assign a value to a variable
  • If element: one can define the condition and nest an element inside. The else if and else elements are not automatically created.
  • Comment element: with a text input, one can add a comment to the script in the position where the element was added.

2. Searching for element

• Write in the "Search elements..." input area
  • Use keywords that match either the element name or its description

Elements list search bar

flowe_script_search_element_example.png/

3. Changing script name

1. Write in the "Enter the script name" input area;
   • The name is required for creating or editing a script.
2. Save the changes by clicking on the save button after you are done with script management.
   • If the name is already in use, the input area will become red and the Save button will be deactivated;
   • If the project is attempted to be saved without a name, an alert will pop-up.

flowe_enter_script_name.png/

flowe_script_name_already_in_use_tooltip.png/

flowe_name_required_modal.png/

4. Canceling script management

• Click on the "Cancel" button between the name input and the save button.
  • The page will be redirected back to the script initial area and progress won't be saved.

flowe_cancel_script_button.png/

5. Saving script

• Click on the "Save" button beside the cancel button.
  • The page will be redirected back to the script initial area;
    • The script will be updated on/added to your list.
  • A script can only be saved if it has a unique name that is not already in use.

flowe_save_script_button.png/

6. Adding function to script

1. Write in the "New function name" input area;
   • A name is required to add a new function.
2. Click on the "Add" button on the right;
   • New functions will be added in tandem.

flowe_script_new_function.png/

7. Changing function name

1. Click on the pencil icon button by the side of the red trash icon;
   • Only the main function can't be changed;
2. Alter the name in the input area;
3. When finished, click outside the input area.
   • The name will be saved automatically.

flowe_script_function_name_change.png/

8. Removing function from script

• Click on the trash/delete red icon button on the far top right side of the function area;
  • The entire function will be deleted promptly.

flowe_script_delete_function_button.png/

9. Adding element to function

1. Click on the + dotted area where you want to add an element;
   • The area will become blue when selected;
2. Click on the element of your choice from the elements list add it;
   • Search for the element of your choice and just click on it;
   • If a place to add an element is not selected, clicking on an element will add it after the last added element;
   • If there is only the empty main function and the place to add an element is not selected, clicking on an element will not add it to the scrip;
   • An element can be added before, after and in between other elements;
   • An element can be nested in other elements and added as previously.

flowe_add_first_element.png/

flowe_adding_more_elements.png/

flowe_adding_nested_elements.png/

10. Filling element information

• Write in the input areas of the element as required;
  • Every element has different inputs based on Innovaphone XML Schema.

flowe_add_element_values.png/

11. Removing element from function

• Click on the trash/delete red icon button on the far top right side of the element area;
  • The entire element will be deleted promptly.

flowe_remove_element.png/

IVRs

The IVRs Page is the main interface for managing IVR entries within the Flowe application. It allows users to create, edit, and organize IVRs that are associated with existing XML scripts.

The interface is divided into the following key areas:

• IVR Search Bar – Positioned at the top of the page, this input allows users to search through existing IVRs by title.
• Add IVR Button – Located to the right of the search bar, this button opens a modal window to create a new IVR entry. It is mandatory to associate the IVR with a previously created script.
• IVRs List – Displays all IVRs in a card-based format. Each card contains the following details:
  • Title – The unique name identifying the IVR.
  • Internal Number – The internal extension assigned to the IVR.
  • SIP Number – The SIP number configured for the IVR.
  • Script – The XML script that is linked to the IVR.

• Action Buttons on Each IVR:
  • Edit – Opens the same modal used for creation, pre-filled with the IVR’s current data for editing.
  • Delete – Removes the IVR after confirmation.

IVRs are fully integrated with the Scripts module, ensuring that each IVR is functional only if a valid script is associated with it.

Additional Functions

Licensing Page

The Licensing page displays essential licensing information related to the Flowe application. This page is purely informational and does not contain interactive elements. It typically shows a message with contact details for inquiries or further licensing procedures.

flowe_licensing_page.png/

Language Configuration

The language selector is always visible within the application's interface, allowing users to seamlessly switch between Portuguese, English, and German at any time. This ensures that the application is accessible and user-friendly across different language preferences, with all texts dynamically updated upon selection.

flowe_language_select.png/

Licensing

Licensing information.

Prerequisites

Prerequisites information.

Versions

Versioning information.

Configuration

Configuration information.

Installation

Installation information.

Contact

Contact information.