Skip to main content

Create AI Chatbot Using Quick Setup

info
  • Prerequisites :
    • A basic understanding of HTML/ReactJS is helpful but not necessary
  • Time Required : 5 minutes
  • Key Takeaways : In this introductory tutorial, you will learn:
    • How to create quick setup AI chatbot
    • How to integrate chatbot into your website

Instructions​

In this tutorial, we’ll guide you through creating a custom ChatGPT-based chatbot for your website. With VAKX, building and deploying your own chatbot has never been easier—even with a free account! Let’s get started and bring your AI assistant to life!

Get started​

Step 1: Choose Theme and Color​

  • Go to the Quick Setup tab in the left sidebar. This will guide you through the 4-step Quick Setup process.
  • Choose your preferred Theme – either "Light" or "Dark" – and select your desired Color Style.
  • Click Next to proceed to the following step.

quick setup ai chatbot step 1

Step 2: Chatbot Details​

  • Enter the Chatbot Name and Welcome Message in this step. These will be displayed on your website, so make your choices thoughtfully.
  • Click Next to proceed to Step 3.

quick setup ai chatbotstep 2

Step 3: Adding Webpages​

  • In this step, enter the URLs of the website pages you want the chatbot to use as information sources.
  • To add additional URLs beyond the initial three, click the ADD URL button.
  • Click Next to move on to Step 4.

quick setup ai chatbotstep 3

Step 4: Additional Settings​

  • Upload an image for your AI assistant by clicking the Upload button.
  • Choose the size of the chatbot popup from the available options.
  • Decide if you’d like to enable email collection for lead generation before starting the chat.
  • Finally, click Create to complete the setup. Congratulations! You’ve successfully created your first chatbot!

quick setup ai chatbotstep 4

Step 5: Integration Options​

  • Copy the Vanilla JS or React JS code provided and embed it into your application to add the chatbot. That’s it! We hope the chatbot proves valuable to you!

quick setup ai chatbotstep 5

What Next?​

  • Have fun playing & experimenting with it!
    • Experiment with prompt templates to build unique & interesting LLM applications.
    • Experiment with different tunable paramters of nodes.
  • Configure your chatbot to integrate the chatbot into your website/app using various options like VAKChat for ReactJS, Vanilla JS or REST API for streaming the response.