网站灯箱弹出窗口可以非常有益地通知用户他们可能感兴趣的促销活动，或者只是将重要的内容放在聚光灯下。在网站上创建成功的灯箱弹出窗口的关键在于掌握它们的时间、设计。当您开始网站设计时，请考虑灯箱广告对您的业务的优势，如果做得好，灯箱弹出窗口可以使您公司的潜在客户和订阅率飙升。

什么是灯箱广告？

在网页设计中，灯箱弹出窗口是出现在网页顶部的窗口叠加层，用于屏蔽页面上的某些内容。当弹出窗口出现时，背景通常会变暗和禁用，这意味着网站访问者无法与网站上的其他内容进行交互。这引起了对灯箱本身的注意。灯箱可以出现在屏幕上的任何位置，中心或作为页面顶部、底部或侧面的条带。

灯箱通常用于获取潜在客户的联系方式， 这是您营销工作的重要一步。可以通过多种方式实现，例如邀请访问者订阅您的博客、接收更新和新闻通讯，或获得您产品的折扣。

此外，灯箱还可用于强调任何重要信息，例如您正在举办的交易、促销或活动。还可以实施它们以确保网站访问者不会错过您想与他们分享的特定图像或视频。

灯箱示例

灯箱可以有多种样式，从图像与文本的组合，到纯背景上的文本等等。为了让您走上正确的道路，以下是一些精选的最佳网站设计中的一些现场灯箱示例：

促销灯箱

你有网上商店吗？考虑在注册时为您的网站访问者提供特别折扣，就像女性时尚品牌Triptyc London在这里所做的那样。他们的灯箱设计干净、轻盈、通风，使其格外吸引人。他们还包括一张图片，以帮助吸引注意力并吸引访客。

移动灯箱

在设计您的移动网站时，您通常不想用会分散他们注意力的信息来轰炸您的网站访问者。为了尽可能少地干扰他们的浏览体验，请将灯箱保持在最低限度，并采用不引人注目的设计。

cookie灯箱

现在，通知网站访问者您的 cookie 政策已经司空见惯。无论是在网站配色方案还是字体选择方面，它都不引人注目且时尚地与他们的其他设计相融合。由于页面其余部分变暗，这个微妙的灯箱仍然能够脱颖而出。

何时以及如何在网站上使用灯箱弹出窗口

面对定期的通知和弹出窗口，我们中的许多人似乎已经养成了自动忽略它们或直接关闭它们的能力。为了充分利用您的灯箱，并确保您不会因过多信息而干扰网站访问者，以下是有关如何在您的网站上使用弹出窗口的一些基本原则：

不要立即显示弹出窗口。如果访问者甚至不知道您的品牌是做什么的，为什么他们要注册您的邮件列表？将灯箱设置为在您的用户花了一些时间浏览并且已经在一定程度上参与后出现。

触发您的灯箱出现在上下文相关的页面上。您可以为您的灯箱设置特定页面以显示在 上。例如，如果您想邀请访问者订阅您的博客，请考虑在他们访问您的博客页面而不是您的主页时这样做。如果您想为他们提供折扣，当他们出现在您的在线商店页面上时，您的灯箱可能会出现。

考虑添加一个退出弹出窗口。这些是在访问者即将离开您的网站时出现的叠加层。它们被视为提高转化率的有力方式。他们可以帮助阻止访问者放弃您的网站，为他们提供最后的内容，并希望说服他们订阅您的邮件列表。

当用户在执行任务时避免弹出窗口。这将中断访问者的流程和整个网站导航。例如，如果用户正在您的在线预订系统上安排约会，他们不希望中途被其他信息打断。

并非所有消息都需要采用弹出窗口的形式。虽然弹出窗口非常适合吸引注意力，但它们也可能是压倒性的。考虑是否可以以替代格式显示某些元素或消息，从而最大限度地减少对弹出窗口的使用。例如，如果您有一个非营利网站并希望访问者捐款，那么在您滚动时保持不变的菜单中包含一个“捐款”按钮可能同样有效。在错误填写在线表格时显示错误消息也是如此，如下例所示。在这种情况下，通常会使用弹出式警告标志，但简单的消息或红色警告标志也可以起到作用。

灯箱设计和文案写作技巧

把事情简单化。这适用于弹出窗口的设计和措辞。您的灯箱设计应该会引起注意，因此不需要复杂的细节。相反，选择干净、大胆的外观。确保网站背景上的文本在大小和颜色对比度方面易于阅读。

实施清晰、切中要害的语言。通过使用不会绕圈子的短语，确保您想要传达的信息易于理解。当然，您可以随时添加一些个人细微差别来加强您的品牌标识。

在文本中使用视觉层次结构。确定弹出窗口的中心信息是什么，然后确保它是设计中最突出的文本项。例如，如果您想为您的客户提供 10% 的折扣，则此信息应以较大的尺寸并在其周围留出一些空白来突出显示。

与您品牌标识的其余部分保持一致。确保视觉语言与网站设计的其余部分在调色板、排版和总体外观方面保持一致。

让您的 CTA（号召性用语）按钮脱颖而出。通常应该只有一个按钮，用户需要点击您的弹出窗口，这通常是“注册”按钮（或某种其他形式的 CTA）。通过使用突出背景的主色使其突出，或用边框强调它。

在您的 CTA 中包含明文。用户应该立即明白他们正在点击什么。根据上下文，常用的短语是“注册”或“订阅”，但您也可以通过诸如“让我了解情况”或“加入乐趣”之类的内容来添加个性。查看这些号召性用语示例以获取灵感。

考虑添加适合您品牌的醒目图像。图像非常适合吸引注意力和吸引网站访问者，以及设定一定的基调。您可以找到与您所传达的信息相得益彰的图标，同时确保它不会阻挡或干扰文本。