Explore 300 Bubble tutorials
Build your dream no code SaaS and dive into our comprehensive bubble tutorials
Filters
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
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
How to Generate an Invoice Number Automatically in Bubble.io [2024]
Learn how to easily generate automatic invoice numbers in your Bubble.io app without any coding required. Perfect for solopreneurs and startups diving into the world of no-code development.
Database
No results found.
There are no results with this criteria. Try changing your search.