这是一个熟悉的场景：我们平静地浏览网页，从一个页面滑行到另一个页面，这时我们突然面对屏幕中央的弹出式窗口。令人沮丧对吧？

但是，“灯箱”弹出窗口根本不必令人沮丧。事实上，它们可以非常有益地通知用户他们可能感兴趣的促销活动，或者简单地将重要的内容放在关注的焦点上。在您的网站上创建成功的Lightbox弹出窗口的关键在于掌握它们的时间、设计和复制(稍后将详细介绍)。

当你创建一个网站考虑到灯箱对你的生意有什么好处。做的对，一个灯箱弹出可以提高你的公司的领导和订阅率。这研究通过OptiMonk展示了BitNinja是岑溪网络公司如何通过在他们的网站上的一个战略点添加了一个照明盒，成功地将他们的领先优势提高了65%。想象一下这对收入意味着什么。

这是你需要知道的一切灯箱，从他们是什么，到鼓舞人心的例子，如何创造一个和多个：

什么是灯箱？

在……里面网页设计，一个Lightbox弹出窗口是一个窗口覆盖，出现在网页的顶部，阻塞了页面上的一些内容。当弹出窗口出现时，背景通常会变暗和禁用，这意味着网站访问者不能与网站上的其他内容交互。这引起了人们对灯箱本身的注意。一个灯箱可以出现在屏幕的任何地方-在中央，或作为一个带在顶部，底部或侧面的页面。

灯箱通常用于获取潜在客户的电子邮件地址--这是您的重要一步。电子邮件营销努力。这可以通过多种方式实现，例如邀请访问者订阅博客、接收更新和时事通讯，或在产品上获得折扣。

此外，灯箱也可以用来强调任何重要的信息，如交易，促销或活动，您正在主持。他们也可以实现，以确保网站访问者不会错过一个特定的图像或视频，你想要与他们分享。

Lightbox示例

Lightbox可以包含一系列样式，从图像与文本的组合，到简单背景上的文本，等等。为了让您走上正确的道路，下面是几个点对点灯箱示例。维克斯网站：

促销灯箱

你有网上商店？考虑在注册时给予网站访问者特别折扣，就像女性时尚品牌一样伦敦Triptyc已经在这里完成了。他们的灯箱设计干净，轻盈，通风，使它更有吸引力。他们还包括了一张图片，以帮助吸引注意力和吸引游客。

移动灯箱

当设计时移动第一记住，你通常不想用会分散他们注意力的信息轰炸你的网站访问者。为了尽可能少地破坏他们的浏览体验，将灯箱保持在最低限度，并进行低调的设计。慢动作品牌阳光充足的确保弹出窗口只占屏幕的一部分，并使用友好、诱人的文本来补充它。

电子邮件灯箱

一种醒目的黄色和大胆的图案迎接着你。嚎叫，纽约灯箱弹出。下面这句话中诚实的、含糊其辞的语气给我们带来了微笑，鼓励我们加入他们的邮件列表。

饼干灯箱

现在通知网站访问者你的cookie政策已经司空见惯了。食品算法已经在他们的网站上做了同样的事情，使用了一个在页面顶部以薄薄的条状形式的照明盒。这是一种平淡无奇的风格，与其馀的设计结合在一起，无论是从网站配色方案以及字体的选择。多亏了页面其余部分的调暗，这个微妙的灯箱仍能脱颖而出。

何时以及如何在您的网站上弹出“照明盒”

面对经常出现的通知和弹出窗口，我们中的许多人似乎已经发展出一种自动忽略它们或直接关闭它们的能力。为了最大限度地利用您的灯箱，并确保您不会用太多的信息干扰站点访问者，以下是关于如何在您的站点上使用弹出窗口的一些基本原则：

• 不要马上显示弹出式。想想看--如果访问者甚至不知道你的品牌能做什么，他们为什么要注册你的邮件列表呢？一旦你的用户花了一段时间浏览，并且已经在一定程度上参与了，那么就可以将Lightbox设置为出现。

• 触发您的Lightbox显示在上下文相关的页面上。你可以的为您的照明盒设置要显示在上面的特定页面。例如，如果您想邀请访问者订阅您的博客，请考虑这样做，当他们在您的博客页面，而不是您的主页。如果你想给他们打折，你的灯箱可能会出现在你的网上商店一页。

• 考虑添加一个出口弹出.这些是在访问者即将离开您的站点时出现的覆盖。他们被认为是一个强大的方式，以增加转换。他们可以帮助阻止访问者放弃你的网站，提供他们的最后一部分内容，并希望，说服他们订阅你的邮件列表。

• 当用户处于任务的中间时，不要弹出窗口。这将中断您的访客流量和您的整体网站导航。例如，如果用户正在安排在线约会预订系统他们不想在中途被其他信息打断。

• 并不是所有的消息都需要以弹出窗口的形式出现。虽然弹出窗口很好地吸引了人们的注意力，但它们也可以是压倒性的。通过考虑某些元素或消息是否可以以另一种格式显示，将弹出框的使用降到最低。例如，如果您有一个非营利网站如果想让访问者捐赠，在菜单上加入一个“捐赠”按钮也同样有效，当你滚动时，这个按钮就会保持不变，就像女英雄公司在他们的Wix网站上。在错误填写联机表单时，也会出现错误消息，如下面的示例所示。在这种情况下，经常使用弹出警告标志，但一个简单的消息或红色警告标志也可以发挥作用。

Lightbox设计和文案技巧

• 保持简单。这对于弹出窗口的设计和措辞都是正确的。你的灯箱设计应该吸引注意力，所以不需要复杂的细节。相反，选择一个干净，大胆的外观。确保文本在大小和颜色对比度方面易于在背景上可读性。

• 实现清晰、对点的语言.要确保你想要传达的信息是容易理解的，通过使用简单的词，不要绕圈子。当然，您可以添加一个小的个人细微差别来加强您的品牌认同.

• 在文本中使用视觉层次结构。确定弹出窗口的中心信息是什么，然后确保它是您设计中最突出的文本。例如，如果你想给你的客户10%的折扣，这个信息应该更大一些，并且周围有一些空的空间。

• 保持与你的其他品牌身份一致。你确实想让你的灯箱脱颖而出，但不像拇指疼。确保视觉语言与你的网站的其他设计的衔接，在颜色调色板，字体和一般的外观。

• 使你呼叫行动按钮突出。通常应该有一个按钮，用户需要点击你的弹出-这通常是‘注册’按钮(或其他形式的CTA)。使它弹出使用突出的背景，或强调它的优势颜色与边框。

• 包括你的CTA的明文。用户应该立即了解他们所点击的是什么。根据上下文的不同，常用的短语是“注册”或“订阅”，但你也可以通过“让我参与循环”或“加入乐趣”之类的词来增加个性。看看这些呼叫行动示例寻找灵感。

• 考虑添加一个吸引人的形象，适合你的品牌。图片是伟大的吸引注意力和吸引网站访问者，以及设置一个特定的基调。你可以找到一个赞美你传达的信息，同时确保它不会阻止或干扰文本。

如何创建一个照明盒

岑溪网络公司有几个简单的步骤涉及到添加弹出窗口在你的Wix网站上：

1. 在编辑，单击左侧的“Add”。

2. 单击“Lightbox”。

3. 从类别列表中选择您最喜欢的灯箱设计。

4. 将Lightbox元素拖到页面上。

5. 单击“设置触发器”开始设置您的照明盒。

6. 最后，您可以编辑文本，调整灯光盒在屏幕上的位置(单击“布局”按钮)和自定义设计(单击“设计”按钮)以满足您的需要。现在你可以走了！