OpenAI

Learn how to using OpenAI’s text generation and image generation without code in your Bubble app. Including ChatGPT.

Search

Build Your Own No-Code Custom GPT

Learn how to build your own custom GPT with no-code, Bubble.io, and the OpenAI API in just 20 minutes! Capitalize on the power of no-code development and the ease of Bubble.io to customize AI for your unique business needs. Get started in the world of AI without needing extensive coding knowledge, making the process more accessible and cost-efficient. This video will guide you on how to streamline business operations, transform customer experiences, and tap into new revenue streams in the AI market, all with the power of no-code AI development.

OpenAI & JSON Mode

In this Bubble tutorial we demonstrate how to use the new OpenAI JSON mode. Any Bubble app creator using OpenAI in their Bubble app will benefit from this tutorial because JSON mode ({ "type": "json_object" }) returns a much more reliably formatted message reply from OpenAI.

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.
Premium

Bubble Errors - Send yourself an email

In this Bubble tutorial we demonstrate how you can hide the ugly browser alert errors from your Bubble app users and send yourself an email with the error code instead.

Bubble & OpenAI - Send only recent messages

In this Bubble tutorial we demonstrate how you can lower your OpenAI token spend by just sending the most recent messages to the OpenAI API. This method will ensure your message still has some awareness of previous messages without sending the oldest messages.

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.

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.
Premium

How to split and save OpenAI response

In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT and save each part of the AI generated text as a new entry in our Bubble database.

Build a nocode AI social media post generator in 10 mins

In this Bubble.io tutorial, we demonstrate how easy it is to create a social media post generator for facebook, twitter, instagram, youtube, etc. powered by OpenAI's ChatGPT model using the nocode app development platform Bubble.

Build a ChatGPT clone in 30 mins with Bubble.io

Anyone can build a ChatGPT clone using the no-code web app building platform Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.

Using JSON-safe with Bubble.io and the OpenAI API

This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.
Premium

GPT-4 Chatbot with Bubble - OpenAI chat and text generation

Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.
Premium

How to transcribe an audio file - Whisper API by OpenAI

In this Bubble tutorial we explain how to set up the Whisper API Speech to Text tool by OpenAI with your Bubble app. This will get you started creating an app that takes an audio recording of speech and transforms it into text.

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.
Premium

Bubble pirate translator with OpenAI

In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
Premium

Explain like I am 5 AI text generator built with Bubble.io using OpenAI

In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
Premium

AI Image Generation in Bubble with DALL-E 2 OpenAI API

In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.
Premium

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.