弹窗常用于 Newsletter 订阅、活动提醒、Cookie 提示。Bricks 可以把任意模板设为 Popup 并在条件触发时弹出。本文讲制作与触发。
什么是 Popup 模板
Popup 是一种特殊模板:它不占页面正常流,而是以浮层形式覆盖在内容上。常见用途:订阅框、限时优惠、公告。
制作步骤
- 后台 Bricks → Templates → 新建,类型选 Popup。
- 进编辑器设计弹窗内容(标题、文案、表单或按钮)。
- 在弹窗设置里设尺寸、出现动画、遮罩、关闭方式。
- 设触发条件(如「进入页面后延时」「滚动到某位置」「点击某按钮」)。
触发与关闭
- 可设自动触发(延时/滚动),也可由某个按钮通过交互动作打开。
- 关闭方式一般支持点遮罩、点 X、ESC,记得勾上避免用户被困。
注意事项
弹窗别太频繁太早,会影响体验与跳出。移动端要控制尺寸、确保可关闭。配合条件可只对特定页面/用户显示。
小结
Bricks Popup 模板把「浮层交互」变成可复用组件:建 Popup 模板 → 设计内容 → 设触发与关闭 → 条件控制范围。克制使用,转化才不被反感。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks 产品列表模板怎么建?(自定义内容类型 CPT)
教程:用 Bricks Template 给自定义内容类型(如 Products)建列表模板,Query Loop 继承主查询,分类、分页一次搞定。
tutorialBricks 模板编辑看不到内容?用 Populate Content 喂预览数据
教程:做 Archive / Single 模板时画布空白,是因为没设预览数据。用 Template Settings 的 Populate Content 让画布显示真实内容再调样式。
tutorialBricks 模板功能详解——页眉、页脚、文章详情一次做好全站复用
教程:每个页面重复做页眉页脚太蠢。用 Bricks 模板功能做一次、全站套用,配合条件设置精确控制显示位置。
tutorialBricks 制作 404 页面模板
教程:用 Bricks 专门做 404 模板,让死链访客看到友好兜底页,带搜索和返回入口挽回跳出。
