在本视频中,我们将深入介绍 Blocksy 主题的弹出窗口功能。弹出窗口是一种强大的营销工具,可以帮助你与网站用户进行动态互动。通过弹出窗口,你可以引导用户注意特定内容或提供特别优惠。
![图片[1]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514105252824-image.png)
创建第一个弹出窗口
- 进入内容块
在 WordPress 后台,点击顶部的 Content Blocks,然后在左侧点击 Add New 按钮,选择 Pop-up Template。为弹出窗口命名,并点击 Create Content Block。
![图片[2]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104003699-image.png)
- 添加内容
在第一个弹出窗口中,我们选择插入一个已经设计好的订阅表单(通过 Blocksy 的短代码),并将其保存为可重用的块。你也可以插入任何你需要的内容,发挥你的创意。
![图片[3]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104057161-image.png)
- 设置弹出窗口位置与大小
在设置面板中,选择弹出窗口的位置。为了本次演示,我们选择 bottom left 作为位置。接下来,设置弹出窗口的大小,我们选择 small,避免对用户造成干扰。
![图片[4]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104249374-image.png)
- 设置动画与触发条件
选择弹出动画以及显示时间。最重要的是设置 触发条件,我们选择 after x time,在用户浏览 15 秒后显示该弹出窗口,以提醒用户订阅我们的新闻简报。
![图片[5]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104509922-image.png)
- 设置显示条件
我们希望该弹出窗口只在首页显示,因此选择 Page ID 并选择 Home 页面。此外,我们还设定了只在桌面端显示,避免在移动端干扰用户。
![图片[6]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104618484-image.png)
创建第二个弹出窗口
- 显示促销视频
在第二个弹出窗口中,我们将展示一个促销视频,内容为新产品的介绍。创建新弹出窗口并选择我们已经准备好的可重用块。
![图片[7]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104718114-image.png)
- 设置触发条件
我们选择 scroll to element,当用户滚动到特定元素时触发弹出窗口,确保它只在博客文章页面上显示。
![图片[8]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104810520-image.png)
- 显示条件与平台设置
设定该弹出窗口只在单篇文章页面显示,且同样只在桌面端展示。
创建第三个弹出窗口
- 显示产品促销
在第三个弹出窗口中,我们选择在用户结账时显示促销信息。设置为 after inactivity,在用户 10 秒钟未操作时弹出窗口,提醒他们领取限时优惠。
![图片[9]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514104859181-image.png)
- 设置显示条件与过期日期
弹出窗口设置只在结账页面显示,并确保该优惠设置一个过期日期,增加紧迫感。
测试弹出窗口效果
- 首页弹出
当用户进入首页并浏览了 15 秒后,新闻订阅弹出窗口将自动显示。
![图片[10]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514105000503-image.png)
- 博客文章弹出
在博客页面,用户滚动到指定区域时,促销视频弹出窗口会触发显示。
![图片[11]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514105025426-image.png)
- 结账页面弹出
在结账页面,用户 10 秒钟未操作时,促销弹出窗口会提示他们领取优惠。
![图片[12]-Blocksy 弹出窗口功能指南:提升用户互动与转化率](https://www.361sale.com/wp-content/uploads/2025/05/20250514105044784-image.png)
总结
今天我们展示了如何利用 Blocksy 弹出窗口功能,与访问者进行互动,展示有趣的内容和优惠。通过这种方式,你可以提升用户参与度,推动网站转化率。
最近更新
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |
THE END




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容