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

Which is better? OpenAI vs Claude 3 - An Introduction
Learn about the latest advancements in AI models like Claude Haiku, Claude Sonnet, and Claude Opus and their comparison to OpenAI for building no-code web apps with Bubble.io in mind. Stay tuned for upcoming videos on integrating these models into your projects!
Anthropic Claude
OpenAI

Beginners Guide to Bubble.io Database
In this Bubble tutorial, Planet No Code introduces the beginner's guide to the Bubble database. Learn how to structure your data, create data types, and establish relationships between them. Discover the importance of privacy rules and how to ensure data security. With hundreds of Bubble tutorial videos available, Planet No Code has you covered for all your no-code app development needs.
Database

OpenAI GPT 4 Vision No-Code Bubble.io Tutorial
In this Bubble tutorial we demonstrate how easy it is to add the OpenAI GPT 4 Vision API to your Bubble app. Now your Bubble app can upload images to OpenAI and ask questions about the image.
OpenAI

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
No results found.
There are no results with this criteria. Try changing your search.