AI Chatbot Creation Tutorial: Learn How to Use Wix and Open AI
- Etan is showing how to create an AI driven Wix chatbot using native Wix chat and Open AI
- The chatbot can respond with AI generated content
- He has already set up the open AI JS W module, a basic call to the chat GPT 3.5 turbo module, a chatbot module which takes messages from the front end and attaches a system instruction, and an API key in the developer tools
- The main focus of this tutorial is implementation of techniques using the Wix Chat app and Velo reference documentation
- He shows how to install the Wix Chat app, build out the front end, use an on message sent event listener and console.log message object, create a messages variable to send text back to an AI endpoint, and use Wix’s answer bot feature.
Chatbot Creation Streamlined with OpenAI Integration and Web Module
- A message log function has been created, which generates an object and stores it in a messages array
- The structure of the object includes a role and content parameter, both passed as parameters
- Roles are determined by OpenAI documentation, with three types: system (instructing AI how to behave), user (user input to chatbot), and assistant (responses generated back from AI)
- A generate bot answer function is imported, taking the messages array as a parameter, returning an answer from OpenAI API
- The response is logged into the message log as an assistant role with the answer text as its content
- Finally, a web module is added to interact with Wix chat backend’s send message function, sending message text and channel ID with send as visitor set to false.
Unlock a New Level of Customer Interaction with a Custom Wix Chatbot
- In this video, it was demonstrated how to set up a Wix Chatbot that responds to user queries
- The user has the ability to customize the settings, such as what message appears when users visit and what information is collected from them
- The user also has control over design elements, like header and text for their chatbot
- Finally, it was shown how to activate automated chat form responses.
Student Demonstrates Change With Music
- The student is going to demonstrate a change by heading over to an incognito tab
- The demonstration will be done with the help of music.