Picture of a person choosing an icon on a virtual screen. Rapid Developers
/Bubble Development Agency

How to setup custom parameters in Bubble.io: Step-by-Step Guide

Explore our step-by-step guide to setting up custom parameters in Bubble.io easily and effectively. Enhance your app's functionality today!

Explore more
A person working at the laptop. Rapid Developers

Hire an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Explore more

How to setup custom parameters in Bubble.io?

Setting up custom parameters in Bubble.io involves handling custom states or URL parameters depending on whether you wish to store variables temporarily on the page or in the URL. Here's how to set up both.

For Custom States:

Step 1:
Decide which element on your page should store the custom state. This can be any element, including the page itself.

Step 2:
Create the custom state by adding a "Set state of an element" action to a workflow. In the workflow, select the element where the custom state will reside and then choose "Create a new custom state."

Step 3:
Define the data type for the custom state. It can be any of Bubble's built-in data types, Option sets, or custom data types. Set whether the state holds a single value or a list of values.

Step 4:
Use the Element Inspector to create, view, and manage custom states. You can set static default values via the Element Inspector if necessary.

Step 5:
Assign values to the custom state using workflows as needed throughout your app.

For URL Parameters:

Step 1:
Understand that URL parameters are text strings appended to your app's URL to store information, separated by question marks (?) for the first parameter and ampersands (&) for additional parameters.

Step 2:
Decide on the parameters you need for navigation or storing information temporarily in the URL.

Step 3:
Create workflows that modify the URL to set these parameters, which can be formatted as https://www.mydomain.com/page?parameter1=value1&parameter2=value2.

Remember that while custom states are reset when the page is reloaded, URL parameters are not reset upon page reload but can be lost if the URL is modified or if the user changes it manually.

Want to Enhance Your Business with Bubble?

Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.

Book a free consultation