创建第一个弹窗
在控制台设计弹窗并配置触发器，由 Zalify Pixel 按需加载和显示。
Zalify 弹窗由配置驱动。你在控制台设计内容和设置触发器，像素负责在网站显示。无需调用 popup() 或维护独立弹窗代码。
开始前
先完成通用像素安装，Shopify 店铺使用应用嵌入安装方式。
如何加载
- 首次触发
show_popup时，像素按需加载popup.js，gzip 后约 4 kB。 - 运行时获取弹窗内容，并在页面的 Shadow DOM 中挂载。
样式隔离
Shadow DOM 避免店铺 CSS 与弹窗样式互相影响。弹窗 HTML 内的内联 <script> 不会执行，因此交互应使用支持的配置动作。
创建步骤
1
创建并设计
在控制台新建弹窗，添加标题、正文、图片和按钮。
2
选择显示模式
modal 为带遮罩的居中卡片，是默认模式；corner 为角落小卡片，例如右下角，对浏览的打扰较少。
3
设置触发条件
在触发器中决定页面加载、延迟、离开意图或特定页面等条件，并使用像素支持的 show_popup 操作。
4
发布
发布后，访客满足触发条件时，像素会加载并展示弹窗。
测试弹窗
通过预览模式查看事件，并使用重放工具栏重新显示，无需反复手动清理 Cookie。
添加更多交互
spin_to_win： 抽奖转盘，使用时再加载独立模块。copy_text： 复制优惠码并显示反馈。grant_consent： 通过按钮接受追踪授权，见授权配置。
HTML 和动作的详细编写规则见弹窗结构说明。
内容安全策略
网站使用 CSP 时，需要允许 script-src https://cdn.zalify.com，以加载弹窗运行时。