首页  /  全部  /  Creative Website Popups Design Examples and Inspiration

Creative Website Popups Design Examples and Inspiration

Creative Website Popups Design Examples and Inspiration

每个营销人员都需要一个交换文件来获取弹出式设计的灵感和实例。在这篇文章中,我将向你展示我自己的交换文件,当我需要创建一些新的和吸引人的弹出式时,我正在使用它。

除了Poptin自己在这里面的例子以外 画廊我强烈建议你用其他例子来激发你的创造力。

In this article, we’ll look at some creative and inspiring popup designs and examples to make our 2022 lead magnet conversion rates better.

让我们潜入。

诚信真实的文案设计弹窗 

我一直都会推荐诚实真实的文案设计弹窗,它总会有它的魅力来吸引读者给他们的邮箱地址。

维基百科在诚实和要求捐款方面做得很好,以保持增长。我们都需要信息的自由和公正,而维基百科在这方面做得很好。因此,这种设计简单的文案有其自身的优点。

形象9

我发现的另一个诚实的弹窗是由ProfitWell制作的。当我在ProfitWell的网站上时,他们推广了他们的价格页面拆解。虽然它有很好的内容,但由于他们在博客上扰乱了我的用户体验,所以他们以"我们讨厌弹出式广告......"开始--我完全可以体会到这一点。 

形象10

为什么呢?因为它很诚实,很直白,给了东西就能换来一个邮箱地址。另外,图片是真实的,上面弹幕中的这两个人做得很好。 

我立即报了名。

如果你能把爆款设计得贴切、感同身受,并且有一个好的文案--它可能会有一个不错的转化率。

简洁的设计弹出式

有时候,简单就是你所需要的,而且它能很好地完成任务。为什么简单的弹出式设计有效?当你的报价很好时,它通常会起作用,有 社交证明,而副本是惊人的。

借此,我想和大家分享一个提供给营销人员的好例子(我们营销人员通常都会对别人进行批评)。

形象12

Harry干的这个小项目,在退出意向时显示了上面的弹窗。它有社交证明(9691个营销人员),可操作的提示,2分钟的阅读(低门槛),它也很诚实,因为它说不到0.4%的人取消订阅,而且是免费的。 

这样的文案,只要有优惠,总会有效果。如果你想找一个简约的设计案例来寻找灵感,那么这个会是一个赢家。

最后,它没有说"给我签个名",而是说"升级我的营销",这其实是给了一个价值的号召。

干得好,哈里!

编者按 请看这篇营销案例中的文案技巧。

我得到的另一个非常简单的弹出式设计例子是受到Ahrefs的启发。

图像2

Ahrefs假设不能把博客访客放在一个漏斗里,因此最好是不断给访客提供新的内容。这些内容就像一个销售页面,所以读者/访客最终会转化。

因此,上面这个简单的带有吉祥物的弹窗在转化率上做得很好。根据Ahrefs的数据,在他们每月25万的访客中,有超过0.5%的转化率。好吧,那么它的工作。

The last simplistic popup design inspiration is from the growth hackers I follow. These are a bunch of guys teaching growth marketing and their popup is simple yet effective for learners like me. It’s just an amazing copy plus a lot of social proof. 

图片1

吉祥物弹幕设计案例 

说实话,我喜欢吉祥物的弹窗。它有个性,给博客或网站带来创意的一面。更不用说它对品牌知名度的提升了。

我不是Poptin的员工,但我很喜欢他们的鹦鹉吉祥物弹幕。

形象8

在上面的例子中,Poptin在退出意向上表现出来,用恐惧的方式让我签约。因为几乎不需要两分钟,所以报名的门槛很低。鹦鹉吉祥物一直在飞,所以确实能引起关注。

如果你想用你的吉祥物来做弹幕设计,一定要让它得到正确的关注。

最后,副本提供免费开户,通过这些访客获得更多的客户。可爱的!

我愿意报名,只是因为它做得很优雅。

另一个善用情境的创意灵感是Hipmunk。

形象4

这个弹幕利用了吉祥物和等待&加载时间的优势。Hipmunk在吉祥物的关注度上做得很好,但位置和触发做得更好。 

它简单而有效。如果你的应用程序有很多等待时间,我会推荐这种类型的弹窗。

内容营销弹窗设计灵感

如果你有好的内容,你可以很容易地推广,并在旁边捕捉一些线索 - 为什么你不想提供它?你可以简单地推广电子书、网络研讨会、信息图、社区优惠等等。

Appcues做得很好,几年前分享了他们的入职学院。他们的学院教育了很多SaaS创业者和产品经理。这是他们之前的弹窗设计的一个例子。

形象7

 The above popup has been done by a good designer and with a great copy. They have a similar popup for their blog updates too.

形象6

我个人喜欢他们的入职学院的弹窗,比博客的更好。然而,你应该使用这两种方法来转换更多的访问者。

个人认为,如果我们看博客的报价,我总是建议在文案中加入一点触动,比如Airfocus(产品路线图工具)做到了。

形象13

Read more: Product Roadmap

我也一直在推广很多和我的产品相关的内容,我也一直在用Poptin的表格,给我带来了不错的转化率。

我一直在推广Userpilot的邮件课程和产品采用学校。令人惊讶的是,我们的博客内嵌入表单的转化率比弹出式更好。这些绝对是很好的例子。

图像3

这个是Poptin的模板,我一直在用,效果还不错。 

形象5

这两个设计灵感都是用文案有效地推广内容。 

我得到的另一个好的内容弹窗设计灵感和启发是Demio。Demio是一个网络研讨会管理工具,我被推广到了他们的电子书上。因为,我是想了解更多关于"如何管理网络研讨会"的知识,所以它被放在了正确的位置。

但最有效的是让人点击"下载"的设计和文案。 

形象11
我还能说什么呢?上面的弹出式设计是在正确的时间和正确的地点(他们的博客)让我下载的。我也喜欢背景的有效使用。

希望这些弹窗设计能给你一些灵感。 

结论

以上的弹窗设计灵感和例子是给你的灵感。不过,我可以给你一个专业的建议,就是制作自己的刷屏文件。这些设计和灵感可能很快就会过时。

因此,要紧跟时代步伐,不断获得灵感。

Aazar Ali Shad是一位创业者、成长型营销人(不是黑客),也是一位经验丰富的SaaS人。 他喜欢写内容,并与世界分享他所学到的东西。 你可以在Twitter上关注他@aazarshad或aazarshad.com。