First things first, decide whether or not to use Wait - Client Side or Wait - Server Side. Both actions have their own benefits.
Why use Wait - Client Side?

- Avoids showing progress bar at the top of the browser window

- Less overhead

Disadvantages:

a. Cannot be used in Backend workflows

Why use Wait - Server Side?

- Easier to configure

- Can be used in Backend workflows


Wait - Client Side🛠️

1. Place "Wait" element on the page.

2. Make 1px by 1px with a transparent background to avoid showing anything on the page.

3. Create a workflow, and add an action. Under the plugins tab, select the "Wait - Client Side" action. Alternatively, you can use the search bar to find this action.

3.5 Define how long you want to wait (in milliseconds)

4. Create a workflow with the "A Wait is done waiting" event.

5. Add whatever actions you want. These actions will only execute after the wait period is over.

Wait - Server Side🛠️

1. Create a workflow, then select the "Wait - Server Side" action.

2. Run some workflows right after, they will only run after the wait period has finished.

(Note: using a server side wait will cause a progress bar to appear at the top of the browser window)


🔗Editor:

https://bubble.io/page?type=page&name=wait&id=visioncodeio&test_plugin=1659914993891x567545402954874900_current&tab=tabs-6&subtab=General


🔗Demo:

https://www.visioncode.io/wait