如何将 Growform 显示为叠加层

Networking at Lead Sale forum drives success
Post Reply
udoykumar0
Posts: 5
Joined: Wed Dec 04, 2024 4:56 am

如何将 Growform 显示为叠加层

Post by udoykumar0 »

在这种情况下,您的目标网页上可能有明确的号召性用语,例如“获取报价”,并且您希望 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 显示为叠加层。”

单击代码并将其复制到剪贴板:


Image

4 –将代码粘贴到网站的 HTML 编辑器中
将代码粘贴到网站的 HTML 编辑器中。为了使代码正常工作,您需要将其添加到网站标签末尾之前。

然后,将“myButtonClass123”一词替换为您在步骤 3 中记下的类名称。

专业提示:如果无法访问类名称,也可以指向元素 ID。为此,请更改嵌入代码以使用单词“growformTargetId”而不是“growformTargetClass”。请注意,此方法仅限于每页具有相同 ID 的一项。

5 –查看您的新多步骤模块!
在预览(或实时)模式下按您选择的按钮即可查看新的多步骤表单:
Post Reply