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

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

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

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

How to create a welcome mat for your WordPress site (+ examples)

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

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

欢迎垫是一个大的全屏插页式广告,它会挡住您网站的其余内容以吸引用户的注意力.

这听起来可能是个坏主意,但这是立即向访问者展示您的信息的好方法.

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

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

当然,您需要为人们提供注册的充分理由.如果您还没有铅磁铁,那么您可以提供折扣代码甚至免费赠品.

这里有两个非常不同的欢迎垫示例,它们的转化率非常高:

Spin a Wheel -Gamified Welcome Mat

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

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

Cheat Sheet Lead Magnet Welcome Mat

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

如何为您的网站创建欢迎垫

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

注意: WPBeginner 创始人 Syed Balkhi 首先建立 OptinMonster 以帮助增加我们自己的订阅者和销售额.现在,它已成为数十万网站使用的高级插件.

接下来,您需要安装并激活 OptinMonster WordPress 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

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

Connect OptinMonster to your website

之后,您就可以制作欢迎垫了.

为您的网站创建欢迎垫

在您的 WordPress 仪表板中,点击"创建新活动"按钮开始创建您的欢迎垫.

Create new OptinMonster campaign

这会将您带到 OptinMonster 网站.

接下来,为您的广告系列类型选择"全屏".

Choose fullscreen as your campaign type

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

Select the Entrance template to start creating your welcome mat

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

The default Entrance template

您可以在此处更改任何您喜欢的内容.当然,您需要编辑文本以符合您自己的报价.

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

Editing the text of your welcome mat

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

Removing the transparency from your welcome mat

这可确保您的欢迎垫完全不透明,因此您的任何网站内容都不会显示出来.

下一步是让您的欢迎垫滑入.您可以点击左侧的"主页"按钮,然后点击"全屏设置".

从这里开始,您需要打开"显示页面幻灯片?"选项,使其显示为绿色.

Editing the fullscreen settings

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

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

Editing the success view of your welcome mat

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

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

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

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

Editing your welcome mat's display rules in OptinMonster

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

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

一旦您准备好让您的欢迎垫上线,只需点击屏幕顶部的"发布"即可.您需要切换"状态"旁边的开关,使其显示"实时".

Making your welcome mat campaign live

不要忘记点击"保存"以保存您的更改.

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

Viewing your OptinMonster campaigns in your WordPress dashboard

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

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

很棒的迎宾垫示例

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

1.奇点

这个来自 Singularity 的欢迎垫促使用户注册并观看 Singularity 大学全球峰会的直播.它取得了巨大的成功,并在 9 天内吸引了 2,000 多个新电子邮件注册.

Singularity's welcome mat example

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

2.Goins,作家

这款来自 Goins, Writer 的欢迎垫提供免费指南.这是一个清晰、简单的提议,极简主义的设计与网站的其他部分保持一致.

Goins, Writer's welcome mat example

我们认为"是"和"不,谢谢"按钮清晰且易于使用,标题中数字的使用使报价引人注目.

3.AVweb

这款迎宾垫上有一架小型飞机的大而清晰的图像.瞬间吸引眼球.

AVweb's welcome mat example

我们喜欢精美的图片和清晰的"注册我!"呼吁采取行动.一个可能的小调整是缩短标语以避免它覆盖飞机顶部.

4.加载的景观

这款来自 Loaded Landscapes 的欢迎垫与其他示例略有不同.背景略透明.

Loaded Landscape's welcome mat example

我们喜欢明确的报价和红色号召性用语按钮的热情.欢迎垫下方的网站背景可能会让人分心,因此可能值得将其更改为完全不透明.

5.OptimizeMyBnb

此欢迎垫用于特定页面,链接到网站所有者通过第三方零售商销售的一本书.不过,这些零售商没有透露客户的详细信息.以这种方式使用欢迎垫有助于获取客户的电子邮件地址.

Optimize Your BnB (book) -welcome mat example

我们觉得非常清晰的标题、副标题和号召性用语都非常有效.但是,我们认为按钮上的"item"应该是"items"的复数形式.这凸显了仔细校对欢迎垫文字的重要性.

您可以看到更多的全屏欢迎垫示例,但我们并未在本指南中全部添加.

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

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

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

我们希望本文能帮助您了解如何为您的网站创建欢迎垫,并且您发现这些示例很有启发性.您可能还想查看我们对最佳电子邮件营销服务的比较以及我们必须拥有的 WordPress 插件列表.

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/7111.html

2

发表回复