如何在 systeme.io 博客上添加表单或弹出窗口
本文将教你如何在 systeme.io 博客上设置内嵌表单或弹出表单。
步骤 1:创建内嵌表单
首先,您需要在销售漏斗中创建一个联系表单。
为此,请进入销售漏斗,点击 “创建步骤 ”创建一个新步骤(1),然后选择内联表单(2)

点击选择(3)选择您所需的模板

点击编辑页面进入表单页面编辑器,自定义表单(4)

联系表单必须至少有一个表单输入,但也可以添加任意数量的表单字段。
选择表单输入元素。然后,点击设置(齿轮)图标来配置字段。从下拉列表中选择你想收集的输入类型。

此外,还有必要预先确定一个按钮,用于记录对收集到的项目要执行的操作。

在离开编辑器或内联表单之前,不要忘记点击保存更改。
步骤 2:创建弹出式表单
进入销售漏斗,点击创建步骤创建新步骤(5),然后选择弹出表单(6)

点击选择( 7)选择您所需的模板

点击编辑页面进入表单页面编辑器,自定义弹出式表单(8)

联系表单必须至少有一个表单输入,因此您可以随意设置表单字段。
选择表单输入元素。然后,点击设置(齿轮)图标来配置字段。从下拉列表中选择你想收集的输入类型。

还需要设置一个按钮,用于记录对收集到的项目要执行的操作。

您可以选择联系表单出现在博客页面上的时间,该时间可通过编辑器进行调整。
显示时间以秒为单位。

在离开编辑器或弹出表单之前,不要忘记点击保存更改。
第 3 步:在博客上设置内联表单
要在博客上设置联系表单,必须复制其脚本并将其粘贴到博客页面上。
第一步是返回内联表单的步骤配置,然后点击脚本。

弹出一个包含链接到内联表单页面的脚本代码的窗口,点击复制脚本到剪贴板。

然后,您必须进入博客页面的编辑器,在该页面上添加内联表单。

然后,您需要在博客页面设置一个 HTML 元素。

最后,您需要对 HTML 元素进行设置。

点击编辑代码,然后粘贴从内联表单页面获取的脚本代码。

请务必点击保存保存 HTML 代码,并在退出博客页面前点击编辑器中的保存更改并保存。
之后,如果我们预览博客页面,就会发现表单的显示如下图所示:

步骤 4:在博客上设置弹出式表单:
将联系表单设置为弹出式表单时,有两种可能的方式将其显示在博客页面上:
- 作为弹出式表单,根据时间设置显示。
- 通过可点击的文本打开弹出窗口。
注意:第一种方法与在博客上添加内嵌表单的方法相同,因此我们将详细介绍第二种方法。
要在点击文本后显示弹出表单,首先需要返回到步骤配置或弹出表单,然后点击创建链接。

这时会出现一个弹出窗口,您可以点击一个链接,打开文本中的弹出窗口:
- 您必须选择可点击的文本内容。
- 点击将链接复制到剪贴板。

为此,您必须进入您要发布博客的博客页面的编辑器。

然后,您需要在博客页面设置一个 原始HTML 元素。

最后,您需要对 HTML 元素进行设置。

点击编辑代码,粘贴打开弹出表单页面链接的脚本。

退出博客页面前,请务必点击保存 HTML 代码,并点击编辑器中的保存更改保存页面。
之后预览博客页面,点击单击此处打开弹出式表单文字时,我们会发现弹出式表单的显示如下图所示:


实用文章 :