All Collections
Interactive Flow Builder
Interactive Flow Builder: Nodes Explained
Interactive Flow Builder: Nodes Explained
Updated over a week ago

Nodes Explained

The Flow Editor is a flow-authoring tool for the creation of interactive flows. The interactive flow is built by connecting the different Nodes. The Nodes can contain text, images, PDFs, videos, and frontline.io 3D interactions. The Nodes are connected. Each Node can represent a step of the, for example, (end) procedure, training module, or troubleshooting document.

There are 7 types of Nodes:

  1. Start Node

  2. Instruction/ Step

  3. Question

  4. Multi-choice

  5. Warning

  6. Input

  7. Go To

All Nodes can contain a Header, Description, Warning pop-ups, Media Elements, and 3D Interactions.

1. Start Node

The Start node is where your flow begins and is always there from the start. Nodes that are not connected to the start node will not be visible to the user when playing the flow in the app.

Plus, the Start node helps with the Pre-required procedure. Clicking on it lets you add another flow at the start. This means that if you remove parts of the digital twin in one flow, they'll also be gone in the new flow, saving you from doing it twice.

To add a pre-requisite procedure, simply click on the node. In the side menu, locate the "Pre-required Procedure" button. Click on the pen icon, then select the desired procedure from the opened window to add it. You can add as many procedures as you see fit to meet your needs.

2. Instruction or Step Node (Basic Node)

Node.png

Add the title to the Header, and explain the step in the Description. The text can be fully styled in the text fields. The Style option of the Node indicates the position of the Header and Description.

basic_node_canvas.png
node_canvas_style.png

Instruction/Step node - Options Instruction/Step node - Style

3. Question Node:

node_question_2.png

The Node has two connections, (default) No and Yes. The No and Yes text can be edited. Using this Node creates a split inside the flow. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)

Flow_Maintenance.png

4. Multi-Choice Node

node_multi_choice.png

The Node can create multiple connections. The connections show the selectable options. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)

canvas_multi_choice.png

Note: Use the On/Off option to see the connection labels.

6. Warning Node

Node_warning.png

The Node creates a warning inside the step flow. This is contrary to the Warning Pop-Up option available in every kind of Node. The Node has the default color red (editable).

Warning_node.png

7. Input Node

Node_Input.png

The Node requires input from the viewer of the training module or procedure. Inputs can be numbers, text, images, or barcodes. The inputs are viewed in the analytics after the completion of the training module or procedure.

add_canvas.png

8. Go To Node

node_go_to_procedure.png

The Node is for nesting. Selecting a different flow (procedure in this case) will open that procedure inside the current flow.

Note: only published flows can be nested.

select_canvas.png
Did this answer your question?