自定义您的智能体

当您为网站创建智能体时，它会使用托管网站中的内容来生成回复。 Microsoft Dataverse 为网站内容和配置的表格建立索引。 Copilot Studio 汇总索引内容和表格以生成响应。

经过身份验证的网站用户将获得与其 Web 角色一致的定制、汇总的答案。 通过以下步骤优化数据，改进经过身份验证的网站用户的内容模型：

1. 在 Power Pages 中，转到设置工作区。

2. 在 Copilot 下，选择添加智能体。

3. 在优化您的数据下，选择进行更改。

4. 勾选选择表格查找控件以选择或清除表格。

   • 您可以在此部分选择多个表。 确保您选择的每个表都在网站上使用。
   • 在后续页面中，指定使用表格生成引用 URL 的页面。

5. 选择下一步。

6. 在选择表下，选择包含列的表和要选择的页面链接。 表仅在至少具有一个多行列时显示。

   一次只能选择一个表。

7. 在添加页面链接下，选择使用表的页面。

   备注

   • 确保您选择了正确的页面。 否则，机器人会为答案提供不正确的引用 URL。
   • 该页面必须使用 id 作为查询字符串参数。 如果您使用任何其他参数名称，则调用 URL 将无法正常工作。

8. 在选择列下，选择页面上使用的列。 只有包含多行文本的列可供选择。

9. 选择下一步，并检查您的选择。

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

自定义智能体外观

可以通过覆盖默认级联样式表（CSS）类来自定义智能体的样式。 为此，请在页眉模板中添加 style 元素，并按照以下步骤覆盖数值：

1. 打开网站的代码编辑器。

2. 在浏览器导航中，展开 web-templates 文件夹。

3. 打开 Header.html。

4. 添加 style 或 script 元素。

   

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;
}

图标图像：

<script>
document.addEventListener('DOMContentLoaded', function() {
   var buttons = document.getElementsByClassName("pva-embedded-web-chat-widget");
    buttons[0].innerHTML = '<img src="<image URL>" height= "70px" width = "70px" />';
}, false);
</script>

智能体元素

本节中的 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;
}

相关信息

• Power Pages 中 AI 支持的功能和 Copilot 功能的概述
• 使用必应搜索从公共数据中生成答案
• 负责任的人工智能：站点智能体常见问题解答