cancel
Showing results for 
Search instead for 
Did you mean: 

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
      bot-header.png
    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 

 

Comments
Resolver I

Awesome @renatoromao  - This is going to be useful for many people. Well done!

Thanks, again, @renatoromao! I've just added it to my pages and all seems good!

 

Great job!

~ lah

Thanks, @lahddah  and @nmk ! 🙂