Configuration

How to create a Custom bot configuration

Bot configuration help us to allow the user to customize the bot corresponding to the width, height, position, name, avatar and logo of the bot. Bot configuration screen is designed to simplify the process of creating and configuring bots tailored to your specific business needs. Here, you can create, edit, set default, and delete your custom bots.

bot-config-list.png

How to Use

1. Creating a New Bot Config:

   • Click the "Create" button.
   • Fill in the required details in the creation dialog.
   • Save the new bot config.

2. Editing a bot config:

   • Find the bot you wish to edit in the bots list.
   • Click the three vertical dots in the 'Action' column next to the bot.
   • Select "Edit" from the dropdown menu.
   • Make the necessary changes and save.

3. Set as default:

   • Choose the bot you wish to set as default for the particular project.
   • Click the three vertical dots in the 'Action' column next to the bot.
   • Select " set as default" from the dropdown menu.
   • Follow the prompts to set the bot configuration as default.

4. Deleting an bot:

   • Find the bot you want to delete.
   • Click the three vertical dots in the 'Action' column next to the bot.
   • Select "Delete" from the dropdown menu.
   • Confirm the deletion in the popup dialog.

Customize the bot with JSON

{
  "botName": "Kalauni Bot",
  "welcome" : {
    "message" : "The Kalauni Resort concierge welcomes you to ask questions on how to book or find anything we can offer at our premier luxury beach resort 24/7.",
    "buttons": [{ "label": "Start Chat", "action": "startChat" }],
    "image": "https://ai12z.com/wp-content/uploads/2023/12/AI12z_homepage_logo.png"
   },
  "botPosition": "right",
  "botWidth": "35%",
  "botHeight": "80%",
  "imageUpload": true,
  "buttons": [
    {
      "label": "Weather",
      "action": "What is the weather"
    }
  ]
}

• botName - Config the bot name which is shown on the header section of the chatbot.
• botPosition - Config the bot position where the bot should be placed on the screen like bottom left or bottom right.
• botLogo - Config the bot logo which is shown on the header section of the chatbot.
• botAvatar - Config the bot avatar which is shown next to the bot messages.
• botPlaceholderText - Config the bot placeholder text which is shown in the text field.
• botWidth - Config the bot width which allows both % as well as px.
• botHeight - Config the bot height which allows bot % as well as px.
• imageUpload - Enable or disable the feature of image AI on the bot.
• buttons - The button array helps us to configure the Hamburger menu on the bot. The label under the button array will show it in the menu list.
• welcome - The welcome object allows us to configure the welcome screen in the bot. Here are the properties which we mentioned under welcome object.
  • image - Shown an image on top of the welcome screen.
  • message - The Message text shown under the image and center of the bot welcome screen.
  • buttons - The button array which is located under the welcome object will allow us to configure in the welcome screen.