Build an AI Chatbot with Glide & OpenAI | FULL TUTORIAL

Get a copy of this template 👉 grumo.com/aichat
Learn how to create a custom AI chatbot using Glide's OpenAI integration from scratch without coding.
00:00 - Intro
00:21 - Getting your OpenAI API Key
00:55 - AI chatbot demonstration
01:24 - The AI chatbot system prompt
02:01 - Creating the Glide Tables: Settings Table
03:28 - Creating the Chats table
04:18 - Creating the Messages table
08:05 - Creating the chats list screen
09:09 - Creating a custom action to create a chat
15:11 - Creating the chat screen
19:46 - Generating a unique session id for each chat
21:48 - Creating a chat's submit custom action that interacts with OpenAI (using your OpenAI API key)
27:03 - Testing our new chatbot
28:49 - Finalizing our chatbot's design
32:41 - Creating a settings screen for our chatbot
34:15 - Auto-generate chats descriptions with AI
37:15 - How to get a copy of this template.
★ Checkout my Glide masterclass here → grumo.com/goglide
★ Create your free Glide account here → grumo.com/glideapps
★ Subscribe for more tutorials like this → grumo.com/subscribe
Thanks for watching!
‪@GRUMO‬

[@GRUMO]

Get a copy of this template 👉 grumo.com/aichat Learn how to create a custom AI chatbot using Glide's OpenAI integration from scratch without coding. 00:00 - Intro 00:21 - Getting your OpenAI API Key 00:55 - AI chatbot demonstration 01:24 - The AI chatbot system prompt 02:01 - Creating the Glide Tables: Settings Table 03:28 - Creating the Chats table 04:18 - Creating the Messages table 08:05 - Creating the chats list screen 09:09 - Creating a custom action to create a chat 15:11 - Creating the chat screen 19:46 - Generating a unique session id for each chat 21:48 - Creating a chat's submit custom action that interacts with OpenAI (using your OpenAI API key) 27:03 - Testing our new chatbot 28:49 - Finalizing our chatbot's design 32:41 - Creating a settings screen for our chatbot 34:15 - Auto-generate chats descriptions with AI 37:15 - How to get a copy of this template. ★ Checkout my Glide masterclass here → grumo.com/goglide ★ Create your free Glide account here → grumo.com/glideapps ★ Subscribe for more tutorials like this → grumo.com/subscribe Thanks for watching! @GRUMO

[@suarezpk]

Hi there, it is amazong, but I followed all the steps and I-m getting this error message: Complete chat (with history): No response Can you help with this?

[@GRUMO]

For support is best to post your questions on Glide’s online community.

[@alexanderramberg745]

Hey! Thank you very much for a great tutorial! I have a UI glitch when I am opening my app on a phone; when you start to type anything and the touchscreen keyboard appears, the top of the app including the first messages is pushed up and not readable. Is there a way to make the messages start from the bottom or to compromize the chat window to solve this issue in Glide?

[@GRUMO]

Yes. You can change the order in which the messages are shown by selecting the Chat component, then to Options and under Sort Data, change Sheet Order to Timestamp and change it to Z-A

[@alexanderramberg745]

Thank you. I have tried this option, but this still shows messages from the top of the frame to the bottom, only in reverse order. What I meant was if it is possible to have them written from the bottom of the frame and upwards?@@GRUMO

[@MDFazlulHaque-di2wf]

Bro the tutorial is good and valuable, but how we integrate the payment processor to make some cash with this chatbot app. Payment possessor like stripe, lemonsqueezy, outseta etc.. Please reply this comment!

[@GRUMO]

I have a tutorial explaining how to integrate Glide with Stripe here → kzbin.info/www/bejne/mH_baneEjNuZbtU

[@guivo167]

Excelente... Fuerza y éxito... ✋ 😌

[@GRUMO]

Gracias!