指南无代码

在 Framer 中使用 ElevenAgents

了解如何将 ElevenLabs 智能体部署到 Framer

本教程将指导你把 ElevenLabs 智能体添加到 Framer 网站。

前提条件

  • 按照本指南创建的 ElevenLabs Agents 智能体
  • Framer 账户和网站，可在此处创建
Convai Framer 示例项目

指南

1

访问 Framer 编辑器

在 Framer 编辑器中打开网站，然后点击左侧的主桌面视图。

2

添加 ElevenAgents 组件

将以下 URL 复制并粘贴到要添加 ElevenLabs 智能体的页面中：

https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf

现在，左侧“图层”栏中会显示 ElevenAgents 资源，右侧会显示 ElevenAgents 组件详情。

3

填写智能体详情

在右侧栏中填写智能体 ID，以启用 ElevenLabs 智能体。 可在 ElevenLabs 控制台中找到智能体 ID。

遇到问题？请确保 ElevenAgents 组件位于图层面板中桌面组件的下方。

Convai Framer 示例项目
Convai Framer 示例项目

后续步骤

将 ElevenLabs 智能体添加到 Framer 网站后，可以：

  1. 在 ElevenLabs 控制台中自定义小组件，使其符合品牌风格
  2. 添加更多语言
  3. 添加工具和知识库等高级功能。