需先在bot设置中启用「自定义html组件」权限，再编写仅含静态标签、内联css、无交互属性的html代码，粘贴至「外观→侧边栏→自定义html」并保存，方可渲染生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在扣子（Coze）中通过前端自定义HTML组件美化聊天侧边栏的功能展示，需在 Bot 设置中启用「自定义 HTML 组件」权限，并将合法的 HTML/CSS/JS 代码嵌入侧边栏区域，确保代码不包含外部网络请求或 eval 类危险执行逻辑，否则会被平台拦截。
开启自定义 HTML 组件权限
进入 Bot 管理后台 →「设置」→「功能」→ 找到「前端自定义 HTML 组件」开关，点击启用。
该开关默认关闭，【未开启时所有 HTML 代码均不会渲染】，即使后续步骤全部正确也无法显示内容。
编写符合规范的侧边栏 HTML 代码
新建一个 HTML 片段，仅使用 <div>、<code><span></span>、<img>、<svg></svg> 等静态标签，禁止使用 <script></script>、<iframe></iframe>、onclick、onload 等交互属性。
CSS 必须内联书写，用 style 属性包裹，不可引用外部样式表；图片建议使用 data URL 或 Coze 平台已上传的资源 ID，避免跨域加载失败。
配置侧边栏 HTML 内容
回到「设置」→「外观」→「侧边栏」→「自定义 HTML」文本框，粘贴已写好的 HTML 字符串。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
例如：<div style="padding:12px;background:#f8f9fa;border-radius:8px"><span style="font-size:14px;color:#495057">? 常用功能</span></div>
粘贴后点击右上角「保存」，保存操作会触发实时校验——若含禁用标签或属性，系统会立即报错并高亮违规行，此时需删改后再试。
预览与生效
保存成功后，在 Bot 测试窗口右侧打开侧边栏，即可看到渲染效果。
注意：修改 HTML 后必须重新保存才能更新，本地编辑器中改完不点「保存」等于没改；侧边栏尺寸固定为 280px 宽，超出部分自动隐藏，建议控制内容高度在 300px 以内。
