Configure the demo website and add the bot to your live website or Power Apps portal

Article
11/02/2021
3 minutes to read

When publishing the bot to the web, you can publish to a prebuilt demo website (which you can use to share the bot with your teammates and stakeholders) and to your own live website.

Tip

When should I use the demo website and when should I use my own website?
You should use the demo website only to try out the bot and share it with your teammates or other stakeholders who want to try out the bot. It's not intended for production uses, for example, you shouldn't use it directly with customers.
You should publish and use the bot on your live website for production scenarios, such as a help bot on your help webpage for customers to interact with.

Prerequisites

Learn more about what you can do with Power Virtual Agents.

Demo website

You can edit the welcome message and suggested trigger phrases for the demo website. A welcome message helps prompt your teammates for what they should ask the bot about.

Tip

You can change the welcome message to explain the intent or purpose of the testing, and you can change it as often as you like. So you could create a welcome message asking to test out conversations related to store hours and then, after making updates to the bot, change the welcome message to ask testers to try conversations related to gift cards.

Update the demo website:

Select Manage on the side navigation pane and then go to the Channels tab.
Select the Demo website tile.
Enter the welcome message you'd like to see alongside the bot in the Welcome message text field.
Enter a list of suggested trigger phrases in the Conversation starters text field. Trigger phrases are what initiate specific topics, so you could customize your trigger phrases to specific topics that you want your teammates to try out.

To share the demo website link, copy the demo website URL and share it with your teammates directly.

Custom website

You can add your bot to a live website as an IFrame. Your live website can be a customer-facing external website or an internal site, like a SharePoint or Yammer site.

You can also add the bot to your Power Platform admin center.

Add bot to your website:

Select Manage on the side navigation pane, and then go to the Channels tab.
Select Custom website and then select Copy to copy it directly to the clipboard, or Share to email to open a new email message with the snippet included, in your default email app.
Provide the snippet to your web developer to add the bot to your website.

Power Apps portals

You can add your bot to a Power Apps portal either directly with the chatbot component, or with a URL snippet in an IFrame.

Add bot to a Power Apps portal (preview):

You can add your bot to a Power Apps portal in a few quick steps without any code. Power Apps portals allow you to add a Power Virtual Agents chatbot on your portal page by adding a chatbot component with limited customization.

See the Add chatbot to a page topic in the Power Apps documentation library for details.

Important

This is a preview feature. Preview features aren’t meant for production use and may have restricted functionality. These features are available before an official release so that customers can get early access and provide feedback.

Add bot to Power Apps with an IFrame:

You can also add your bot to Power Apps as an IFrame. Your live website can be a customer-facing external website or an internal site, like a SharePoint or Yammer site.