Tutorial

The Bubble Workflow Tab

In this video we will learn how to add workflow to an element which we created using the Design tab in Bubble browser. The presenter tells us about the Workflow tab. Workflow tab is how we express what an application does. When we open this tab, the workflows of the current index page that we recently made, appear on the screen.
From 00:15, the presenter describes how workflows work with elements. Workflows are triggered by an event, which starts with the keyword ‘when’. He starts by navigating to the first workflow event on the screen which is for ‘when the page is loaded’. Its action is to show an alert on the screen. So, when we actually load the page, and alert appears. There are also a few categories for events but the most common event is triggered when an element is clicked.
At 00:35, he talks about the actions which are steps taken when an event is triggered. And when we go to add an action, we see a bunch of categories there. Which are: Account, for interacting with users. Navigation, to move the users between pages. Data, to read and write to our database. Email, to send emails to users. Payments, for any payment functionality that our application may need. Analytics, for tracking any events on your application. Element Actions, for actions taken by elements on the page. Plugins, for when our plugins have additional functions. And the last one, Custom Events, for scheduling custom events and API workflows. All of these mentioned categories are broken down to everything we will need to make our very own application.
From 01:14, the presenter navigates to the next workflow showed on the screen where we have the triggered the event ‘when this button is clicked’ and then triggers its actions. Where the step 1 action is to send an email and the step 2 action is to show the same alert from the other workflow but this time with different text. Actions like this offer flexibility to our logic. We can have as many actions as we need for our event. But its order happens action by action. So, the steps in which we have our actions run are important for our intended outcome.
At 01:43, he takes us to main index to see how these workflows are triggered. When the page is loaded, just then our alert appears that we had on the first workflow. When we send an email to the provided address, the alert again appears but with the updated text.
So, that was the programming of our web application with Bubble which happens in just a few clicks in the workflow tab and that too without any Coding. Next, we will learn about the property editor.

Leave a Reply

Your email address will not be published.

Back to top button