如何在 systeme.io 博客上添加表单或弹出窗口
本文将教你如何在 systeme.io 博客上设置内嵌表单或弹出表单。
步骤 1：创建内嵌表单
首先，您需要在销售漏斗中创建一个联系表单。
为此，请进入 “ 销售漏斗 ”，点击 “ 创建步骤 ”创建一个新步骤（图片中的数字 1），然后选择 “ 内联表单 ”（图片中的数字 2）
点击 “ 选择 ”（图片中的数字 3），选择您所需的模板
点击 “ 编辑页面 ” 进入表单页面编辑器，自定义表单（图片中的数字 4）
联系表单必须至少有一 (1) 个 “ 表单输入 ”，但也可以添加任意数量的表单字段。
请选择 “ 表单输入 ” 项目，然后使用 滚轮 ，通过从下拉列表中 选择 要收集的 “ 输入类型 ” 项目 来设置相关字段。
此外，还有必要预先确定一个 按钮，用于记录 对收集到的项目要执行的 操作 。
在离开编辑器或 “ 内联表单 ” 之前，不要忘记点击 “ 保存更改 ”。
步骤 2：创建弹出式表单
进入 “ 销售漏斗 ”，点击 “ 创建步骤 ” 创建新步骤（图片中的数字 5），然后选择 “ 弹出表单 ”（图片中的数字 6）
点击 “ 选择 ”（图片中的数字 7），选择您所需的模板
点击 “ 编辑页面 ” 进入表单页面编辑器，自定义弹出式表单（图片中的数字 8）
联系表单必须至少有一 (1) 个 “ 表单输入 ”，因此您可以随意设置表单字段。
请选择 “ 表单输入 ” 项目，然后使用 滚轮 ，通过从下拉列表中 选择 要收集的 “ 输入类型 ” 项目 来设置相关字段。
还需要设置一个 按钮，用于记录 对收集到的项目要执行的 操作 。
您可以选择联系表单出现在博客页面上的时间，该时间可通过编辑器进行调整。
显示时间以秒为单位。
在离开编辑器或 “ 弹出表单 ” 之前，不要忘记点击 “ 保存更改 ”。
第 3 步：在博客上设置内联表单
要在博客上设置联系表单，必须检索其 “ 脚本 ” 并将其粘贴到 博客页面 上。
第一步是返回 “ 内联表单 ” 的 “ 步骤配置 ”，然后点击 “ 脚本 ”。
弹出一个包含链接到 “ 内联表单 ” 页面的 “ 脚本 ” 代码的 窗口 ，点击 “ 复制脚本到剪贴板 ”。
然后，您必须进入 博客页面的编辑器 ，在该页面上添加 内联表单 。
然后，您需要在 博客页面设置一个 HTML 元素 。
最后，您需要 对 HTML 元素进行设置 。
点击 “ 编辑代码 ”，然后粘贴从 内联表单 页面获取的 “ 脚本 ” 代码。
请务必点击 “ 保存 ” 保存 HTML 代码，并在退出博客页面前点击编辑器中的 “ 保存更改 ” 并保存。
之后，如果我们预览博客页面，就会发现表单的显示如下图所示：
步骤 4：在博客上设置弹出式表单：
将联系表单设置为弹出式表单时，有两种可能的方式将其显示在博客页面上：
- 作为弹出式表单，根据时间设置显示。
- 通过可点击的文本打开弹出窗口。
第一种方法与在博客上添加内嵌表单的方法相同，因此我们将详细介绍第二种方法。
要在点击文本后显示 “ 弹出表单 ”，首先需要返回到步骤配置或 “ 弹出表单 ”，然后点击 “ 创建链接 ”。
这时会出现一个弹出窗口，您可以点击一个链接，打开文本中的弹出窗口：
- 您必须选择可点击的文本内容。
- 点击 “ 将脚本复制到剪贴板 ”。
为此，您必须进入您要发布博客的 博客页面的编辑器 。
然后，您需要在博客页面 设置一个 HTML 元素 。
最后，您需要 对 HTML 元素进行设置 。
点击 “ 编辑代码 ”，粘贴打开 弹出表单 页面链接的 “ 脚本 ”。
退出博客页面前，请务必点击 “ 保存 ” 保存 HTML 代码，并点击编辑器中的 “ 保存更改 ” 保存页面。
之后预览博客页面，点击 “ 单击此处打开弹出式表单 ” 文字时，我们会发现弹出式表单的显示如下图所示：
实用文章 ：
更新于： 12/06/2025
谢谢！