Connecting Microsoft Power Virtual Agents Chatbot to Hyperspace Avatar Bots
Create your Microsoft Power Virtual Agents Chatbot
Publish your Microsoft Power Virtual Agents Chatbot
- Choose publish on the right hand menu
- Click the Publish button
Click the Go to channels link
Choose the Custom website tile
Copy the embed code to your clipboard by clicking the Copy button
Eg.
<!DOCTYPE html><html><body><iframe src="https://web.powerva.microsoft.com/environments/Default-b4f1d0ef-b449-4a22-9185-43ce17b54e29/bots/new_bot_a6c0eb932f9a4e7bbcd3cc3ec53d64bc/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe></body></html>
Extract the URL from the embed code you copied.
Eg. https://web.powerva.microsoft.com/environments/Default-b4f1d0ef-b449-4a22-9185-43ce17b54e29/bots/new_bot_a6c0eb932f9a4e7bbcd3cc3ec53d64bc/webchat
In your metaverse space
- Add an avatar bot using the Pencil+ toolbar icon
- Select Add bot from the menu
Choose a bot from your library
Click the chat bubble icon to edit the bot actions
Click the More button
Choose Custom action
- Set the custom Action name to displayIframe
- Add an 2 Extra parameter using the plus + button
- Add the url parameter and paste the iframe src from your Chatbot here
- Add the isPersistent parameter and set it to true so chat discussions don’t ended when dismissing the chat popup
- Click Save action
- Click Save
Stop editing and click on the bot to start the conversation.
