Tahsim Ahmed
Tahsim Ahmed
  • Updated

What are Actions on Voiceflow? What do we mean by Step Actions?

Traditionally, too many designs & documents are incredibly hard to read at a glance. This may be due to the overwhelming amount of logic and navigation actions being done on the canvas.

When all blocks sit at the same level of visual hierarchy, it can be difficult to understand the difference between a conversation structure vs. the backend logic powering the assistant experience.

Actions introduce a simplified way to create and visualize non-conversational steps- creating a cleaner canvas & designing experience, and a better piece of design documentation.

As a Conversation Designer, you can now:

  • visualize the conversation structure & corresponding backend logic
  • communicate the relationship between steps on the Canvas
  • analyze corresponding backend logic as part of the Step’s nested details

As a Developer collaborator, you can:

  • differentiate conversation structure & backend logic so I can easily glean context
  • analyze corresponding backend logic as part of the Step’s nested details

Visualizing Step Actions on Canvas

Actions create visual context between the Steps in a conversation flow and corresponding navigation and backend logic. They appear as smaller functions nested in larger steps.

On canvas, Actions are shown as chips linked to the Step:

How do I add / edit actions to my blocks / steps ?

To link an Action to a Step, draw a line from your selected step's port and click the canvas. Click the 'Actions' option from the line's step menu and choose the action you want to add. 

Once you've configured your Action's details, it'll be viewable as a chip on the canvas. Click the chip to preview the Action's contents at a glance.

Modifying Actions

You can modify a Step’s existing Actions in the corresponding or respective Step's editor or directly on the Action itself.

Simply click on the action you want to change, navigate to the preview window, and hit the pencil icon to make your edits. Alternatively, you can also go to the parent block with the Actions linked, and navigate to the Action you wish to edit.


Navigation Actions

Go to Block- Goes to a specific block referenced within the assistant

Go to Intent- Goes to an existing intent contained in the assistant

End- Ends the conversation at its current state

Backend Actions

Set Variable-Allows you to set and change the value of variables

Open URL- Supported on Button Steps. Lets you add or connect a Go-to URL & link-out from your selected Step.

API- Allows you to set up, configure and execute API calls & functions

Custom Code- Allows you to set up and code custom Javascript functions & commands



Was this article helpful?

4 out of 6 found this helpful

Have more questions? Submit a request



Please sign in to leave a comment.