URL parameters in Bubble are incredibly versatile and powerful. In other words, you can use URL parameters to pass information between pages and trigger workflows.
Let's see how this works by doing a quick exercise.
Imagine we have a website that allows people to log in and access a members-only page. Once they're inside their account, the users should be taken through an onboarding process specific to new users.
The best way to do this is by creating a workflow that is activated when someone accesses the website with specific URL parameters like ?type=new_account&onboarding=true.
We could create a workflow in the Bubble editor that runs only when the parameter type=new_account and onboarding=true.
Setup
Let's assume that you're sending a parameter "action" to a page. On this page, you have a popup. You want to show the popup if the URL parameter contains "show-popup" as the value of the URL parameter.
To do this, we create a new event which happens on page load.
On every page load, we'll check the URL and if it matches our condition, we'll trigger the workflow. To do this, we add an "Only when" condition in the event.
This condition will search the URL for "action" parameter and if its value is "show-popup", this workflow gets triggered.
We can create long, complex workflows based on the URL parameter. We can update our database, show/hide elements, schedule backend workflow etc. Anything that is possible with a workflow.
Depending on the use case, you can also use the other event triggers.
Himanshu Sharma
Himanshu Sharma
If you need some help with your Bubble app or if you need a team of Bubble developers to build a Bubble app for you, reach out to me at [email protected]. You can also follow me on Twitter.
Join the conversation.