Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.
OpenAI Loading Animation - Using Lottiefiles
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a Lottie animation from Lottiefiles.
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
Pagination with the Bubble Table Element
In this Bubble tutorial we demonstrate how you can add pagination to the Bubble table element. The Bubble.io table element doesn't include the same set of expanded features as repeating groups. So here is our workaround.
Password reset: login page workflow with custom states
In this Bubble.io tutorial video we show how to use custom states to create a password reset form which optimises user experience and won't frustrate your users.
Popup search box (command bar) triggered by a keyboard shortcut
In this Bubble.io tutorial video we demonstrate how to create a popup command bar or search box that is triggered by a keyboard shortcut - sometimes known as a omnibox or omnisearch. This tutorial shows how to use a Popup visual element, the Search Box input element and the Air Keyboard Shortcut plugin.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Bubble with Speech to Text using AssemblyAI - Part 2
In part 2 of the AssemblyAI and Bubble.io tutorial series we explore how to use webhooks to inform your Bubble app when a transcript has been completed.
Better Error Handling in Bubble Apps with Third Party APIs like OpenAI
In this Bubble.io tutorial we cover the critical "include errors in response" and "allow workflow to continue" settings in Bubble.io's API Connector - settings that can make or break your web app's user experience. You'll learn why these configurations are especially vital for backend workflows and how they prevent cascading failures that can be nightmare to debug.
How to create a product, contact or booking page
In this Bubble.io tutorial we demonstrate how to start laying out a page to display dynamic content from a single entry in your Bubble database. This video explains this process using a marketplace as an example but it would be a very similar process if you were building a CRM in Bubble or a booking application in Bubble.
How to use database triggers to update full names
In this Bubble tutorial video, I'd like to demonstrate how database triggers can be really helpful when dealing with first names and last names.
How To Protect A User's Data With Bubble Privacy Rules
In this Bubble.io tutorial video we give an introduction to the Bubble Data Privacy tab and demonstrate a simple solution that will fit most use cases. In this video we show how to only show database entries to the user who created them.