移动弹出窗口最佳实践:设计可转换的弹出窗口的 9 个技巧

已发表: 2023-03-18

MobilePopups-01 这是一个不太秘密的提示,从一个自我识别的电话成瘾者的嘴唇直接到你的耳朵:人们被在他们的电话上。 它基本上是一个重要的器官。 别说谎,你是我们中的一员。

如果您仍然认为移动设备仅用于社交媒体和 GPS 导航,请三思。 消费者在手机和平​​板电脑上购物。 到 2021 年,估计 54% 的电子商务将通过移动设备进行。 55% 的消费者在社交媒体上发现某物后会在线购买(请记住,您付费购买的那些 Instagram 广告会直接转到您的移动网站!)。

这会让您大吃一惊:对于 Shopify 商家而言,在 2019 年的 BFCM 期间,移动设备占销售额的 69%。

每周 2 次在您的收件箱中获取我们关于电子商务营销的最佳内容

因此,您的移动网站有巨大的机会成为您未开发的最佳销售人员。 许多电子商务商店对使用移动弹出窗口持谨慎态度,因为他们害怕违反谷歌关于侵入性插页式广告的规则(TLDR;谷歌通过在搜索排名中降级来惩罚具有侵入性移动弹出窗口的网站,除非弹出窗口是网站的必要部分,例如年龄验证或 cookie 免责声明)。

Google 只是想确保弹出窗口不会干扰用户体验。 有道理,对吧? 这是否意味着您不能在您的移动网站上部署弹出窗口? 绝对不。 您只需要以一种可以让访问者轻松查看他们想要的信息的方式进行操作即可。 基本上,您不希望弹出窗口是“侵入式的”,这意味着:

1.它不应该占据整个屏幕,从而阻止用户查看您网站上的内容,或者;

2.如果全屏弹出窗口,则应仅在用户向下滚动或访问几页后出现,以表明他们对您的内容感兴趣。

注意:如果您的网站运行有必要,例如 cookie 免责声明、年龄验证或国家/地区验证,立即出现弹出窗口是可以的:

Intrusive Popup

以下是创建高效移动弹出窗口的一些技巧,可将访问者转化为客户。

1.选择合规格式

如果您担心 Google 警察会因为侵入性弹出窗口而将您的网站降级,您可以通过选择一种在屏幕上占用较少空间的格式(也称为侵入性较小的选项)来解决这个问题。 例如,条形图很容易在移动设备上查看,并且占用的屏幕空间很小。 这些对于显示您想要在多个页面上展示的免费送货或折扣特别有用,如下面来自 Mollyjogger 的示例:

Mollyjogger

或者,如果您使用的是欢迎弹出窗口,则可以使用弹出窗口。 这些类型的弹出窗口以角落或屏幕底部的预告片开始,然后在用户单击时展开,例如来自 Hardcore Carnivore 的这个:

Hardcore Carnivore

无论您选择做什么,只要确保通过缩放尺寸以最适合手机而不是计算机屏幕来使其适合移动设备即可。 在 Privy 的弹出式编辑器中,您可以选择专门为移动设备优化的模板,所以这应该非常简单! 将桌面弹出窗口复制到移动模板并从那里进行修改也很容易。

2.或者做大,但要机智

我得到它。 全屏弹出窗口看起来不错。 如果您想使用它们,您可以通过仅在用户对您的内容表示持续兴趣后触发更大的弹出窗口来保持符合 Google 的侵入性插页式政策。 这可能意味着在主页中途出现一个滚动触发的弹出窗口,例如来自 CROSSNET 的弹出窗口:

Crossnet

这也可能意味着只有在客户访问了几个网站页面后才会触发弹出窗口。

为了让这些弹出窗口不显眼,始终让用户很容易关闭,方法是让 X 足够大,让人们可以轻松地在触摸屏上点击它。

3. 细分是你的朋友

您的消息越个性化,访问者转化的可能性就越高。 因此,请尝试为您的不同受众定制购物体验,例如:

1.全新的网站访问者(如下图所示

2、从未购买过的串口浏览器

3.放弃购物车的购物者

4.忠实顾客或常客

5.访问者从社交媒体提到您的网站

6.位于特定地理区域

Epicure

根据访问者属于哪个类别,您可以将您的移动显示定制为最相关的类别。

4. 让你的 CTA 直接清晰

移动弹出窗口很小,因此它们需要有一个明确的目标,并且设计要有冲击力。 CTA 应该是您希望客户做什么的明显提示,例如 Goldie 的严肃飞出。 如果用户感到困惑,他们只会轻扫而去,而不会转换。

Goldie

不仅文字应该清晰,CTA 也应该脱颖而出。 使用像 Magic Spoon 的电青色这样的对比色,并使按钮足够大,以便在使用小触摸屏时可以轻松点击。

Magic Spoon-1 5. 选择你的话

手机是您的客户可能注意力持续时间最短的设备,因此请保持移动弹出窗口短小精悍。 这一切都是关于仔细选择你的话并让它们有意义。

首先,请记住您没有太多的物理空间可以使用,而且您的用户的眼睛可能也不年轻。 更大、更简洁的文字会产生最大的影响,比如 HELM Boots 的这个:

HELM Boots 6. 想想你的表单域

没有客户希望在注册您的营销电子邮件时感觉他们正在写一篇长篇文章,所以不要对他们提出太多要求。 智能手机通常用于快速、异步的通信和操作,因此您的用户可能没有耐心输入大量信息。

仔细考虑营销策略中最关键的表单字段,并花时间想象用户体验。 除了他们的电子邮件,您现在还需要什么吗? 询问电话号码是否有意义,以便您可以在几分钟内发送短信营销信息,而客户仍在使用他们的电话? 什么对用户更友好:单选按钮或下拉菜单? 只问你需要什么,让你的客户尽可能容易地为你提供你想要的信息。

Seven Rock Life 通过仅询问访问者的电子邮件和电话号码来减少他们的表单字段,这使他们有机会发起后续的文本营销活动。

Seven Rock Life

7.游戏化

您现在可能想知道一些事情。 例如,您可以为移动弹出窗口做一些独特的事情吗? Rachel 是否将她所有的空闲时间都花在了互联网上寻找很棒的弹出示例上? 两者的答案都是肯定的(书呆子警报!!)。

要为您的移动广告系列增添趣味,请尝试双赢模式来创建引人入胜的用户体验,模仿人们已经喜欢在手机上参与的游戏化。 它可能不像 Candy Crush 那样有趣,但它会起作用。 Ballwash 的这个弹出窗口与他们半开玩笑的品牌声音完美搭配:

Ballwash 8.使用退出意图策略

您不希望您的移动访问者在未转换为联系人或未进行购买的情况下跳出。 一旦他们离开了,就很难让他们回来。 因此,当他们在您的地盘上时,使用您的营销策略与他们保持一致,方法是部署一个退出意图弹出窗口,该弹出窗口会在用户即将离开您的站点时触发。 在这里,您可以通过提供要约来换取他们的电子邮件地址来吸引他们,希望它能达成交易,或者至少您可以继续保持联系以获取未来的收入机会。

这个来自 Piccolina 的应用程序出现在结帐页面上,当访问者的购物车中有商品但即将退出时触发。 这里的目标是通过收件箱的折扣保存销售:

Piccolina 9.避免图像

我知道我知道。 通常,我们会沉迷于带有精美产品照片的弹出窗口。 但是在移动设备上,它看起来很忙(更不用说,照片会占用很多空间,而您没有)。 相反,选择高对比度的简单设计,让您网站上的产品图片不言而喻。 以下是 Newton Baby 如何对其弹出窗口的桌面版本进行微调,使其成为适合移动设备的飞出窗口:

Newton Baby Desktop

Newton Baby Mobile

要点:在客户所在的地方

如果您没有专门为移动设备设计的弹出窗口,那您就大错特错了。

既然您已经看到了品牌正确实施的大量示例,您应该真正了解最重要的是什么。

如果您还需要更多灵感,请通过手机访问一些您最喜欢的网站,看看它们的移动弹出窗口是什么样子的。

有了这 9 个技巧,您就可以创建人们实际参与的移动弹出窗口了。 因此,您可以向更多人推销。 并推动更多的销售。

主题:
电商品牌
电子商务营销
网站转换

这篇文章最初出现在 Privy 博客,并已获得许可在此处发布。

分享2
鸣叫
分享
2