Set state
Discover how Bubble.io's Set State feature empowers solopreneurs to create dynamic no-code SaaS applications, allowing you to manage and update your app's data in real-time without writing a single line of code.
Create shop filter using Custom States & Option Sets
In this Bubble.io tutorial video we demonstrate how you can filter your products on a shop product page in Bubble.io. We'll be using Custom States and Option Sets to create this essential feature if you're building an ecommerce store with the Bubble app builder.
Creating a Temporary List Using Custom States in Bubble.io
In this Bubble.io tutorial video we show how Custom States to show a temporary list and build upon a temporarily list without saving data to your Bubble app's database using Repeating Groups.
Creating custom toggles using custom states in Bubble.io
In this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.
Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
Filter products in a repeating group by data type with Custom States
In this Bubble tutorial video we demonstrate how to filter results in a repeating group using Custom States.
How to Split OpenAI response
In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT into multiple cells in a Repeating Group. Using the Air Copy To Clipboard plugin by Zeroqode we'll explain how to copy a single cell's content from a repeating group to the user's clipboard.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
How to create a IMDB clone in 30 mins
You can create no-code IMDB clone with Bubble in just 30 minutes. In this Bubble tutorial video we demonstrate how to cleanly layout content in Bubble using rows and columns, how to structure your database to make relationships between entries (e.g. Movies & Directors) and how to display data from your Bubble database in repeating groups and on pages.
How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.
Let’s Build a No Code Invoice Web App - Part 4 (Email Invoices)
Learn how to enhance your no-code invoicing app by integrating Postmark for transactional emails in this comprehensive Bubble.io tutorial. Dive into setting up email templates, variables, and API connectors to create a seamless experience for sending invoices to your clients. Master the art of no-code development with this step-by-step guide.
Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
Tips for Using Conditional Statements in Bubble.io
In this Bubble tutorial we demonstrate how you can use conditional statements to change the background color of content based on a numerical value. We create a series of traffic light color changes (red, green, yellow) to show low, medium and high values in our data.
From Confusion to Clarity Mastering Your Bubble Debugger for No Code Success!
Discover how to master your debugging skills and take your no-code projects to the next level. This Bubble tutorial focuses on utilizing the Bubble Debugger to troubleshoot and optimize app performance. Key insights include understanding how to identify and fix common layout issues, ensuring data sources are correctly linked, and effectively debugging workflows. Viewers will gain a unique perspective on how to avoid errors that can arise from complex layouts and how to track data flow through the app for better clarity and efficiency.