Deploy Power Virtual Agents ChatBot To Any Website - Part Five

Overview

 
Welcome to Bot Development with the Microsoft Power Virtual Agent series. During this entire article series, we will learn how to create a Chatbot using Microsoft Power Virtual Agent without writing a single line of code. From this series, you will learn complete end to end process from development to deployment.
 
I have divided this article series into five Parts,

Use Case

 
In this article, we will talk about how we can deploy our ChatBot to any third party web site.
 

Recap

 
In my previous article, we have created Power Virtual Agents ChatBot and deployed the Chatbot to MS Teams.
 
So, now let’s get started!
 
Step 1
 
Publish the Chatbot.
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Step 2
 
Go to Manage > Channels
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Step 3
 
Select Custom Website
 
Deploy Power Virtual Agents ChatBot To Any Website
 
This will open the following screen.
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Copy HTML code.
  1. <!DOCTYPE html><html><body><iframe src="https://powerva.microsoft.com/webchat/bots/f7db019e-af76-4752-8b22-c6f4a1131716" frameborder="0" style="width: 100%; height: 100%;"></iframe></body></html>  
Step 4
 
Open any Text Editor and Paste the Code there.
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Save the file as HTML.
 
Modify Height and Width.
 
Step 5
 
Run the file. It will show the following page.
 
Deploy Power Virtual Agents ChatBot To Any Website
 
Step 6
 
Now, let’s test the chatbot.
 
Deploy Power Virtual Agents ChatBot To Any Website
 

Conclusion

 
This is how we can easily integrate our Power Virtual Agents Chatbot with any third party custom web site.
 
Isn’t it amazing?
 
Hope you love this article.
 
Stay connected with me for more amazing articles!