集成

Framer 提供了多种内置集成。如果你需要的服务未包含在内，可以考虑创建一个可复用的组件。

仅针对需要视觉自定义（如尺寸或位置）的服务创建组件。例如，Calendly 非常适合作为组件，因为你需要在页面上可视化地放置其可用性小部件。相反，Google Analytics 不需要组件，因为它没有视觉界面且在整个网站范围内运行。

对于较简单的集成，你可以使用 Framer 的嵌入组件，直接粘贴 JavaScript 代码片段即可。但若要实现完全自定义，则需要编写一些代码，如下所述。

组件创建

大多数集成包含以下步骤：

1. 通过 ID 识别页面。

2. 加载包含集成功能的 JavaScript 文件。

3. 通过函数将内容（如 HTML 或 iframe）插入页面。

让我们以虚构的表单服务 BokForm.com 为例。注册并创建表单后，你会收到将其嵌入网站的说明。

要将其转换为组件：

1. 进入 Framer 中的“组件 → 代码”。

2. 点击加号创建新组件。

3. 将默认代码替换为针对该集成定制的自定义代码。

4. 将组件添加到画布，并根据需要进行配置。

这种方法可让你将第三方服务无缝集成到 Framer 项目中，同时完全控制其外观和行为。

有关代码组件和自定义集成的更多信息，请访问 我们的开发者文档。