PlanetNoCode
In this Bubble tutorial video, we demonstrate how to incorporate the amazing advancements of OpenAI’s ChatGPT into your Bubble app. We show you how to install the API Connector from the plugin directory, authenticate it, and then use GPT 3.5 turbo (gpt-3.5-turbo) which is 10 times cheaper than davinci-003. We explain how to use the messages field to build up a conversational prompt, and how to create a dynamic value in Bubble to make the API call. We also show you how to save the response from OpenAI into the Bubble app and display it in a group.
Video Chapters:
00:00:05 – Introduction
00:00:27 – Installing the API Connector
00:00:44 – Using GPT 3.5 Turbo
00:01:02 – How to Put it in a Bubble App
00:01:15 – Understanding the Messages Field
00:02:00 – Choosing a Model
00:02:26 – Explaining the Prompt
00:02:57 – Sending Data to OpenAI
00:03:09 – Understanding the Messages Field
00:03:47 – Adding in the User Provided Content
00:04:26 – Generating the API Key
00:05:22 – Testing the Call
00:05:50 – Saving the Response
00:06:08 – Adding a Multiline Input
00:06:47 – Making the API Call
00:07:15 – Creating a New Thing
00:08:08 – Displaying the Email Template
00:08:28 – Generating the Email
00:08:44 – Testing the App
00:09:21 – Displaying the Results
00:10:22 – Generating the Response
00:10:46 – Final Thoughts
Visit www.planetnocode.com to learn more about Bubble.io and to get 1 to 1 coaching and tutorials!