Power Apps Portal Chatbot integration throwing error

Add Chatbot to a Portal: 

Adding a chatbot to the Power Apps portal is a valuable feature. There is good documentation from Microsoft on how to do this from scratch. Reference below 

https://docs.microsoft.com/en-us/power-apps/maker/portals/add-chatbot 

Note: You need to upgrade your starter portal package version 9.2.2103.x or later. 

I can't see my Chatbot in Portal 😲

If you are wondering why you can't see your PVA bot in Portal, There is a high chance the web template responsible for loading the PVA might be changed. 

Inspect the PVA element and see if there are any console errors. You will see an error called. 

Uncaught SyntaxError: Unexpected token ';'

Don't worry. There is a fix to solve this problem. 

In Portal Management: 

The web template responsible for loading the chatbot is "Power Virtual Agents" 

1. Under content > Web Templates > Find " Power Virtual Agents" web Template and change the <div name ="webChat">  like Picture 2 

Picture 1: webchat as id ( IDs are only used when one element on the page should have a particular style applied to it.) 

Picture 2: 

Picture 2 - Div name change

2. Hit save and close. 

3 Refresh the Portal by pressing ctrl+F5 together. 

-------------------------------------------------------------------------------------------------------------------------

Free pack of Power Apps portal and Power Platform cool stuff. Please consider subscribing by clicking here

Free pack of deep-dive sessions of Power Platform powered by key experts and MVPs.  Please consider joining the "Auckland Power Platform User Group"