如何将 Growform 显示为覆盖层

Collaborative Data Solutions at Canada Data Forum
Post Reply
airat1234
Posts: 49
Joined: Sat Dec 07, 2024 3:20 am

如何将 Growform 显示为覆盖层

Post by airat1234 »

在这种情况下,您可能在目标网页上有一个明确的号召性用语,例如“获取报价”,并希望在点击时 Growform 作为覆盖层出现。

目录
1 – 在 Growform 上创建表单
2 – 确保你的按钮有一个类名并记下来
3 – 获取您的 Growform 共享代码
4 – 将代码粘贴到网站的 HTML 编辑器中
5 – 检查您的新多步骤表格!
1 –在 Growform 上创建表单
几乎不用说,您需要在 Growform 上设置一个表单。我们 约旦 whatsapp 号码数据 5 万 提供 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 –检查您的新多步骤表格!
点击预览(或实时)模式下选择的按钮来查看新的多步骤表单:

需要帮助?对于某些用户来说,修改 HTML 可能有点麻烦 - 如果您需要帮助,请告诉我们,我们可以帮助您安装和调整代码。
Post Reply