在上一篇文章《Shopify 独立站邮件营销教程一:Omnisend 的安装注册与后台介绍》中,我们详细介绍了 Omnisend 的安装注册方法、完成安装后的基本设置以及后台各个部分的功能。这一篇文章主要为大家介绍如何在 Omnisend 设置弹窗注册表单并将其添加到我们 Shopify 独立站。

立即安装注册 Omnisend 开始免费试用

一、两种常见的邮箱收集弹窗

目前 Shopify 独立站常见的邮箱收集弹窗有两种样式,一种是比较常见的,弹出来一个小框框,告诉我们用邮箱注册后可以获得一个折扣码或其他优惠,如下图所示。

常见的弹窗样式

另一种样式则是像大转盘抽奖一样,在访问页面时弹出来一个幸运转盘,输入邮箱后可以抽奖,奖项包括 Free Shipping、10% OFF、20% OFF 等等。

大转盘型的弹窗样式

有时候我们使用的 Shopify 主题是自带了邮箱收集弹窗功能的,另外也有一些第三方的 Shopify 插件可以制作不同类型的弹窗。不过为了避免安装过多插件拖慢网站速度,也为了更好的利用 Omnisend 做好邮件营销活动,我们还是推荐使用 Omnisend 的弹窗功能来收集用户的邮箱。

二、Omnisend 邮箱收集弹窗设置教程

Omnisend 后台点击顶部菜单的 Forms,我们可以直接点击绿色的 Preview and Launch Form 按钮快速创建邮箱收集弹窗,也可以点击底部的 View Other Form Types 链接查看所有的模版,然后从中挑选一个自己喜欢的,其中大转盘抽奖形式的模版要下拉到最下方才能看到。

创建邮箱收集弹窗

这里我们点击 Preview and Launch Form 按钮进行创建即可。

(1) Theme

进入到编辑页面后,可以看到左侧是邮箱收集弹窗的样式,其中上方的 Form 和 Success 分别表示输入邮箱订阅前后的样式,我们可以点击分别查看;右侧则可以进行一些自定义的设置,如下图所示。

邮箱收集弹窗编辑页面

这里我们将 Topic 选择 Discount Offer,Layout 选择 Background Image 然后在弹窗中点击 REPLACE IT 按钮替换当前设置,Theme 的话就选择第一个。设置完成后邮箱收集弹窗变成了如下的样式。

修改后的邮箱收集弹窗样式

(2) Content & Design

接着我们点击右下角的 EDIT CONTENT 按钮,可以看到右侧的编辑界面分成了 Content 和 Design 两个选项。

首先是 Content 部分,这个可以自定义的内容很多,我们就挑几个比较重要的跟大家说一下,具体见下图。这里我们将折扣比例改为了 20%,一般为了吸引新用户注册,折扣力度可以大一点,另外我们在订阅成功的消息内添加了折扣码,这个折扣码需要我们自己在 Shopify 独立站的后台进行设置。

自定义内容

接着是 Design 部分,我们可以调整弹窗在页面的位置,修改字体和颜色,取消 Omnisend Logo 的勾选 (该功能需付费订阅) 来移除弹窗底部的 Powered by Omnisend。

自定义设计

修改完成后,我们点击右下角的 SAVE & PROCEED 按钮保存并进行下一步。

(3) Settings

  1. Tag:我们可以将通过弹窗注册的用户添加一个标签,方便后期进行受众细分。

    标签

  2. Double Opt-in:用户通过弹窗注册后,需要去邮箱确认才能进入我们的订阅列表。由于这会增加用户订阅的难度,因此无需勾选。

    双重确认

  3. Timing:可以设置弹窗在什么时间显示。默认是用户访问网站后立即显示,我们也可以设置成以下显示方式:

    • 用户访问了几个页面后再显示弹窗
    • 用户在一个页面上看了几秒后再显示弹窗
    • 用户在一个页面下拉了一定的比例后再显示弹窗
    • 用户将要离开我们的商店时显示弹窗

    弹窗显示时间

    弹窗显示时间详细设置

  4. Targeting:可以针对特定的页面显示或不显示弹窗。

    特定页面显示弹窗

    特定页面显示弹窗详细设置

  5. Limits:对没有订阅的用户,设置几天后再重新显示弹窗。

    时间限制

设置完成后,我们点击右下角的 SAVE & PROCEED 按钮保存并进行下一步。

(4) Confirm & Launch

这里我们可以查看之前的设置,如果确认没有问题的话,我们可以直接点击右下角的 SAVE & ENABLE 按钮进行发布。

确认并发布

三、检查弹窗是否正常显示

最后,我们打开浏览器进入隐私模式,访问我们的 Shopify 独立站,看看邮箱收集弹窗是否可以正确显示。然后再输入一个邮箱小号注册,检查是否一切正常即可。

检查弹窗是否正常显示


如果你看完本篇教程觉得 Omnisend 对你 Shopify 独立站的邮件营销活动有帮助,可以点击下方的按钮选择免费的订阅计划进行试用。

立即安装注册 Omnisend 开始免费试用

相关文章:

  1. 使用 OrderlyEmails 修改 Shopify 默认邮件模版
  2. Shopify 独立站邮件营销教程一:Omnisend 的安装注册与后台介绍
  3. Shopify 独立站邮件营销教程三:使用 Omnisend 创建欢迎邮件的自动化工作流程
  4. Shopify 独立站邮件营销教程四:使用 Omnisend 设置弃购挽回邮件和弃购挽回短信的自动化工作流程