Watch all our Bubble tutorials at https://www.planetnocode.com/tutorials
In this Bubble tutorial video, you will learn how to create a no-code AI chatbot powered by OpenAI using GPT-4 in Bubble. We start with a blank slate and cover every step you need to take to build it. We learn how to use the Bubble API connector to authenticate with a private key in the header, how to use the OpenAI API to send messages and get responses back, how to display the messages in a repeating group, and how to make the conversation history aware of the conversation. At the end, we have a fully functioning AI chatbot that is capable of intelligent conversation.
Video Chapters:
00:00:05 – Creating a No-Code AI Chatbot
00:00:22 – Setting Up the Blank Slate
00:00:47 – Adding a Button
00:01:17 – Using the OpenAI API
00:02:11 – Authenticating with a Private Key
00:02:42 – Constructing the API Call
00:03:11 – Choosing a Model
00:04:26 – Testing the Bot
00:04:47 – Connecting the API to the UI
00:05:31 – Making the Conversation History Aware
00:06:07 – Creating a Message
00:07:09 – Displaying the Message
00:08:47 – Testing the Conversation
00:09:27 – Debugging the API
00:10:46 – Building the JSON Syntax
00:11:25 – Creating a New Message
00:13:02 – Making the JSON Safe
00:14:28 – Sending the Messages
00:15:50 – Testing the Bot Again
00:16:42 – Creating the JSON Expression
00:17:27 – Testing the Conversation History
00:18:27 – OpenAI Returns a Response
00:19:03 – Conclusion
For more tutorials, 1 to 1 coaching, and more, visit Planet No Code: https://www.planetnocode.com/bubble-coaching/
