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