Explore 300 Bubble tutorials
Build your dream no code SaaS and dive into our comprehensive bubble tutorials
Filters
Sort by

Using truncate & split by to extract data from text
In this Bubble tutorial we demonstrate how text can be extracted and manipluated using truncate and split by in the Bubble app builder editor.
Design
Database

Using Bubble templates: performance and debugging
If you're thinking of purchasing a Bubble template, you may want to watch this video first. This video features one of our free 15 minutes Bubble coaching sessions available to all our members. In this session we work to debug performance issues the member is encountering with a Bubble template they've purchased. We weigh up the benefits of using a template and potential performance issues caused by a bloated one page app.
Design

How to add AI text generation to a Bubble app - OpenAI
In this Bubble tutorial we demonstrate how to generate AI text from a prompt and display the generated text in your Bubble app. This video will show you how to use the OpenAI API without the need for a plugin using the Bubble API connector.
Plugins
API Connector
Workflow
Set state
OpenAI

How to use Custom States in Bubble including 2 examples
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
Design
Checkbox
Conditional statement
Database
Custom States

How to build a chat app with Bubble.io Part 3
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This third video in a 3 part series completes this mini series demonstrating how to build your own chat app by showing the workflows required to send messages between users in Bubble.
Design
Buttons
Workflow
Popup
Database

How to build a chat app with Bubble.io Part 1
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This first video in a 3 part series sets the foundation for adding user chat to your Bubble app by examining the UI, data structure and privacy rules you need for live chat between users.
Database
Design
.jpg)
How to build a chat app with Bubble.io Part 2
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This second video in a 3 part series focusses on additional UI elements required to build your own chat app and how to set up your repeating groups to show both conversations and messages.
Design
Buttons
Workflow
Minus item
Set list

Search across multiple fields in database with Fuzzy Search
In this Bubble.io tutorial video we demonstrate how using a Fuzzy Search plugin can enable you to expand search funciton beyond the built in Search Box. This tutorial explains how to use the 'ZQ Fuzzy Search & Autocomplete' plugin and how to create a search that searches across multiple fields in your database.
Plugins
Air Keyboard Shortcut
Design
Conditional statement
Workflow

How to use a reusable element and why you should
In this Bubble.io tutorial we demonstrate how to create a reusable element in a Bubble app and explain the benefits of using reusuable elements wherever possible.
Design
Reusable element

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.
Database
Design
Search box
Google Maps
Maps
No results found.
There are no results with this criteria. Try changing your search.