Designing

How to design your assistant on Voiceflow.

Adding Steps and Paths

An overview on the basics of designing on Voiceflow.

Adding Steps to the Canvas

To add Steps to the Canvas, drag and drop Steps (blocks) out from the left side menu and drop them on the Canvas.

Tip: Add Steps quickly by search (press ⬆️ Shift + Space ).

Dropping a Step on its own to the Canvas will create a Block, or you can drop the Step directly into an existing Block.

Removing Steps

To remove Steps, you can select the Step with the right-click menu and choose the delete option.

Alternatively you can select the Step (click on the step/block) and hit Delete, or delete the Step from within the Editor. As with the Steps, you can select the Block with the right-click menu and choose the delete option.

Content editor

Every Step's content can be edited by clicking on it which will open the Editor on the right-hand side of the screen.

You can also jump to edit another Step's contents simply by clicking on it similar to the process above, which will open the editor for that respective block/step's contents.

To close the editor, click away at any blank space away from the Editor back on the Canvas.

Add Paths

To add a conversation path (line) between two Steps, click on the port on the right side of the Step you want to extend the path from. Then, drag and drop the path to the Step you would like to connect to.

Connecting a path to a Block will cause the conversation to run sequentially through all the Steps within that Block.

Tip: You can also connect a path directly to a Step within the Block which will cause the conversation to jump directly to that Step within the overall Block, and then continue sequentially.

As you are building advanced conversations, note that some paths cannot be created/connected because the Step you are attempting to connect does not allow for a Path input.

An example of the above point is the Intent Step, which does not allow for paths to be connected to it, only from it.

This means if you have an Intent Step as the first step within a block, then you cannot connect a path to that Block (only the Steps within it) because the first step in the block, the Intent Step, does not allow for paths to be connected to it.

Other docs in this section