将助手添加到您的 Power Pages 站点

Power Pages 站点助手可以为站点的访问者和用户提供快速有效的客户支持,从而改善站点的整体用户体验。 Power Pages 便于添加一个。 只需几分钟,您就可以在自己的网站上创建一个 Microsoft Copilot Studio 助手,该助手使用生成式答案—即自然语言,以对话的方式回答问题并提出问题的解决方案。

重要提示

先决条件

要在 Power Pages 中使用人工智能支持 Copilot 功能:

  • 您的租户管理员必须在 Power Platform 管理中心打开设置发布具有人工智能功能的 Copilot
  • 助手使用 Microsoft Copilot Studio 生成式答案。 有关更多详细信息,请参考 Copilot Studio 配额和定价

添加助手

您可以按照以下步骤手动添加助手。

备注

如果某个站点满足先决条件部分中列出的条件,则在站点设置期间会将助手添加到该站点。 如果您不希望默认创建助手,服务管理员可以在租户级别禁用此功能,如关闭默认助手配置一节所述。

  1. 转到设置工作区

  2. Copilot 下,选择添加助手

    Power Pages 中的助手页面屏幕截图。

  3. 打开创建助手

    Power Pages 在 Copilot Studio 中为您创建了一个具有生成式答案对话的助手

  4. 要使访客和用户可以使用助手,请打开在站点上启用助手

    如果您的租户管理员尚未打开“发布具有 AI 功能的助手”,则在站点上启用助手不可用。

自定义您的助手

为网站创建助手时,助手利用托管站点的内容来生成回复。 Dataverse 服务促进了网站内容和配置表的索引,然后由 Copilot Studio 汇总以生成回复。

经过身份验证的站点用户会收到与其 web 角色相符的定制摘要答案。 要进一步改进经过身份验证的站点用户的内容模型,请按照下列步骤优化数据:

  1. 打开助手。

  2. 优化您的数据下,选择进行更改按钮。

  3. 选择选择表查找控制以选择或取消选择表。

    • 您可以在此部分选择多个表。 确保您在此选择的任何表都在网站上使用。
    • 在后续页面上,您必须指定表用于生成引用 URL 的页面。
  4. 选择下一步

  5. 选择表下,选择包含您要选择的列和页面链接的表。 除非该表至少有一个多行列,否则不会出现。

    • 一次可以选择一个表。
  6. 添加页面链接下,选择使用表的页面。

    备注

    • 确保选择了使用表的正确页面。 选择错误的表将导致机器人为答案提供不正确的引用 URL。
    • 该页必须使用“id”作为查询字符串参数;如果使用任何其他参数名称,引用 URL 将无法正常工作。
  7. 选择列下,选择页面中使用的列的列表。

    备注

    只有包含多行文本的列可供选择。

  8. 选择下一步并检查选择。

  9. 选择保存以提交更改。

自定义助手外观

您可以通过覆盖默认的级联样式表 (CSS) 类来自定义助手的样式。 为此,向标题模板添加一个样式标记,并按照以下步骤覆盖这些值。

  1. 转到网站的代码编辑器
  2. 浏览器导航中,展开 web-templates 文件夹。
  3. 打开 Header.html
  4. 添加您的样式标签。 Visual Studio 的屏幕截图,强调了文件夹、文件和 CSS 选择器。
  5. 覆盖各自的样式。

助手小工具

聊天机器人小部件的屏幕截图。

助手折叠图标:

.pva-embedded-web-chat-widget {
    	background-color: #484644;
	border: 1px solid #FFFFFF;
}

工具提示:

.pva-embedded-web-chat-widget .pva-embedded-web-chat-widget-tooltip-text {
	background: white;
	color: #323130;
}

助手元素

参考提供的 CSS 示例,了解如何定制您的聊天机器人的元素。

带有单个元素注释的聊天机器人的屏幕截图。

1. 页眉

.pages-chatbot-header 
{ 
	background: #77a145;  
	color: #ffffff; 
}

2. 高度和宽度

.pva-embedded-web-chat[data-minimized='false'] {
 	height: 80%;
	width: 25%;
	max-width: 400px;
	max-height: 740px;
}

3. 助手窗口

.pva-embedded-web-chat-window { 
  background: white;  
} 

4. 来自助手的气泡

背景颜色:

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { 
  background-color: #77a145 !important;  
  border-radius: 5px !important; 
} 

文本颜色:

.webchat__bubble:not(.webchat__bubble--from-user) p {  
color: #ffffff; 
} 

5. 来自用户的气泡

背景颜色:

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content { 
  background-color: #797d81 !important;  
  border-radius: 5px !important; 
} 

文本颜色:

.webchat__bubble.webchat__bubble--from-user p {  
  color: #ffffff; 
} 
.webchat__link-definitions__badge {  
  color: blue !important; 
} 

.webchat__link-definitions__list-item-text {  
  color: blue !important;  
} 

.webchat__render-markdown__pure-identifier {  
  color: blue !important; 
} 

7. 隐私消息

背景颜色:

.pva-privacy-message {  
  background: #797d81;  
} 

文本颜色:

.pva-privacy-message p {  
  color: #ffffff;  
  font-size: 12px;  
  font-weight: 400; 
} 

关闭默认助手设置

属于以下任何 Microsoft Entra 角色成员的服务管理员可以使用 PowerShell 脚本来更改租户级设置 enableChatbotOnWebsiteCreation

租户级设置的默认值为“null”,这将表现为该设置已设置为“true”,并在网站创建期间创建机器人。 管理员可以将其值设置为“true”或“false”。

要获取租户级别设置的当前值,使用 Get-TenantSettings 命令。 例如:

$myTenantSettings = Get-TenantSettings
$ myTenantSettings.powerPlatform.powerPages

备注

Get-TenantSettings 命令不会列出值为 null 的租户设置。 租户级别设置 enableChatbotOnWebsiteCreation 的默认值为 null,因此第一次运行脚本时不会出现此值。 将其值设置为 truefalse 后,此设置将显示在列表中。

要设置 enableChatbotOnWebsiteCreation 的值,使用 Set-TenantSettings 命令。 以下示例将此值设置为 false

$requestBody = @{
    powerPlatform = @{
        powerPages = @{
            enableChatbotOnWebsiteCreation = $false
        }
    }
}
Set-TenantSettings -RequestBody $requestBody

已知问题

  • 添加助手后,您不能更改站点的自定义域。 相反,关闭助手,更改自定义域,然后再次打开助手。
  • 如果您关闭了助手功能,请等待几分钟让后台操作完成,然后再打开。

另请参见