Navigation
Actions that instructs Bubble to navigate between pages and pause/cancel workflows
Last updated
Was this helpful?
Actions that instructs Bubble to navigate between pages and pause/cancel workflows
Last updated
Was this helpful?
Was this helpful?
This core reference entry is suited for beginner-level builders.
This action takes the user to another page and optionally defines which data to send to that page, if the destination page has a type of content. You can choose the page destination from static options (existing page names) or dynamic options (current page or dynamic page).
If the action is to go to the current page but statically specified and with different data to send, the content of the page will be updated without reloading the page. If the action is to go to the current page but dynamically specified, the data already sent to the page will be preserved. If the action is to go to the dynamic page, parameters will be cleared. If a change page action is the only action in a workflow that is triggered on page load, the redirection will happen on the server. Note that if a condition is applied on such an event, the redirection will happen on the server if the condition only involves the Current user and the Current page thing.
If the dynamic expression returns an empty value the action will redirect to the index page. If it returns a non-empty value that doesn’t match any page names, it will keep the user on the current page.
If you want the page name to be dynamically specified, you can create a dynamic expression representing the page name here.
Choose the thing for the page content of the destination page. The type of this thing should be consistent with the page's type of content. If the type is inconsistent, the expression will be red. If the page doesn't have a type, you can send text instead to append a path to the URL.
Additional data can be sent to the page. This can be a text, a number for a search, etc. This option defines the series of key/values to send. The way to use them in the destination page is by using the 'Get data from page URL' data source.
Define the key/values to send to the destination page.
Due to Bubble's internal logic, avoid using the following strings as keys:
id
debug_mode
resume
If there is any data stored in the page URL parameters when the page changes the parameters will be carried over to the destination page as well. These parameters will be overridden by any parameters with the same name added using the "Send more parameters to the page" option.
When redirecting to the same page and updating the data to send, a new entry is added to the browser history. Check this box if you do not want the initial page included in the list.
User manual article section: Understanding "Replace the entry in the browser history"
Checking this will open the page in a new tab.
This action reloads the page. It is equivalent to the user hitting 'Refresh' in their browser.
Note: The Refresh the page action resets the current page context and interrupts any ongoing server-side calls tracking workflow progress. Due to potential timing discrepancies, it's recommended to avoid executing workflow steps immediately after this action, since they may fail to run.
Instead, position the Refresh the page action as the final step in your workflow, and then use the Page is loaded event to trigger any subsequent actions.
This action goes to the previous page in the browser history. It is equivalent to the user hitting 'Back' in their browser.
This action opens another website.
Checking this will open the page in a new tab.
Enter the URL to be opened. Enter a dynamic address using the 'Insert dynamic data' button.
This action pauses the workflow for the number of milliseconds entered. This is useful if you want to wait before animating an element, etc. This will have no impact on actions that happen on the server, like data modifications, sending emails, etc.
Enter the number of milliseconds the workflow should pause.
By default, the status bar is shown during this action. To hide it when the workflow pauses, check this box.
This action, if it runs, immediately ends the workflow. Useful in conjunction with an action condition... if the condition is false, the workflow will continue; if true, the workflow will end. If run in a custom workflow, will terminate that workflow, but not the parent workflow.
If this action is used with a custom event that returns data, this action will be converted to a return data action that both terminates the workflow and return data.