Create Your Own Basic Azure Chatbot (QnA) Without Any Code

Introduction

Azure Bot Service provides an integrated development environment for bot building. Its integration with Power Virtual Agents, a fully hosted low-code platform, enables developers of all technical abilities build conversational AI bots—no code needed.

Source of introduction - Bot-services

Prerequisites

Azure account. if you don't have then click here to create a free account.
Required basic HTML knowledge.

Step by Step implementation

Step 1. Create Azure QnA cognitive service

Open https://portal.azure.com/
Log in with your Azure account.
Click on Create a resource.
Search QnA Maker service and click on it.
Provide basic details and then click on "review and create" resource.
Once the resource is created follow step 2.

Step 2. Setup QnA

Open https://www.qnamaker.ai/
Login with the same credentials that you have used for the Azure portal.
Then we can see the created resource in the main page.
Now we need to create knowledge bases. Let's follow step 3 to create it

Step 3. Setup knowledge base

Open https://www.qnamaker.ai/
Login with the same credentials that you have used for the Azure portal.
Click on Create a Knowledge Base.
- We can skip step 1 in Create a Knowledge Base as the QnA resource is already created
- Let's follow step 2 and provide all the required details
- Step 3. Provide a knowledge-based name whatever you want
- Step 4. We can skip it as we are creating a basic Azure chatbot. We can explore it in the next article.
- Step 5. Just click on the Create Your KB button and wait for some time to complete it.
  - As soon as the process is completed, you will be redirected to the knowledge base main page where we can add/edit/delete QnA. By default, we can see samples of QnAs.
  - Let's add some question and answer for Demo.
    - Click on Add QnA pair
    - Provide some sample Q&A.
  - Click on the Save and Train button.
  - Click on the PUBLISH menu on top and then click on the Publish button
  - Then will get API information which we can use in Postman / soupUi for more testing or we can integrate it into our project.
  - Now follow final step 4 to create azure bot

Step 4. Create an Azure chatbot

Open https://www.qnamaker.ai/
Login with the same credentials that you have used for the Azure portal.
Click on My nowledge Base.
We can see KB which we have created in the previous step. Just click on it.
Click on the PUBLISH menu on top and then click on the Publish button.
Click on the Create Bot button then you will be redirected to the Azure portal.
Use the same credentials that we have used.
All the information will be pre-filled based on the created KB.
Just change the pricing tier to FREE and then click on the Create button.
Open poc-01-bot once it is created.
Click on Test in the Web chat.
Now we can test BOT.
Follow step 5 to integrate BOT in any web portal.

Step 5. Integrate BOT in any web portal

Open https://portal.azure.com/
Log in with your Azure account.
Search and select your BOT.
Click on the channel from the left panel.
Click on web chat
Click on the default site copy the HTML iframe code from the right panel use the secret keys which are provided in the textbox and then replace it with {YOUR_SECRET_HERE}.

Thank you all !!