How to use Chatbots inside SharePoint pages (no-code) - Power Virtual Agents

Hi Community,

In this article, you will able to add Power Virtual Agents chatbots to SharePoint pages without writing any codes.

I developed a component to do a better integration with SharePoint Modern Pages using SharePoint Framework (SPFx).

Description

Component developed to do a better experience for SharePoint users with chatbots inside modern pages.

Technologies

• SharePoint Framework
• FluentUI
• Power Virtual Agents
• React/Typescript

Deploy

1. Download the package - click here
2. Deploy the package to App Catalog - click here
3. Add the web part to your Site collection - click here
4. Add the web part to your Modern page - click here 
5. Edit the web part properties (you will find 4 properties below) - click here
   1. BOT ID: internal parameter provide by Microsoft - click here
   2. BOT Name: name that you want to show inside your Modern page
   3. BOT Logo: an icon that you want to use in the header when you chatbot is open
      
   4. BOT Image: an image that you want to use in the Modern page to user clicks to open the chatbot
      You can see this image that I followed the height and width (max height= 150):
      1. Site -  COVID19 Volunteer - Self4Society (mygov.in)
      2. Image - myGov_Prerna3.png (208×188)
         
         
6. Done!

The demonstration below is just a sample using fake data with Power Virtual Agents and SharePoint.

Video demonstration