LanderLab 编辑器中打开了一个光伏落地页,弹窗面板中有一个弹窗“光伏省钱弹窗”,设置为退出意图时弹出。弹窗的设置都是真实可用的控件:触发条件、位置、动画、显示频率、背景遮罩和关闭按钮。点“播放”可以像访客一样预览它。
通过邮件获取你的节省估算。
今天就把你家屋顶的估算发给你。没有推销电话。
给我们打个电话
和光伏顾问聊聊你家屋顶。
周一至周六,早 8 点至晚 8 点
在此输入标题
在此输入段落文字。用这块空间向访客传达你的信息。
别让你的进度停下来!
选择一个触发条件,然后按“播放”,像访客一样看它弹出。
为什么内置
页面和弹窗,一个编辑器搞定。
老办法
- “又一个弹窗工具,页面上又多一段脚本。”
- “弹窗和落地页风格对不上。”
- “每次浏览页面都弹,次次都弹。”
- “在手机上,滚动触发总是来得太晚。”
触发条件
在访客准备好时弹出,而不是一落地就弹。
每个弹窗在“弹窗”标签页中都有自己的触发条件。按秒设置延时,或为桌面端、平板和手机分别设置滚动深度。
页面加载时,弹窗随之弹出。
页面加载时
访客一到达就弹出。适合必须最先被看到的 offer。
页面上的计时器从 4 秒开始倒数,随后弹窗弹出。
延时后
在你设定的秒数后弹出,让访客先有时间阅读。
页面滚过桌面端 50%、移动端 30% 的位置线后,弹窗弹出。
滚动时
滚动到页面一定比例时弹出,桌面端、平板和手机各自设置深度。
鼠标指针向上移出页面、移向浏览器标签栏,随后弹窗弹出。
退出意图
访客移向标签栏时弹出,在这次点击流失之前,再给一次 offer。
01打开
用按钮打开
把页面上任意按钮或链接的动作设为 PopUp / Modal,点击后就会打开弹窗,而不是离开页面。把弹窗的触发条件设为 Manual,它就只等这一下点击。
- 把 offer、表单或更多详情放在一次点击之内
- 像其他链接一样,把这次点击计为转化
- Stripe 结账完成后可以弹出弹窗
02代码
Popup API
用 window.llPopupsApi 从你自己的脚本中打开、关闭、切换或忽略任意弹窗。从弹窗面板复制弹窗 ID,再把代码放进自定义代码元素。
- close() 表示“稍后再说”,dismiss() 表示“不再显示”
- 不填 ID,就作用于页面上所有弹窗
- 调用 open() 会重新打开访客已忽略的弹窗
03销售
付款后弹出弹窗
在用 Stripe Checkout 销售的页面上,选择付款成功后发生什么。弹出下一个 offer、感谢信息或预约链接,买家全程不用离开页面。
- 停留在页面、跳转、跳到某个元素或打开弹窗
- 一次性或周期性付款
- 银行卡信息直接交给 Stripe
频率
只弹一次,而不是每次浏览都弹。
开启 Show Once,每次会话只触发一次弹窗;开启 Stay Dismissed,访客关闭后 30 天内不再出现。预览链接会忽略这两项设置,你想测几次都行。
常规
预览链接从不读取或写入这两项设置,所以测试时弹窗总会弹出。
- 第 1 天,9:12会话 1从 Meta 广告进入,关闭了弹窗弹窗弹出保持关闭触发条件生效,访客把它关掉了。
- 第 1 天,9:15会话 1刷新页面弹窗弹出保持关闭没有任何限制,所以它再次弹出。
- 第 3 天,20:40会话 2通过再营销广告回访弹窗弹出保持关闭新的会话,所以再次弹出。
- 第 32 天,10:05会话 330 天后回访弹窗弹出保持关闭已过 30 天,所以再次弹出。
如何运作
三步给页面加上弹窗。
- 01
添加弹窗
在编辑器左侧边栏打开弹窗面板,点击“添加弹窗”并选择一个模板,或选“空白”从零搭建。
- 02
搭建并设置触发条件
拖入表单、测验、倒计时或按钮,然后选择何时弹出、放在哪里、用什么动画。
- 03
预览后发布
按“播放”在实时模式中看它弹出,然后发布。它会和落地页的其他部分一起在线上页面运行。
线索去向
弹窗注册和页面线索去同一个地方。
弹窗里的表单就是页面上的表单。把每条线索发送到你的邮件营销平台、CRM 或买家。
开始之前
弹窗搭建器要额外收费吗?
不用。弹窗是所有套餐中页面编辑器的一部分,不是附加功能。套餐的区别在于访问量、已发布页面数、域名数和用户数。Free 套餐每月提供 2,500 次访问和 5 个已发布页面,无需信用卡。
弹窗里可以放什么?
任何能放在页面上的元素:标题和文字、图片和视频、按钮、表单、测验漏斗、跳转链接、倒计时和自定义代码。你还可以在弹窗中使用 AI 搭建功能来撰写或重写内容。
如何防止它反复出现?
开启 Show Once,每次会话只触发一次;或开启 Stay Dismissed,访客关闭后 30 天内不再出现。预览链接会忽略这两项设置,所以测试时弹窗总会弹出。
可以用按钮代替触发条件来打开弹窗吗?
可以。把按钮的链接动作设为 PopUp / Modal。如果弹窗只应通过该按钮、某个链接或你用 Popup API 写的代码打开,就把它的触发条件设为 Manual。
页面上线前如何检查?
编辑器在编辑时不运行脚本,所以请按底部工具栏中的“播放”切换到实时模式,像访客一样看到弹窗弹出。点铅笔图标即可返回编辑。
在手机上能用吗?
能。滚动触发可以为电脑、平板和手机分别设置深度,编辑器的设备切换功能可以让你在发布前查看弹窗在每种屏幕上的效果。