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