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

Bubble.io Table Element Pagination with Numbers
In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.
Custom States
Do a search for
Set state
Table

OpenAI & Bubble Tips - Beautiful error handling
In this Bubble tutorial we demonstrate how you can replace the ugly browser alerts when OpenAI responses with an error. We explain how you can replace this error with an beautiful in app notification and send an email to your tech team with the error details.
An unhandled error occurs
OpenAI
Toast Notifications

Stripe Subscription Tip 1 - Switching Dev & Live Plan IDs
In this Bubble tutorial we share a quick tip about switching from your Stripe Test Plan ID to your Stripe Live Plan ID.
Format as text
Isn't live version
Stripe

OpenAI Loading Animation - Using CSS
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 CSS animation from loading.io.
Element Actions > Hide
Element Actions > Show
HTML
This element is visible on page load
OpenAI

Creating a Chatbot experience using Bubble & ChatGPT API
In this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for the OpenAI API on our channel already. This video shows one way to approach the challenge of formating the message history correctly in JSON so that your chatbot is aware of the message history and respond accordingly.
API Connector
OpenAI
Create a new thing
Do a search for
Join with
.jpg)
Train OpenAI GPT on App Data: 2 Proven Methods [2024]
We explore 2 proven methods of training an AI on app data without writing a single line of code, perfect for those building with Bubble.io or any other no-code platform. Discover the pros and cons of using OpenAI's API for chat completion versus the assistance API, and find out how you can enhance your app's AI capabilities effortlessly.
OpenAI

How To Edit Table Data With A Popup In Bubble
In this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.
Design
Popup
Workflow
Display data
Repeating Group

Build Your Own AI Summarizer
In just 10 minutes, you can build your own AI summarizer app using Bubble.io with this step-by-step guide. This no-code SaaS app will provide fast summaries of web pages, PDFs, and YouTube videos, making it a powerful tool for content curation.
Plugins
API Connector
Kagi

Exploring Bubble No Code's Plugin Library - A Deep Dive!
Explore the wide array of plugins available in the Bubble.io library to enhance your no-code app with powerful functionalities. Discover how these plugins can take your app to the next level and overcome limitations, making your development process efficient and effective.
Plugins

Should you use OpenAI Assistant API with Bubble?
Let's discuss whether to use the OpenAI Assistant API with Bubble.io applications. Exploring the key differences between the assistance API and chat completion, and the challenges and benefits of incorporating AI into your Bubble app.
Plugins
No results found.
There are no results with this criteria. Try changing your search.