# Workflow tab

{% hint style="info" %}
This article provides a general overview of the Workflow tab. For a deeper dive into how the workflow editor functions and how to build with it effectively, we recommend exploring the article series linked below.

Article series: [Workflows](https://manual.bubble.io/~/changes/1188/help-guides/logic/workflows)
{% endhint %}

The workflow[^1] 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.

<figure><img src="https://34394582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5sbzwG7CljeZdkntrL%2Fuploads%2FrZ4mnbDxuNDUaKuDndNA%2Flaptop%20front%20view.png?alt=media&#x26;token=6b8a223d-b1b2-420b-ab51-a7fadf44ad4b" alt=""><figcaption></figcaption></figure>

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).

<figure><img src="https://34394582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5sbzwG7CljeZdkntrL%2Fuploads%2FixsfXqyGYp0EYeqkGX3u%2Fworkflow-schema.jpeg?alt=media&#x26;token=31eb1a55-017c-44c0-bcca-c09cf4608c44" alt=""><figcaption></figcaption></figure>

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

Article series: [Workflows](https://manual.bubble.io/~/changes/1188/help-guides/logic/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.

<figure><img src="https://34394582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5sbzwG7CljeZdkntrL%2Fuploads%2FSCqvLwspX02azZyxIaJU%2Fworkflow-property-editor.png?alt=media&#x26;token=f469a4f6-7b53-44b3-a4af-e7a8ec767352" alt=""><figcaption></figcaption></figure>

In the above example we have selected a [*Go to page*](#user-content-fn-2)[^2] action, and the workflow inspector shows the relevant settings available for this action. In this case, this step in the workflow (marked as *Step 2*) will send the user to the index page.

## Other ways to learn

<details>

<summary>Related articles</summary>

* Article series: [Workflows](https://manual.bubble.io/~/changes/1188/help-guides/logic/workflows)
  * Article: [Events](https://manual.bubble.io/~/changes/1188/help-guides/logic/workflows/events)
  * Article: [Actions](https://manual.bubble.io/~/changes/1188/help-guides/logic/workflows/actions)

</details>

<details>

<summary>Core reference</summary>

* [The workflow tab](https://manual.bubble.io/~/changes/1188/core-resources/bubbles-interface/workflow-tab)
* [List of events](https://manual.bubble.io/~/changes/1188/core-resources/events)
* [List of actions](https://manual.bubble.io/~/changes/1188/core-resources/actions)

</details>

[^1]: A *workflow* is the combination of an *event* that triggers one or more *actions*.\
    \
    They are how you instruct Bubble to respond to what the user does.

    \
    Article: [Workflows](https://manual.bubble.io/~/changes/1188/help-guides/logic/workflows)

[^2]: The *Go to page* action redirects the user, along with relevant data, to a specific page in your app.

    Reference: [Go to page action](https://manual.bubble.io/~/changes/1188/core-resources/actions/navigation#go-to-page)