Custom Website & Portal - Power Virtual Agents

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:

1. Select Manage on the side navigation pane, and then go to the Channels tab.

2. 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.

   

3. 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.

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

1. In the Power Virtual Agents Portal, select Manage on the side navigation pane, and then go to the Channels tab.

2. Select Custom website and then copy only the URL of the IFrame snippet: this URL is defined by src="<URL>".

   

3. Go to Power Apps Studio and add an IFrame component into your app by selecting Components on the side navigation pane, and then IFrame.

   

4. Paste in the URL you copied from the IFrame snippet into the Link field of the IFrame component. You can adjust the size of the chat window by adjusting the Width and Height field.

   

5. You can interact with your bot by clicking on Browse website.