How to Use URL/Page Parameters in Bubble.io
Looking for a way to send more than one type of data to a separate page in your Bubble app?
URL parameters allow you to send and extract different data types between pages, all without having to reference data stored in your database.
In this video, I'll explain everything you need to know about using URL parameters in Bubble. Using a live example, I'll walk through the steps of creating a custom search experience where we pass URL parameters to a search results page. On that page, we'll then extract the page parameters to display a list of relevant results.
Topics covered throughout this tutorial include:
1. What are URL parameters and when to use them
2. How to send URL parameters to another page
3. How to extract page parameters from a URL string
4. How to display data based on custom URL parameters
---
About me:
In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. Since the beginning of 2021, I've focussed on creating my own video series to teach no-code makers how to get the most out of Bubble's platform.
Note: This video series has no direct affiliation with Bubble themselves. This is something I've created on my own.
---
Timeline:
00:00 - URL parameters overview
01:30 - When to use URL parameters in Bubble.io
03:42 - How to create custom URL parameters
08:38 - How to extract and display URL parameters
15:07 - Live parameters demo
16:14 - Additional insights
Видео How to Use URL/Page Parameters in Bubble.io канала Building With Bubble
URL parameters allow you to send and extract different data types between pages, all without having to reference data stored in your database.
In this video, I'll explain everything you need to know about using URL parameters in Bubble. Using a live example, I'll walk through the steps of creating a custom search experience where we pass URL parameters to a search results page. On that page, we'll then extract the page parameters to display a list of relevant results.
Topics covered throughout this tutorial include:
1. What are URL parameters and when to use them
2. How to send URL parameters to another page
3. How to extract page parameters from a URL string
4. How to display data based on custom URL parameters
---
About me:
In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. Since the beginning of 2021, I've focussed on creating my own video series to teach no-code makers how to get the most out of Bubble's platform.
Note: This video series has no direct affiliation with Bubble themselves. This is something I've created on my own.
---
Timeline:
00:00 - URL parameters overview
01:30 - When to use URL parameters in Bubble.io
03:42 - How to create custom URL parameters
08:38 - How to extract and display URL parameters
15:07 - Live parameters demo
16:14 - Additional insights
Видео How to Use URL/Page Parameters in Bubble.io канала Building With Bubble
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Building A Cameo Clone With No-Code Using Bubble](https://i.ytimg.com/vi/uylQsgxhXnI/default.jpg)
![How To Build A Machine Learning Model With No-Code (Levity X Bubble)](https://i.ytimg.com/vi/Swjic44Jt6Q/default.jpg)
![How To Setup The Signature Pad Plugin In Bubble.io (Complete Guide)](https://i.ytimg.com/vi/5yk9u-EZw5Q/default.jpg)
![How to Use Option Sets in Bubble.io](https://i.ytimg.com/vi/m8fNrOmB47g/default.jpg)
![How to Integrate reCAPTCHA into Your Bubble.io App](https://i.ytimg.com/vi/Zf_BWc-JSgU/default.jpg)
![How To Create Multiple User Roles In Bubble.io (And Restrict Features)](https://i.ytimg.com/vi/wYrXPXQiohk/default.jpg)
![How to Create an Invite Code Feature in Bubble.io](https://i.ytimg.com/vi/uHQMV7_pjzQ/default.jpg)
![How To Build A Quickbooks Clone With No-Code Using Bubble (2024 Flexbox)](https://i.ytimg.com/vi/rZUTYNYbP0E/default.jpg)
![The Complete Guide To Using Scatter Charts In Bubble.io](https://i.ytimg.com/vi/rbsDV-WqX64/default.jpg)
![How To Create Horizontal Scrolling Repeating Groups In Bubble.io (Complete Guide)](https://i.ytimg.com/vi/Kpp-B2vFZ1I/default.jpg)
![How To Build A Reddit Clone With No-Code Using Bubble](https://i.ytimg.com/vi/aFosrFDacpo/default.jpg)
![How To Use Resuable Elements In Bubble.io (Complete Guide)](https://i.ytimg.com/vi/tSztuUFIRQk/default.jpg)
![How To Build A Groupon Clone With No-Code Using Bubble](https://i.ytimg.com/vi/C7iSSwLrk-A/default.jpg)
![How To Build A Google Slides Clone With No-Code Using Bubble](https://i.ytimg.com/vi/6AWsq81bVIM/default.jpg)
![How To Use ‘Intersect With’ Between Two Lists In Bubble.io (Complete Guide)](https://i.ytimg.com/vi/hBNjh52D3nc/default.jpg)
![How To Build A Sentiment Analysis Model With No-Code (Levity X Bubble)](https://i.ytimg.com/vi/s9BeyFcHzIo/default.jpg)
![How To Detect If Users Are Online - Bubble.io](https://i.ytimg.com/vi/MWyTLrGKNc4/default.jpg)
![How To Show The Current Week Of The Year - Bubble.io](https://i.ytimg.com/vi/uNr2NaoLm9Y/default.jpg)
![How To Add OpenAI Speech To text To Your Bubble App (Complete Guide)](https://i.ytimg.com/vi/Ma7GQcmu9Dg/default.jpg)
![How To Build A Zillow Clone With No-Code Using Bubble (2024 Flexbox)](https://i.ytimg.com/vi/AtAXCXiL4PA/default.jpg)
![How To Generate, Scan, And Read QR Codes In Bubble.io (Complete Guide)](https://i.ytimg.com/vi/ikpGmtRL5oE/default.jpg)