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