创建弹窗表单:用模板收集邮箱和手机号,并发布到 Shopify 店铺
在 Zalify 用现成模板做订阅弹窗、优惠码弹窗和挽留弹窗:编辑内容、绑定 Shopify 折扣码、选择订阅列表,预览后发布并开启,几分钟内顾客就能看到。
在 Zalify 做一个收集邮箱的弹窗,只需要几步:在 表单 里选一个模板,改好文字和图片,选择订阅者加入的列表,然后 发布更改 并 开启弹窗。弹窗会自动套用你的品牌颜色和字体,访客留下的邮箱、手机号会直接进入 Zalify 的客户列表,方便之后发邮件跟进。
开始前
- Shopify 店铺: 在主题编辑器中开启 Zalify 应用嵌入,弹窗才能显示在店铺里。没有开启时,全部表单 页面顶部会提示,点击 Open theme editor 即可前往开启,见在 Shopify 安装 Zalify Pixel。
- 其他网站: 先安装 Zalify Pixel。
- 优惠码(可选): 想在弹窗里送优惠时,先在 Shopify 后台创建好折扣。
第一步:选择模板
在左侧导航打开 表单 → 全部表单,点击 使用 Zalify 创建。
在 从模板开始 中挑选一个模板,点击 使用模板;也可以点击 从空白开始。用 桌面 / 手机 切换预览,看看两种屏幕上的效果。
也可以从 表单 → 模板 进入,模板卡片下方会提示发布前需要修改的地方。现有模板覆盖了最常见的用途:
| 用途 | 模板 |
|---|---|
| 新访客欢迎优惠 | Page-turn welcome、Pick your gift、Mystery number |
| 同时收集邮箱和手机号 | Email, then text |
| 用一个问题了解访客 | One-question quiz |
| 离开前挽留、找回购物车 | Cart rescue |
| 新品预约、候补名单 | First in line |
| 满额优惠公告 | Spend-tier ladder |
第二步:编辑弹窗内容
打开模板后,直接点击文字、图片和按钮就能修改。常用操作:
- 添加内容: 从左侧 区块 添加文本、图片、按钮、分隔线,以及表单 字段、幸运转盘,还有关闭弹窗后停留在页面边缘、方便访客再次打开的 召回标签。
- 收集信息: 添加 字段,在 收集内容 中选择邮箱、电话、名、姓、下拉或单选选项,或 同意勾选框。
- 多个步骤: 弹窗可以分成几步,例如第一步填邮箱、第二步显示优惠码作为感谢页。在 图层 中添加和切换步骤,在步骤设置里选择 提交后 跳到哪一步。
- 送出优惠码: 在 优惠 中选择 Shopify 里已经创建的折扣,可以开启 每位订阅者一个唯一码。
- 手机版: 在卡片设置里分别调整 手机上的卡片宽度 和 手机上的位置。
- 用 AI 修改: 打开 AI 编辑器,用一句话描述想要的修改,例如「把标题改得更有紧迫感,按钮换成品牌主色」。
编辑时内容会自动保存为草稿,也可以按 ⌘S 保存。发布之前,顾客看到的始终是上一次发布的版本。
第三步:选择订阅者加入的列表
在编辑器左侧的 模板 标签中点击这个弹窗,打开 详情,在 列表 中选择新订阅者加入的列表,然后点击 保存。也可以在 全部表单 中,点击表单右侧的菜单 → 关联到列表。
没有选择列表时,新订阅者会进入默认的 Email subscribers 列表。详见将表单连接到客户列表。
第四步:检查并预览
- 点击顶部的 检查,Zalify 会找出上线后可能出错或漏掉注册的地方,例如收集手机号却缺少短信授权说明。
- 在 工具 → 预览 中打开你的店铺,看看弹窗的实际效果。预览的草稿只有你自己能看到。
第五步:发布并开启
点击 发布更改,确认后点击 发布。
新建的弹窗默认是关闭的。在 全部表单 中点击表单右侧的菜单 → 启用表单,或打开表单,在 设置 中打开 状态 开关。
开启后,几分钟内顾客就能在店铺里看到这个弹窗。
弹窗什么时候出现
默认情况下,开启的弹窗会在店铺 所有页面 出现,每位访客每次访问只出现一次。
想改成离开页面时弹出、停留几秒后弹出、滚动到一定位置弹出,或只在某些页面弹出,在 Pixel → 触发器 中为弹窗添加触发规则,见弹窗显示规则。
同一时间只有一个弹窗会自动出现。开启了多个弹窗时,请用触发器分别设置各自出现的页面和时机。
查看效果
- 表现数据: 在 全部表单 中点击表单名称,打开 表现 标签,查看打开次数、提交数和提交率的变化。
- 提交内容: 在 表单 → 提交记录 中选择表单,查看每一条提交,或 导出 CSV,见查看与导出提交记录。
常见问题
弹窗已经发布了,为什么店铺里看不到?
最常见的原因有四个:弹窗还没有开启(发布和开启是两个独立的操作);Shopify 主题里没有开启 Zalify 应用嵌入;另一个弹窗正在自动展示;或者你在这次访问中已经看过它。可以用浏览器的无痕窗口重新打开店铺试试。
怎样设置弹窗在顾客离开页面时出现?
在 Pixel → 触发器 中添加触发规则,选择 Leave page(离开页面),再选择要展示的弹窗。同样可以设置停留时长、滚动深度、加购后弹出,以及出现的频率。
弹窗可以自动发优惠码吗?
可以。先在 Shopify 后台创建折扣,再在弹窗的 优惠 中选择它。开启 每位订阅者一个唯一码 后,每位订阅者会拿到自己的专属优惠码。
访客填写邮箱后,会自动订阅营销邮件吗?
弹窗里有邮件营销的 同意勾选框 时,以访客是否勾选为准;没有勾选框时,提交表单即视为同意接收营销邮件。短信营销需要单独添加选择 短信 的同意勾选框。
可以单独调整手机上的弹窗吗?
可以。在卡片设置中调整 手机上的卡片宽度 和 手机上的位置,选模板时也可以切换到 手机 预览。
修改已经上线的弹窗,会马上影响顾客吗?
不会。修改会先保存为草稿,点击 发布更改 后顾客才会看到新版本。