FINALLY! OpenAI Releases NEW ChatGPT API - gpt-3.5-turbo | Wix Demo

Hey there, fellow creators and tech enthusiasts! 👋 Welcome back to another exciting post by Wix Wiz. Today, we've got something super fresh off the press that will surely take your chatbot game to the next level. Drumroll, please! 🥁 OpenAI has rolled out the brand-new ChatGPT API as the "chat completions" endpoint—and it's nothing short of revolutionary.

In this blog, we'll dig into how you can harness this cutting-edge API to elevate your own chatbot projects using Wix and OpenAI. So, grab a cup of coffee and get comfortable! ☕️

OpenAI’s Latest Gem: Chat Completions Endpoint

You might remember using the text completion endpoint—it served us well, but, as you know, in tech, there's always room for bigger and better things. Enter the chat completions endpoint by OpenAI. Picture this as the cool older sibling of the text completion endpoint, and yes, it’s powered by the same shiny new model that runs ChatGPT itself!

So, what’s all the buzz about? Well, this model takes in a prompt, built in a message format, and returns a conversation-ready response. This makes it ideal for constructing efficient AI chatbots that feel more natural and engaging.

Understanding the Role of Messages

Let's break it down in simple terms: You send the API an array of messages. Each message is an object consisting of two key components: role and content. The role can be:

- System: Instructions provided to the AI, like setting the chatbot's personality or guiding its behavior.

- User: Messages originating from the user interacting with the chatbot.

- Assistant: Messages from the AI, including both previously generated responses and example messages demonstrating expected behavior.

Got it? Awesome! When you package these up in a neat array and send them to the API, what you get back is the next logical message in the conversation.

Limitations to Keep in Mind

Of course, there are a few things to keep an eye on. Just like before, we have some limits regarding tokens. If you’re having lengthy conversations, you might need to trim down the number of old messages you send to the API—maybe keep it around six to eight, but you’ll want to fine-tune this for best results.

For faster and more streamlined chat experiences in your bot, this endpoint is your new best friend! 🦸

Let's Get Technical: Implementing the New Endpoint

To put the chat completions endpoint to work in your Wix projects, keep reading as we lay out the bones of the code involved. We'll give you a sneak peek of some snippets from our other tutorials and courses—because hey, sharing is caring, right?

Step 1: Setting Up the Backend

First things first, create a new function we'll call `getNextChatMessage`. It will be asynchronous and use our API key (no worries if you’ve got it stored away already). Set up your URL and define its endpoint as "chat completions."

Step 2: Building the Body of Your Request

Change the model to `GPT 3.5 Turbo` and replace the old 'prompt' with ‘messages’. You'll also want to change the max tokens to fetch a longer response, let’s say 1000, though the maximum is 4096.

Your goal here is to prepare an array of messages to send over, each structured as an object with roles and content.

Step 3: Test the Endpoint

Once you’ve got everything set up, click run and see the magic happen. Your console should display the straight-from-the-source answer. Easy peasy!

Let's Talk Frontend

Next, you'll want to ensure the input and output on the site are properly connected. Using Wix, hook up user inputs and send them to your backend, collecting their oh-so-intelligent responses to display in your user interface.

Wrapping It Up

By now, you should be giddy with excitement over what you can create with OpenAI’s fresh API, whether you’re building a savvy customer service bot or a curious little friend to chat with.

And by implementing this upgraded model in your chatbot or web design projects, you’ll be attracting eyeballs and future-proofing your skills.

Join the Community!

Before you dash off to build something phenomenal, let’s chat about the epic resources and networking opportunities over at NewForm Community.

At NewForm, we’re cheering you on as you craft standout web designs, discover new opportunities, and connect with industry experts. Dive into our monthly design challenges with cash prizes and weekly skill-building events. Or, get inspired by exclusive guest sessions featuring top-tier professionals in web design.

If you’re ready to sharpen your skills, join a community of like-minded creatives, and access exclusive resources, then buckle up because NewForm is the place to be! Head over and join after exploring this post—our doors, and our hearts, are wide open for you. 🎨✨

And there you have it, folks! My fellow trailblazers, it's time to get out there and innovate. Thanks for tuning in, and see you next time. Until then, happy creating! 🛠️🚀