Workflow tab

The workflow tab is where you set up events and actions to instruct Bubble what to do as the user interacts with your app, such as what happens when a button is clicked.

A workflow is a combination of an event (which triggers the workflow) and one or more actions (which tells Bubble what to do when that event occurs). For example, the click of a button (event) can lead to creating a new thing in the database (action).

Workflows are displayed as squares, and clicking one will display the actions within that workflow.

Article series: Workflows

Workflow inspector

Whenever you select an event or an action, the workflow inspector will be displayed. This shows the relevant settings for the object you have selected.

In the above example we have selected a Make changes to action, and the workflow inspector shows the relevant settings available for this action. This is where you specify what that action does. In this case we are changing the name of the current user to John Doe.

Workflow folders

Workflows can optionally be placed into folders. This is only for organizational purposes and does not affect the functioning of the workflow in any way.

Workflow colors

Workflows can be assigned colors. This is only for organizational purposes and does not affect the functioning of the workflow in any way.

Workflow tree

Underneath the workflow folders is the Workflow tree. This lists your workflows in a hierarchical manner. Clicking an event will expand it and show its actions.

Searching for events and actions

Using the dropdown next to the page selection dropdown you can select and search for both events and actions. Clicking an event or action in the dropdown will take you to it in the workflow editor.

Other ways to learn