What you'll learn

  • The different terms used in Voiceflow
  • The different terms used in Alexa & Google development

When building something new like Voiceflow, we had to invent a couple works! Here's the breakdown of everything you need to know, along with the links to those tutorials.

VF

  • Voiceflow

Canvas

  • The building area where you create your project on Voiceflow

Home Flow

The HOME Flow is the main flow for your project. It is the 'top-level' flow that every sub-flow will go into/under. This flow is so special that it cannot be renamed, or deleted.

Flow

A Flow is a piece of your overall project. Flows are what make up your project and blocks are what make up your flows.

  • This is our flow called CALCULATIONS. In this flow, we're calculating values with GET SUM (Set block). Once this is calculated, the flow ends and we return to the flow we came from! 
  • In this example, we came from the HOME flow.
  • CALCULATIONS is a sub-flow of the HOME flow.

Sub-Flow

A sub-flow is a flow within a flow. Going off our previous example, what if we didn't want the user to return to the HOME flow after the CALCULATIONS flow? We can make a sub-flow for CALCULATIONS!

  • After calculating the sum, the user will be taken into a flow where the value will be vocalized.

To see your sub-flows, reference the 'Structure' in the left-side task bar. Flows will have indented arrows pointing to any sub-flows they are connected to.

Note:  In regards to the example provided, you could do this all in one flow, given how simple the logic is. This example is meant to demonstrate the flow's ability to alter user pathway and improve organization for projects performing multiple tasks throughout the skill.

Project Structure

The 'Structure' toggle allows you to see the sub-flows and which flows they are under/in.

Project Flows

The 'Flows' toggle allows you to see a list of all the flows in your project.

Tools Menu

The tools menu is the menu on the far left of the screen. It allows you to change the left slide-out menu. Here, you can change between the blocks, project, and variables menu. At the bottom of the tools menu, you can find educational resources and links to our communities.

Blocks Menu

The blocks menu holds all of the blocks you can use throughout your Voiceflow project. The menu is organized into tabs which reveal a dropdown of block-types when selected.

Variables Menu

The variables menu holds all of your skill's declared variables and allows you to add new ones.

Variables

Variables let you store data inside a word with curly braces - like {this}. {this} can hold both, numbers and words. We can set the value of variables using various methods. The capture block and interaction block allow the user to store their custom input in the variable. The set block and code block allow the creator of the skill to set values manually.

Block Port

Block ports are the inbound and outbound connectors on blocks. These are the spaces where you can drag out a connector to connect two blocks together. Most blocks have both, an inbound and outbound port, but some blocks like Start and Intent only have an outbound port.

Connectors

Connectors are the lines that connect your blocks on your canvas. To run your project, your blocks must be connected. Connectors naturally follow the closest path to connecting with another block, but you can shape them to your liking by clicking on the connector to create connector nodes you can move around the shape the line.

Connector nodes

Connector nodes are 'dots' on connectors that allow you to modify the way the line is shaped. This does not effect the performance of your skill, this is simply used for visual/organizational preference.

Dashboard

The screen you arrive on when you login to VF. This is your quick-access hub to information, and where you can create a new project, or open up an old one. For quick access, you can search for your skill in the search bar at the top.


Still have questions? Did we miss something? Have a suggestion? 

Did this answer your question?