Shopify 弹出窗口：6 点检查清单.

弹出窗口是 Shopify 上最受欢迎的访客互动形式之一。去年，我们审查了 300 家 Shopify 商店，其中一半使用了弹出窗口。

Wisepops Shopify 商店案例研究的截图。

问题是什么？大多数商店老板急于求成，没有花时间来优化他们的弹出窗口。

在本文中，我们将解释如何创建能真正提升您 Shopify 商店的邮件列表的弹出窗口。

确定正确的激励措施

我们直接说吧。大多数网上用户不会分享他们的电子邮件地址，除非他们得到一些回报。

这种回报可能是：

• X% 的折扣代码

• 免运费代码

• 赢得某些东西的机会

• 赠品（视频、电子书等）

但在详细说明激励措施之前，让我先给您展示一个它们力量的真实例子。

我们最近为一位客户提供了服务，他们开始使用以下弹出窗口收集电子邮件。正如您所看到的，弹出窗并没有包含任何激励措施。

在我们建议他们吸引潜在订阅者后，他们更新了弹出窗口，邀请访问者输入他们的电子邮件以赢得一支免费蜡烛：

结果立竿见影：他们的弹出窗口转化率从 2.5% 跳升到 7%！

几个月前，我们观察到了折扣代码的同样现象。

我们的一个客户，一家Shopify 商店，销售智能水瓶，进行了以下 A/B/C/D 测试。

结果显而易见：折扣越大，转化率越高。

在我们的经验中，折扣代码和抽奖活动的效果远远好于赠品。

为了帮助您在优惠券和抽奖活动之间做出选择，这里有两个选项的快速比较：

优点缺点优惠券

• 您将收集到正在考虑在某个时间购买您产品的人的电子邮件

• 优惠券最终可能出现在优惠券聚合网站上，接触到更大受众

• 折扣将直接影响您的利润率

抽奖活动

• 抽奖活动非常便宜

• 您可能会吸引“抽奖者”

找到有说服力的词语

一旦您选择了激励措施，就该开始处理弹出窗口文案了。

在内部，我们在处理措辞时使用一个名为“SIP”的规则：

• 简短：您的访问者会在瞬间选择分享其电子邮件或关闭您的模态框。您需要使用非常少的单词。

• 影响深刻：您需要使用强有力的词语来说服他们订阅。

• 准确：再说一次，这取决于时机。您的访问者没有时间阅读不清晰的句子。

以下是在Fulton & Roark上的一个好例子：

每一个字都是有用的，并有助于说服访问者留下他们的电子邮件地址。

这是来自Baubax的另一个有趣的例子：

弹出窗口仅包含从标题到行动呼吁的 12 个单词，阅读只需几秒钟。

设计一个引人注目的覆盖层

让我们直奔主题。

作为访问者，我们简直被电子邮件弹出窗口轰炸。

为了在竞争中脱颖而出，值得注意一个标准的弹出窗口是怎样的，以便您设计出更好的东西：

• 大多数电子邮件弹出窗口不包括视觉效果。在您的覆盖层中添加产品视觉效果或激励人心的图片，使其更加难忘。

• 大多数电子邮件弹出窗口呈方形或矩形。尝试使用圆形弹出窗口，或使用图形元素使您的弹出窗口更具原创性 - 图片从弹出窗口中突出等。

• 大多数电子邮件没有动画。在您的弹出窗口进入屏幕时添加动画，使它更加引人注目。

以下是我喜欢的一些例子。

Saltsurf 使用明亮的绿色背景来突出其弹出窗口。

Mavi 使用一个视觉效果突出的条形，给条形添加了一些深度。

Sojao 显示一个圆形弹出窗口，背景全蓝。设计也很有趣！

想要更多有说服力的 Shopify 弹出窗口示例吗？ 查看这篇文章。

确定合适的时机

大多数商店会在访客首次访问其网站时显示弹出窗口。

这会让访客感到疲惫，并且对您的邮箱建设努力没有帮助。

想要证据吗？

这是我们的一个客户进行的 A/B 测试，一个在线销售孕妇装的商店。

结果不言而喻：通过在显示电子邮件弹出窗口之前等待 5 秒，我们的客户将弹出窗口的转化率提高了 23%！

但这并不意味着您等待的时间越长，收到的电子邮件就越多！因为如果您等待太久，看到您弹出窗口的访客数量将会大幅减少。最后您收集的电子邮件会更少。

为了确定您的弹出窗口的最佳时机，我们建议您进行测试或使用退出意图弹出窗口（第二种选择实施更快）。

创建移动友好的弹出窗口

在 2016 年，谷歌宣布他们的算法将开始惩罚移动端的强侵入式插页。

新规则针对使用大型电子邮件模态的网页，例如：

为了避免被惩罚，我们建议遵循以下最佳实践：

• 为移动设备创建单独的弹出窗口（仅有响应式弹出窗口是不够的）

• 将弹出窗口放置在页面底部

• 确保其大小不超过页面的 30%

以下是一个移动友好的弹出窗口示例：

来源：Romwe。

创建额外的弹出窗口

大多数 Shopify 网站在使用弹出窗口时犯的另一个重大错误是只创建一个弹出窗口。

典型的购物体验包括多个机会让营销人员收集电子邮件：

• 您可以在首页上显示一个简单的电子邮件条

• 为退出产品页面的访客创建特定的退出意图弹出窗口，并提供折扣

• 创建仅在缺货商品页面上出现的弹出窗口，鼓励访问者订阅补货提醒

• 在购物车页面创建购物车遗弃弹出窗口

这是Christy Dawn上此策略的一个示例。该网站在访客查看的第一页上显示一个电子邮件条。

如果该访客不订阅，他们会在缺货产品页面上显示这条补充弹出窗口（您会注意到不同的措辞）。

总结

在离开之前，我想分享一条最后的建议。

今天，Shopify 可以自豪地说其运营着一些最成功的在线商店：Leesa、Colourpop、Inkbox、Skinny Me Tea…

如果您在弹出窗口方面缺乏灵感，我建议您花几分钟时间访问他们的网站，查看不同页面并尝试触发弹出窗口。他们的模态是很好的灵感来源。