网站弹出窗口设计：9 个经过验证的高转换示例
您是否想改进弹出窗口的设计，以便产生更多的潜在客户并推动更多的销售？
网站弹出窗口的设计可以决定其成败。弹出窗口需要吸引注意力、展示您的优惠或激励措施，并说服网站访问者采取行动。
OptinMonster 是弹出窗口设计的专家。十多年来，我们一直在帮助企业使用弹出窗口和其他现场营销活动，将其网站流量转化为潜在客户和收入。
我们的团队已创建了 700 多个预制模板，所有模板都针对最佳弹出窗口设计进行了优化。超过 120 万个网站使用我们的软件来设计弹出窗口、浮动栏、内联表单等。
在本文中，我将分享 9 个高转换率的弹出窗口设计示例，并且我将准确解释这些弹出窗口的工作原理，以便您看到同样的成功。
以下弹出窗口设计示例均来自 OptinMonster 客户，每个弹出窗口都为该业务带来了巨大成功。这意味着当您浏览此列表时，您将看到真实的弹出窗口，并且您将了解每个弹出窗口如何以及为何成功。
让我们开始吧！
网站弹出窗口设计的元素
9 个已证明成功的弹出式设计示例
网站弹出窗口设计的元素
在深入研究示例之前，让我们先讨论一下最重要的弹出窗口设计元素：
文本格式，例如标题和副标题的字体、大小、颜色和间距
图像，包括弹出窗口中使用的任何照片或图形
配色方案，例如使用品牌颜色或对比色
号召性用语 (CTA) 按钮，尤其是其大小、按钮和文本颜色以及位置
特殊元素，例如倒计时器、“是/否”按钮和视频
功能设计，例如弹出广告中的步骤数和浏览量
当我列出我们的示例时，请寻找这些设计元素，并考虑如何在您自己的弹出活动中模仿它们。
9 个已证明成功的弹出式设计示例
让我们深入了解弹出窗口设计示例列表。这些弹出窗口均来自我们自己的案例研究，因此我们毫无疑问地知道这些弹出窗口具有很高的转化率。
1. Lilach Bullock的简单纯文本弹出设计
弹出设计灵感 -Lilach-Bullock-Fullscreen-Campaign
觉得这个例子太简单了？你无法反驳它。
Lilach Bullock通过这种非常简单的方法转化了 57% 的网站访问者。其成功的原因如下：
文案：标题用吸引读者注意力的语言大胆陈述了所提供的内容。免费内容的承诺始终是订阅的激励，并且在号召性用语(CTA) 按钮上重复了该信息。副标题提出了一个问题，确定了受众的核心问题并确保她接触到了正确的人群。
设计：设计非常简单，但效果很好，因为绿色和 巴林电话号码库 紫色反映了网站的品牌，为访客创造了认知度和一致的体验。Lilach Bullock 在所有活动中都保持一致。她通过根据需要复制和更改活动来做到这一点。
要对您自己的广告系列执行此操作，请按照我们关于创建您的第一个广告系列的说明进行操作。一旦您拥有了满意的广告系列，您就可以像这样复制它：
登录您的 OptinMonster 信息中心并点击您要复制的广告活动。该广告活动将显示在广告活动列表的右侧。
然后单击右侧顶部的复制图标
OptinMonster 仪表板中 办公室职员的工作场所应该如何布置？ 的重复图标。
系统将提示您命名您的活动副本，然后您将被带到 网站弹出窗口设计 活动构建器，您可以在其中编辑您复制的弹出窗口设计。
Lilach Bullock 成功的另一个因素是信息重复。她创建了一个内联选择表单，并在同一内容中多次使用它。
要执行相同操作，请按照我们的说明创建内联活动。
2. USSLC的两步移动弹出 电话号码 窗口设计
MonsterLinks 可以帮助提高转化率，而不会惹恼读者
想要找到最好的电子邮件弹出窗口来吸引移动访问者吗？ 借鉴美国学生贷款中心的经验。
USSLC 使用多模式弹出设计来转化 25% 的访客，并将销售额提高 10%。以下是这个专门针对移动设备的设计有效的原因：
文案：文案使用大写字母“宽恕”一词，以确保它引人注目并让观众立即看到。它还通过“您需要知道的一切”这句话确立了 USSLC 的权威性，这在图片上与“权威指南”一词相呼应。承诺让学生贷款宽恕变得容易理解也是一个吸引力。号召性用语按钮上的“给我发送我的指南”字样鼓励读者采取行动。
设计：此弹出窗口设计以学生贷款减免免费指南的图片为特色。由于图片引人注目，因此这将吸引其核心受众的眼球。图片上的颜色与弹出窗口上的颜色相映成趣，从而与网站的品牌相匹配。这为网站访问者创造了一致性。CTA 按钮的黑色也从更柔和的背景中脱颖而出。
该移动选择具有出色的 34% 的转化率。
然而，对于移动用户来说，这个弹出窗口并不是突然“弹出”的。相反，它是一个多步骤的选择。当网站访问者点击“立即下载”CTA 按钮时，会触发弹出窗口。
MonsterLinks 可以帮助提高转化率，而不会惹恼读者
他们是如何做到的？
他们使用了 OptinMonster 的一项名为MonsterLinks™的功能。借助 MonsterLinks，您可以将网站上的任何图像、按钮或文本转换为触发弹出窗口的链接。
创建 MonsterLinks 非常简单。发布活动时，您会看到共享链接作为可用选项之一。
点击按钮显示活动的 URL。然后您可以在任何地方使用该链接。
这种多步骤选择实际上是利用蔡格尼克效应来诱导访问者订阅。这一心理学原理表明，当人们开始做某件事时，他们更有可能完成它。
您稍后会在我们的列表中看到更多两步选择的示例
3. Eczema Company的灯箱弹出设计
弹出式设计灵感 – 湿疹博客
Eczema Company转化了 13.76% 的移动访客，使用多种活动类型和触发器来吸引访客注册他们的磁力链接。以下是此方法奏效的原因：
文案：此弹出窗口重复三次提供免费电子书，这是一本治 网站弹出窗口设计 疗湿疹的指南，以强化信息。主图上方栏上的文案强调了订阅者的核心利益：通过消除与饮食相关的原因来减少湿疹发作。“获取我的免费电子书” CTA 鼓励读者采取行动。
设计：此弹出窗口将一张漂亮女人的图片（看起来很开心，因此不会发痒）与一张食物图片配对。这种配对强化了这样一种信息：免费电子书是关于饮食导致湿疹的。绿色 CTA 按钮与绿色文本相映成趣，但在白色背景下显得格外突出。整个网站的 CTA 按钮都使用了这种绿色色调，为访客营造了一致性。
虽然拆分测试是该公司的成功因素之一，但我们将关注另一个因素：定时活动。
仅当访问者在您的网页上停留了一定时间后，定时活动才会显示。
