如何为您的 WordPress 网站创建全屏弹出窗口

已发表: 2022-08-17

正在寻找一种为您的 WordPress 网站创建全屏弹出窗口的方法?

全屏弹出窗口对于捕获潜在客户非常有效。 它们旨在通过将访问者的全部注意力集中在自己身上来说服和转化。

但是必须从头开始编写代码是一种真正的痛苦。 一方面,您必须了解足够的 HTML、CSS 和 Javascript 才能创建弹出窗口以及何时显示它的触发规则。 然后,您必须与您的电子邮件服务提供商创建手动集成。 最后,您必须处理任何隐私和安全问题。

好消息:有一个更简单的方法。

在本文中,我们将向您展示如何在 10 分钟内以零编码在 WordPress 中启动全屏弹出窗口。

让我们潜入水中。

什么是 WordPress 中的全屏弹出窗口?

全屏弹出窗口是一种选择加入的表单,它会弹出带有全屏电影效果的弹出窗口。 可以把它想象成在 Netflix 上以全屏模式观看电影。 当弹出全屏选择表单时,您将看不到 WordPress 网站的其余部分。 这样,您的全部注意力都集中在弹出窗口上。

这是一个例子:

全屏弹出WordPress

您可以使用全屏弹出窗口:

  • 欢迎新访客
  • 提供优惠券
  • 将访问者指向他们最好的内容
  • 将访问者发送到他们的社交媒体资料

和更多。 您甚至可以创建弹出式联系表格。 弹出窗口非常灵活,只要您有创意,就可以轻松设置高转化率的弹出窗口。

如何在 WordPress 中创建全屏弹出窗口

既然您了解了全屏弹出窗口是什么以及为什么要创建一个,那么如何创建全屏弹出窗口? 我们建议使用 OptinMonster 创建所有弹出窗口。

OptinMonster 主页

OptinMonster 是世界上排名第一的转换工具包,我们自己也使用过。 OptinMonster 让创建可转换的强大弹出窗口变得超级简单。 而且您根本不需要使用任何编码。

我们甚至写了对 OptinMonster 的完整评论。

您可以检查一下,或立即开始您的广告系列。 您所要做的就是注册 OptinMonster 并按照本文的其余部分进行操作。

第 1 步:创建广告系列

前往您的 OptinMonster 仪表板并点击创建按钮:

创建一个新的弹出广告系列

选择Template选项以开始使用预先设计的模板创建 optin:

创建一个新的 OptinMonster 活动

选择全屏以开始使用全屏弹出模板:

选择全屏广告系列类型

然后,选择一个广告系列模板。 您可以选择您喜欢的任何模板,但我们将使用本教程的产品推荐(游戏化)活动模板。

选择模板后,为您的广告系列命名。 请记住,此广告系列名称适合您,您可能会创建一大堆具有不同定位选项的弹出窗口。 所以,给活动起一个有意义的名字,否则你以后会很困惑。

此外,根据您的计划,您还可以在多个站点上使用 OptinMonster。 因此,请选择您想要展示广告系列的网站。

创建活动标识

完成后按开始构建

步骤#2:编辑您的弹出窗口

使用 OptinMonster,您将获得一个可视的拖放弹出式构建器。 完成广告系列的创建后,您甚至可以编辑有关弹出窗口的最细微的细节。 首先编辑您的弹出标题:

编辑 OptinMonster 全屏弹出窗口

这里最令人惊奇的部分是您只需单击要编辑的任何文本并内联更改它。 无需填写表格或在弹出窗口中编辑任何 HTML 代码。

您可以编辑有关全屏弹出窗口的所有内容。 当您对 optin 的外观感到满意时,您可以继续进行更高级的设置。

步骤#3:设置全屏弹出显示规则

显示规则旨在定义您的广告系列何时显示在您的网站上以及谁可以看到它。

弹窗显示规则

我们的建议是您将触发条件更改为退出意图:

退出意图灯箱弹出窗口

单击下一步以选择操作。 在这里,我们建议您将Show the campaign view设置为 Optin View,将带有 MonsterEffect 的 show设置为您喜欢的任何入口动画,并为您的 popup播放任何音效。

广告活动操作设置

然后,单击下一步按钮。 您可以在“摘要”选项卡中查看设置的全部范围。

步骤#4:设置您的电子邮件集成

下一步是设置您的电子邮件集成。 单击集成选项卡中的添加新集成,然后选择您的电子邮件服务提供商:

OptinMonster 集成

如果您还没有电子邮件服务提供商,我们建议您使用 Drip 进行电子邮件营销。

步骤 #5:在 WordPress 中发布您的全屏弹出窗口

当您创建新的广告系列时,它默认处于暂停状态

从顶部菜单转到“发布”选项卡以查看“发布选项”。 然后,将状态设置为发布并选择网站平台:

发布 OptinMonster 活动

如果您运行的是 WordPress 网站,OptinMonster 插件会自动处理其余的设置。 Shopify 和 BigCommerce 也是如此。 对于任何其他网站,单击任何网站并将嵌入代码粘贴到您网站的头部:

全球嵌入

你完成了!

在 WordPress 中创建全屏弹出窗口后该怎么办

这就是这个,伙计们!

让我们知道这篇文章是否有帮助。 在您的网站上创建弹出窗口可以帮助您将流量转化为电子邮件订阅者和真正的业务线索。 我们强烈建议您立即开始创建全屏弹出窗口。

如果您正在寻找一种经济实惠的方式来增加流量,我们建议您使用推送通知。 推送通知可以帮助您带来更多的重复流量和网站参与度。 您还可以创建产生销售的自动推送通知活动。

不服气? 查看这些资源:

  • 提高客户参与度的 7 种明智策略
  • 推送通知有效吗? 7 个统计数据 + 3 个专家提示
  • 如何设置废弃购物车推送通知(简易教程)

我们建议使用 PushEngage 创建您的推送通知活动。 PushEngage 是世界上排名第一的推送通知软件。 因此,如果您还没有,请立即开始使用 PushEngage!