如何使用 CSS 和 JavaScript 创建弹出表单

您想创建自定义 CSS 和 Javascript 弹出表单，但不确定最佳方法吗？ 如果做得正确，弹出窗口可以成为您网站的绝佳补充。它们可以帮助您欢迎新访客、扩大电子邮件列表并促进销售。 但如果做得不正确，它们可能会严重阻碍您网站的访问者。 这就是为什么在今天的教程中，我们将向您展示两种在您的网站上正确创建弹出窗口的方法。 立即创建高转化弹出窗口！ 不过，在深入研究本教程之前，让我们首先检查一下您希望在网站上使用弹出窗口的一些原因。 为什么在您的网站上使用弹出窗口 弹出窗口是一件有趣的事情。多年来，它们因成为损害用户体验 (UX) 的网站中令人讨厌的附加内容而闻名。 然而，当谈到让用户在您的网站上采取行动时，有一件事是明确的： P opups 工作。



那么，为什么有些弹出窗口会损害用户体验，而另一些弹出窗口会吸引用户并提 电话数据 高转化率呢？根据我们的经验，这可以归结为两个因素。成功的弹出窗口往往是： 视觉上有吸引力 为用户个性化 当您在网站上显示通用且丑陋的弹出窗口且未针对网站访问者进行个性化设置时，您肯定会惹恼人们。 但是，当您展示一个令人惊叹的弹出窗口来与用户在客户旅程中的位置进行联系时，您会看到转化率飙升。 以 Crossrope 中的这个简单弹出窗口为例： 十字绳弹出窗口 当客户在网站上查看各种产品时，此弹出窗口会为他们提供折扣。它还具有视觉吸引力并且与网站设计相匹配。 结果，Crossrope的电子邮件列表增长了 900%，并挽回了 7.65% 的放弃购物者。 同样，如果做得正确，弹出窗口就会起作用。




这就是为什么OptinMonster努力为在线企业主提供工具，以正确的方式创建高度针对性的弹出窗口： OptinMonster-主页 OptinMonster是世界排名第一的潜在客户生成软件。这意味着我们最擅长让人们采取您希望他们采取的行动。 我们通过授权企业主创建针对其特定受众的“选择活动”来做到这一点。 选择活动是指以弹出窗口、全屏活动、浮动栏等形式出现在您网站上的消息。 这些活动具有号召性用语（CTA），可以激励用户做某事。借助 OptinMonster，您可以在几分钟内构建令人惊叹的弹出窗口，而无需任何编码技能。 这是我们将在今天的教程中使用 OptinMonster 构建的弹出窗口之一： OptinMonster JavaScript 弹出表单演示 这个弹出窗口花了我们不到5 分钟的时间来构建、创建定位规则并与电子邮件服务提供商集成。 欲了解更多信息，请查看这个有用的资源：OptinMonster 值得吗？广泛的审查。