You are here:  Home » PHP » 如何为您的 WordPress 网站创建欢迎垫(示例)

您想为您的网站添加全屏欢迎垫吗?

欢迎垫是一个全屏动态覆盖,可以帮助您获得更多时事通讯订阅者、电子书下载、产品销售等。

在本文中,我们将分享如何为您的 WordPress 网站创建欢迎垫以及一些很棒的欢迎垫示例以供学习。

如何为您的 WordPress 网站创建欢迎垫(+ 示例)

为什么欢迎垫可以提高您的转化率

超过 70% 的离开您网站的访问者将永远不会返回,除非您将他们转化为电子邮件订阅者或客户。

欢迎垫是一种大型的全屏插页式广告,它会阻止您网站其余内容的查看,以吸引用户的注意力。

这听起来可能是个坏主意,但这是立即将您的信息传达给访问者的好方法。

如果访客不想要您提供的东西,那么他们可以简单地关闭欢迎垫。

退出意图弹出窗口类似,欢迎垫可有效提高转化率。

当然,你会想给人们一个很好的注册理由。如果您还没有铅磁铁,那么您可以提供折扣代码甚至免费赠品。

以下是两个非常不同的欢迎垫示例,它们的转化率非常高:

Spin a Wheel - 游戏化欢迎垫

以上是我们在WPForms博客上使用的欢迎垫,它转换得非常好。

下面的屏幕截图是一个欢迎垫,我们用它来给我们的一个铅磁铁,它在让用户加入我们的电子邮件通讯方面做得非常好:

备忘单铅磁铁欢迎垫

话虽如此,让我们来看看如何轻松地将欢迎垫添加到您的网站。

如何为您的网站制作欢迎垫

首先,您需要注册一个OptinMonster帐户。它是世界上最好的潜在客户生成软件,可让您轻松创建包括欢迎垫在内的 optin 表格。

注意: WPBeginner 创始人Syed Balkhi最初构建 OptinMonster 是为了帮助增加我们自己的订户和销售额。现在它是一个高级插件,被数十万个网站使用。

接下来,您需要安装并激活OptinMonster WordPress 插件

该插件将 OptinMonster 应用程序连接到您的网站。激活插件后,单击 WordPress 仪表板中的 OptinMonster 菜单以连接您的帐户。

将 OptinMonster 连接到您的网站

之后,您就可以创建欢迎垫了。

为您的网站制作欢迎垫

在您的 WordPress 仪表板中,单击“创建新广告系列”按钮开始创建您的欢迎垫。

创建新的 OptinMonster 活动

这将带您到 OptinMonster 网站。

接下来,为您的广告系列类型选择“全屏”。

选择全屏作为您的广告系列类型

您需要为您的广告系列选择一个模板。我们将使用“入口”模板,但您可以根据需要选择其他模板。

选择入口模板以开始创建您的欢迎垫

单击“使用模板”按钮后,您将看到如下所示的广告系列构建器屏幕:

默认入口模板

你可以在这里改变任何你喜欢的东西。当然,您需要编辑文本以对应您自己的报价。

只需单击任何元素,您就会看到可以在左侧窗格中对其进行编辑。

编辑欢迎垫的文本

接下来,转到选项设置»全屏背景。单击“背景颜色”并将 A(Alpha)值设置为 100。

去除欢迎垫上的透明度

这可确保您的欢迎垫根本不透明,因此您的网站内容都不会显示出来。

下一步是让您的欢迎垫滑入。您可以通过单击左侧的“主页”按钮然后单击“全屏设置”来执行此操作。

从这里,您需要切换“显示页面幻灯片?” 选项打开,使其变为绿色。

编辑全屏设置

这意味着您的欢迎垫将从屏幕顶部向下滑动,而不是淡入视野。

接下来,您需要切换到欢迎垫的“成功”视图。这是您的用户在执行所需操作后将看到的内容。

编辑欢迎垫的成功视图

一旦您对欢迎垫感到满意,您就可以设置它在您的网站上的显示方式。

让您的欢迎垫显示在您的网站上

您可以通过切换到 OptinMonste 中的“显示规则”选项卡来设置显示欢迎垫弹出窗口的方式。

默认情况下,OptinMonster 活动会在访问者停留 5 秒后显示在您网站的所有页面上。由于这是一个欢迎垫,您可能希望它立即显示。只需将此值更改为 0 秒。

在 OptinMonster 中编辑欢迎垫的显示规则

默认情况下,欢迎垫将显示在您网站的每个页面上。您可以使用 OptinMonster 的个性化规则轻松包含或排除特定页面。

还有很多其他的个性化和定位选项,例如用户的位置、他们在电子商务购物车中的物品、他们之前在您的网站上做过的事情等。

准备好制作欢迎垫后,只需单击屏幕顶部的“发布”。您需要切换“状态”旁边的切换开关,使其显示“实时”。

让您的欢迎垫活动现场直播

不要忘记单击“保存”以保存您的更改。

现在,前往您的 WordPress 网站并单击 OptinMonster 菜单项。您应该会看到您的欢迎垫广告系列,以及您创建的任何其他广告系列。

在 WordPress 仪表板中查看您的 OptinMonster 活动

如果它没有出现,只需点击“刷新广告系列”即可从 OptinMonster 网站获取数据。

要查看您的广告系列,您可以在新的隐身浏览器窗口中访问您的网站。您应该会看到欢迎垫从屏幕顶部无缝滑入。

大欢迎垫的例子

让我们看一些来自不同行业的欢迎垫示例。对于每一个,我们将了解他们做得好的地方,以及我们可能建议的任何小改动。

1. 奇点

Singularity 的这张欢迎垫提示用户注册并观看 Singularity 大学全球峰会的直播。它取得了巨大的成功,并在 9 天内捕获了 2,000 多个新的电子邮件注册。

Singularity 的欢迎垫示例

我们特别喜欢徽标的大量使用、清晰的字体和明亮的“提醒我!” 按钮。

2. 戈因斯,作家

这个来自 Goins, Writer 的欢迎垫提供免费指南。这是一个清晰、简单的报价,简约的设计与网站的其他部分保持一致。

Goins,作家的欢迎垫示例

我们认为“是”和“不,谢谢”按钮清晰且易于使用,并且在标题中使用数字可以提供令人信服的报价。

3. AV网

这个迎宾垫有一个大而清晰的小型飞机图像。一下子就让人眼前一亮。

AVweb 的欢迎垫示例

我们喜欢伟大的形象,以及清晰的“注册我!” 呼吁采取行动。一个可能的小调整是缩短标语以避免它覆盖飞机的顶部。

4.加载的风景

Loaded Landscapes 的这个欢迎垫与其他示例略有不同。背景略微透明。

Loaded Landscape 的欢迎垫示例

我们喜欢红色号召性用语按钮的明确报价和热情。欢迎垫下方的站点背景可能会有点分散注意力,因此可能值得将其更改为完全不透明。

5.优化MyBnb

此欢迎垫用于特定页面,链接到网站所有者通过第三方零售商出售的书籍。不过,这些零售商并没有传递客户的详细信息。以这种方式使用欢迎垫有助于捕获客户的电子邮件地址。

优化您的 BnB(书籍)- 欢迎垫示例

我们觉得非常清晰的标题、副标题和号召性用语文本都运作良好。但是,我们认为按钮上的“item”应该是“items”的复数形式。这突出了仔细校对欢迎垫文本的重要性。

您可以看到几十个全屏欢迎垫示例,但我们没有在本指南中全部添加。

如果您正在寻找更多灵感,以下是您可以使用全屏欢迎垫做的一些事情:

  • 提供有针对性的优惠或优惠券
  • 展示新产品和服务
  • 让访问者知道对网站的期望
  • 通过突出显示他们的最佳内容来赢得新订阅者
  • 将访问者指向他们的社交媒体资料
  • 收集电子邮件订阅者作为预发布阶段的一部分

如果您真的想提高您的网站转化率,那么欢迎垫甚至退出全屏插页式广告是您可以添加到网站的转化率最高的项目之一。