Kadence 教学：使用 Kadence blocks pro构建图文叠加效果
lyc054211在本视频中，我们将深入介绍 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 弹出窗口功能，与访问者进行互动，展示有趣的内容和优惠。通过这种方式，你可以提升用户参与度，推动网站转化率。
最近更新
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有，未经允许请勿转载。 相关文章
lyc054211
Avada主题教程：如何将 Avada 表单与 Mailchimp 集成lyc054211
Fatsome主题概述：为WordPress网站提供简洁而强大的设计lyc054211 暂无评论... |
|---|