「5分钟教程系列」使用折扣码奖励型弹窗收集邮箱
折扣码奖励型弹窗是增加你的电子邮件列表和发展你的业务的最有效方法之一。在这篇文章中,我将向你展示如何在5分钟内创建属于你的折扣码奖励型弹窗。
前往弹窗和表单 → 模版.

选择一个模版
你可以通过点击模板上的封面图来预览弹窗中的所有步骤。

一旦你找到你喜欢的模板,只需在其上悬停并点击 "使用模板",即可在拖放编辑器中打开它。
理解编辑器的 "左"、"中"、"右 "部分。
乍一看,它可能有点复杂,但实际上它非常直观。当你切换到 "Layer" 分栏时,它显示了中间画布上的所有元素的层级关系。在这个例子中,它是一个左右布局的弹窗(也标记为绿色和黄色块)。右上方的 "关闭" 按钮在图层中被称为 "FloatBox",固定在最右边的 "Get 10% OFF" 被称为 "StickyTab"。
在编辑器的右侧,是选中元素的配置面板。试着点击画布或图层中的每一个元素,看看它是如何相应变化的。

编辑图片和文字
点击位于左边的图片,在配置面板中上传你的图片。

你可以在 Unsplash 找到高质量和免费商用的图片:https://unsplash.com/
点击标题、段落或按钮文本进行编辑。

给提交完表单的用户,奖励一个折扣码
在提交表单后,你可以给订阅者设置一个 "感谢" 信息。在这个例子中,切换到 "Success Step",并找到包含折扣码的元素,将其更新为你想给订阅者的折扣码。

如果你编辑了折扣码,记得也要更新 "Copy button" 里面的复制内容,。如果用户 点击了 “Copy button”, 就会自动应用折扣。如果你用的是 Zalify 的主题,则折扣会在当前页面生效。非 Zalify 主题会在用户刷新或者访问其他页面生效。

保存并启用
如果你对你的编辑感到满意,点击右上方的 "保存" 和 "启用"。
您必须确保Zalify Pixels已安装在您的Shopify商店,以展示弹窗。
前往弹窗和表单 → 模版.

选择一个模版
你可以通过点击模板上的封面图来预览弹窗中的所有步骤。

一旦你找到你喜欢的模板,只需在其上悬停并点击 "使用模板",即可在拖放编辑器中打开它。
理解编辑器的 "左"、"中"、"右 "部分。
乍一看,它可能有点复杂,但实际上它非常直观。当你切换到 "Layer" 分栏时,它显示了中间画布上的所有元素的层级关系。在这个例子中,它是一个左右布局的弹窗(也标记为绿色和黄色块)。右上方的 "关闭" 按钮在图层中被称为 "FloatBox",固定在最右边的 "Get 10% OFF" 被称为 "StickyTab"。
在编辑器的右侧,是选中元素的配置面板。试着点击画布或图层中的每一个元素,看看它是如何相应变化的。

编辑图片和文字
点击位于左边的图片,在配置面板中上传你的图片。

你可以在 Unsplash 找到高质量和免费商用的图片:https://unsplash.com/
点击标题、段落或按钮文本进行编辑。

给提交完表单的用户,奖励一个折扣码
在提交表单后,你可以给订阅者设置一个 "感谢" 信息。在这个例子中,切换到 "Success Step",并找到包含折扣码的元素,将其更新为你想给订阅者的折扣码。

如果你编辑了折扣码,记得也要更新 "Copy button" 里面的复制内容,。如果用户 点击了 “Copy button”, 就会自动应用折扣。如果你用的是 Zalify 的主题,则折扣会在当前页面生效。非 Zalify 主题会在用户刷新或者访问其他页面生效。

保存并启用
如果你对你的编辑感到满意,点击右上方的 "保存" 和 "启用"。
您必须确保Zalify Pixels已安装在您的Shopify商店,以展示弹窗。
更新于: 12/07/2023
谢谢!