Canvas User Interface

The Canvas interface provides an intuitive UI to enable you to build your use cases utilizing conversational apps and the Invisible app. The Canvas experience provides the user with the ability to perform high-level canvas functions that are intuitive and easy to use and enhance the user experience. The Canvas interface is designed to provide users with an efficient way of designing, visualizing, and using various functionalities to build the workflow. 

The Canvas menu provides you with features that make you navigate through various functions while building a workflow.

The Canvas Utility toolbar provides the following options to help you navigate and perform simple tasks. Use the table below to review all the available options.

Toolbar Options and Icons

Fit to Screen

Align the entire canvas into view, to display the complete picture of the workflow.

Zoom In/Zoom Out

Zoom In / Zoom Out allows you to adjust the view to closely examine the workflow on the canvas.

Translations

Click the dropdown menu to view the available translation languages. The selection of languages other than English will create a synced read-only workflow. To configure and enable this feature, refer to the General Setting tab.

Test Workflow

Use the built-in simulator to test your workflow before launching it. The simulator lets you interact with the workflow exactly as your end users will, ensuring everything works correctly and looks good:

1. Click the Test Workflow button to open the simulator with an SMS mobile interface.

2. Select the Invisible App link to open the Invisible App.

3. Interact with the workflow and complete the steps.

4. Click the Close button to exit the simulator.

Published/Unpublished

Use the toggle button to unpublish a workflow for editing before the next launch, and publish it to make it available for launching in the LaunchPad.

More Icon Workflow

Branching or Adding a Step

• Disable Branch Options for Navigate Modules
  When using Branch or Menu modules, the "Add Branch" and "Modify Branch" options are disabled to maintain existing connections.

  

• Branching for 'On Error' and 'On Reminder' Scenarios
  Users can set branches for 'On error' and 'On reminder' cases. Only "Modify branch" and "Delete step" options are available for a streamlined approach.

  

• Enhanced Branch Connector Modification
  Hovering over a branch connector shows a blue "Edit" tooltip. The "Branch options" menu provides options to "Insert Step," "Modify branch," and "Delete Branch," making it easy to adjust connections.

  

• Adding a Branch to Disconnected Steps
  For steps not connected to others, the "Step options" menu includes "Add Branch" and "Delete Step." Users can connect to an existing step or create a new one, with validation for unique step names.