在本视频中,我们将深入介绍 Blocksy 主题的弹出窗口功能。弹出窗口是一种强大的营销工具,可以帮助你与网站用户进行动态互动。通过弹出窗口,你可以引导用户注意特定内容或提供特别优惠。
创建第一个弹出窗口
进入内容块
在 WordPress 后台,点击顶部的 Content Blocks,然后在左侧点击 Add New 按钮,选择 Pop-up Template。为弹出窗口命名,并点击 Create Content Block。添加内容
在第一个弹出窗口中,我们选择插入一个已经设计好的订阅表单(通过 Blocksy 的短代码),并将其保存为可重用的块。你也可以插入任何你需要的内容,发挥你的创意。设置弹出窗口位置与大小
在设置面板中,选择弹出窗口的位置。为了本次演示,我们选择 bottom left 作为位置。接下来,设置弹出窗口的大小,我们选择 small,避免对用户造成干扰。设置动画与触发条件
选择弹出动画以及显示时间。最重要的是设置 触发条件,我们选择 after x time,在用户浏览 15 秒后显示该弹出窗口,以提醒用户订阅我们的新闻简报。设置显示条件
我们希望该弹出窗口只在首页显示,因此选择 Page ID 并选择 Home 页面。此外,我们还设定了只在桌面端显示,避免在移动端干扰用户。
创建第二个弹出窗口
显示促销视频
在第二个弹出窗口中,我们将展示一个促销视频,内容为新产品的介绍。创建新弹出窗口并选择我们已经准备好的可重用块。设置触发条件
我们选择 scroll to element,当用户滚动到特定元素时触发弹出窗口,确保它只在博客文章页面上显示。显示条件与平台设置
设定该弹出窗口只在单篇文章页面显示,且同样只在桌面端展示。
创建第三个弹出窗口
显示产品促销
在第三个弹出窗口中,我们选择在用户结账时显示促销信息。设置为 after inactivity,在用户 10 秒钟未操作时弹出窗口,提醒他们领取限时优惠。设置显示条件与过期日期
弹出窗口设置只在结账页面显示,并确保该优惠设置一个过期日期,增加紧迫感。
测试弹出窗口效果
首页弹出
当用户进入首页并浏览了 15 秒后,新闻订阅弹出窗口将自动显示。博客文章弹出
在博客页面,用户滚动到指定区域时,促销视频弹出窗口会触发显示。结账页面弹出
在结账页面,用户 10 秒钟未操作时,促销弹出窗口会提示他们领取优惠。
总结
今天我们展示了如何利用 Blocksy 弹出窗口功能,与访问者进行互动,展示有趣的内容和优惠。通过这种方式,你可以提升用户参与度,推动网站转化率。