将助手添加到您的 Power Pages 站点
Power Pages 站点助手可以为站点的访问者和用户提供快速有效的客户支持,从而改善站点的整体用户体验。 Power Pages 便于添加一个。 只需几分钟,您就可以在自己的网站上创建一个 Microsoft Copilot Studio 助手,该助手使用生成式答案—即自然语言,以对话的方式回答问题并提出问题的解决方案。
重要提示
- 要了解此功能的功能和限制,请参阅助手常见问题解答。
- 如果您使用必应搜索从公共数据为助手配置生成式答案,必应搜索的使用受 Microsoft 服务协议和 Microsoft 隐私声明的限制。
先决条件
要在 Power Pages 中使用人工智能支持 Copilot 功能:
- 您的租户管理员必须在 Power Platform 管理中心打开设置发布具有人工智能功能的 Copilot。
- 助手使用 Microsoft Copilot Studio 生成式答案。 有关更多详细信息,请参考 Copilot Studio 配额和定价。
添加助手
您可以按照以下步骤手动添加助手。
转到设置工作区。
在 Copilot 下,选择添加助手
打开创建助手。
Power Pages 在 Copilot Studio 中为您创建了一个具有生成式答案对话的助手。
要使访客和用户可以使用助手,请打开在站点上启用助手。
如果您的租户管理员尚未打开“发布具有 AI 功能的助手”,则在站点上启用助手不可用。
自定义您的助手
为网站创建助手时,助手利用托管站点的内容来生成回复。 Dataverse 服务促进了网站内容和配置表的索引,然后由 Copilot Studio 汇总以生成回复。
经过身份验证的站点用户会收到与其 web 角色相符的定制摘要答案。 要进一步改进经过身份验证的站点用户的内容模型,请按照下列步骤优化数据:
打开助手。
在优化您的数据下,选择进行更改按钮。
选择选择表查找控制以选择或取消选择表。
- 您可以在此部分选择多个表。 确保您在此选择的任何表都在网站上使用。
- 在后续页面上,您必须指定表用于生成引用 URL 的页面。
选择下一步。
在选择表下,选择包含您要选择的列和页面链接的表。 除非该表至少有一个多行列,否则不会出现。
- 一次可以选择一个表。
在添加页面链接下,选择使用表的页面。
备注
- 确保选择了使用表的正确页面。 选择错误的表将导致机器人为答案提供不正确的引用 URL。
- 该页必须使用“id”作为查询字符串参数;如果使用任何其他参数名称,引用 URL 将无法正常工作。
在选择列下,选择页面中使用的列的列表。
备注
只有包含多行文本的列可供选择。
选择下一步并检查选择。
选择保存以提交更改。
自定义助手外观
您可以通过覆盖默认的级联样式表 (CSS) 类来自定义助手的样式。 为此,向标题模板添加一个样式标记,并按照以下步骤覆盖这些值。
- 转到网站的代码编辑器。
- 从浏览器导航中,展开 web-templates 文件夹。
- 打开 Header.html。
- 添加您的样式标签。
- 覆盖各自的样式。
助手小工具
助手折叠图标:
.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;
}
6. 参考链接
.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,因此第一次运行脚本时不会出现此值。 将其值设置为 true
或 false
后,此设置将显示在列表中。
要设置 enableChatbotOnWebsiteCreation
的值,使用 Set-TenantSettings 命令。 以下示例将此值设置为 false
:
$requestBody = @{
powerPlatform = @{
powerPages = @{
enableChatbotOnWebsiteCreation = $false
}
}
}
Set-TenantSettings -RequestBody $requestBody
已知问题
- 添加助手后,您不能更改站点的自定义域。 相反,关闭助手,更改自定义域,然后再次打开助手。
- 如果您关闭了助手功能,请等待几分钟让后台操作完成,然后再打开。