在这种情况下,您的目标网页上可能有明确的号召性用语,例如“获取报价”,并且您希望 Growform 在单击时显示为叠加层。
目录
1 – 在 Growform 上创建一个表单
2 – 确保按钮有类名并记下它
3 – 获取Growform参与码
4 – 将代码粘贴到网站的 HTML 编辑器中
5 – 查看您的新多步骤模块!
1 –在 Growform 上创建一个表单
几乎不言而喻,您需要在 Growform 上设置一个表单。阿尔及利亚手机数据 我们有 14 天免费试用期(无需信用卡)——您可以在此处注册。
第一步将如下所示:
如果您在创建第一个表单时需要帮助,请按照我们的入门指南进行操作。
2 –确保按钮有类名并记下它
对于此步骤,假设您使用 Google Chrome 作为浏览器。
找到您要用作“触发器”的按钮。右键单击(然后按“检查”)检查元素并找到类名称。
底层元素的类名是“lp-element”和“lp-pom-button”。两者都很好,但在这个例子中我们将使用“lp-pom-button”,因为它更精确。
底层元素的类名是“lp-element”和“lp-pom-button”。两者都可以,但在本例中我们将使用“lp-pom-button”。
3 –获取Growform参与码
要获取 Growform 共享代码,请打开 Growform 并确保保存表单。然后,在顶部的蓝色栏中,转到“共享表单”。
选择第二个选项:“当用户单击网站上的某些内容时,将 Growform 显示为叠加层。”
单击代码并将其复制到剪贴板:
4 –将代码粘贴到网站的 HTML 编辑器中
将代码粘贴到网站的 HTML 编辑器中。为了使代码正常工作,您需要将其添加到网站标签末尾之前。
然后,将“myButtonClass123”一词替换为您在步骤 3 中记下的类名称。
专业提示:如果无法访问类名称,也可以指向元素 ID。为此,请更改嵌入代码以使用单词“growformTargetId”而不是“growformTargetClass”。请注意,此方法仅限于每页具有相同 ID 的一项。
5 –查看您的新多步骤模块!
在预览(或实时)模式下按您选择的按钮即可查看新的多步骤表单: