如何在 systeme.io 博客上添加表单或弹出窗口

本文将教你如何在 systeme.io 博客上设置内嵌表单或弹出表单。

步骤 1:创建内嵌表单

首先,您需要在销售漏斗中创建一个联系表单。

为此,请进入 “销售漏斗”,点击 “创建步骤 ”创建一个新步骤(图片中的数字 1),然后选择 “内联表单”(图片中的数字 2)

点击 “选择”(图片中的数字 3),选择您所需的模板

点击 “编辑页面” 进入表单页面编辑器,自定义表单(图片中的数字 4)

联系表单必须至少有一 (1) 个 “表单输入”,但也可以添加任意数量的表单字段。

请选择 “表单输入” 项目,然后使用滚轮,通过从下拉列表中选择要收集的 “输入类型项目来设置相关字段。

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

在离开编辑器或 “内联表单” 之前,不要忘记点击 “保存更改”。

步骤 2:创建弹出式表单

进入 “销售漏斗”,点击 “创建步骤” 创建新步骤(图片中的数字 5),然后选择 “弹出表单”(图片中的数字 6)

点击 “选择”(图片中的数字 7),选择您所需的模板

点击 “编辑页面” 进入表单页面编辑器,自定义弹出式表单(图片中的数字 8)

联系表单必须至少有一 (1) 个 “表单输入”,因此您可以随意设置表单字段。

请选择 “表单输入” 项目,然后使用滚轮,通过从下拉列表中选择要收集的 “输入类型项目来设置相关字段。

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

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

显示时间以秒为单位。

在离开编辑器或 “弹出表单” 之前,不要忘记点击 “保存更改”。

第 3 步:在博客上设置内联表单

要在博客上设置联系表单,必须检索其 “脚本” 并将其粘贴到博客页面上。

第一步是返回 “内联表单” 的 “步骤配置”,然后点击 “脚本”。

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

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

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

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

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

请务必点击 “保存” 保存 HTML 代码,并在退出博客页面前点击编辑器中的 “保存更改” 并保存。

之后,如果我们预览博客页面,就会发现表单的显示如下图所示:

步骤 4:在博客上设置弹出式表单:

将联系表单设置为弹出式表单时,有两种可能的方式将其显示在博客页面上:

  • 作为弹出式表单,根据时间设置显示。
  • 通过可点击的文本打开弹出窗口。

第一种方法与在博客上添加内嵌表单的方法相同,因此我们将详细介绍第二种方法。

要在点击文本后显示 “弹出表单”,首先需要返回到步骤配置或 “弹出表单”,然后点击 “创建链接”。

这时会出现一个弹出窗口,您可以点击一个链接,打开文本中的弹出窗口:

  1. 您必须选择可点击的文本内容。
  2. 点击 “将脚本复制到剪贴板”。

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

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

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

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

退出博客页面前,请务必点击 “保存” 保存 HTML 代码,并点击编辑器中的 “保存更改” 保存页面。

之后预览博客页面,点击 “单击此处打开弹出式表单” 文字时,我们会发现弹出式表单的显示如下图所示:

实用文章 :

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.