您想在您的网站上添加全屏欢迎垫吗?
欢迎垫是一个全屏动态叠加层,可以帮助您获得更多时事通讯订阅者、电子书下载、产品销售等。
在本文中,我们将分享如何为您的 WordPress 网站创建欢迎垫,以及一些可供学习的精彩欢迎垫示例。
![如何为您的 WordPress 创建欢迎垫 如何为您的 WordPress 创建欢迎垫](https://www.wpbeginner.com/wp-content/uploads/2020/04/how-to-create-a-welcome-mat-for-your-wordpress.png)
为什么欢迎垫可以提高您的转化率
超过 70% 离开您的WordPress 网站的访问者将永远不会再回来,除非您将他们转化为电子邮件订阅者或客户。
欢迎垫是一种大型全屏插页式广告,可阻挡网站其余内容的视图以吸引用户的注意力。
这听起来可能是个坏主意,但这是立即向访问者传达信息的好方法。
如果访客不想要您提供的产品,那么他们只需关闭欢迎垫即可。
当然,如果您展示的是欢迎垫而不是退出意图弹出窗口,例如折扣代码甚至免费赠品,那么您需要给人们一个注册的充分理由。
例如,您可能已经看到流行的电子商务商店使用带有游戏化功能的全屏欢迎垫提供特别折扣。
![游戏化旋转轮活动 游戏化旋转轮活动](https://www.wpbeginner.com/wp-content/uploads/2019/10/emaillist16.png)
在其他情况下,您可能已经看到流行的博主使用全屏欢迎垫来扩展他们的电子邮件通讯。
例如,您可以提供免费指南或 PDF 文件以换取用户的电子邮件地址。
![Goins 作家欢迎屏幕垫 Goins 作家欢迎屏幕垫](https://www.wpbeginner.com/wp-content/uploads/2020/04/goins-writer.png)
话虽这么说,让我们看看如何轻松地向您的网站添加欢迎垫。
如何为您的网站创建欢迎垫
在 WordPress 中创建欢迎垫的最简单方法是使用OptinMonster。它是世界上最好的潜在客户生成软件,可让您轻松创建选择表格,包括欢迎垫。
首先,您需要访问 OptinMonster 网站并注册一个帐户。您至少需要基本计划才能创建全屏覆盖。
![选择怪物 选择怪物](https://www.wpbeginner.com/wp-content/uploads/2021/02/optinmonster.png)
接下来,您需要安装并激活OptinMonster WordPress 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
该插件将 OptinMonster 应用程序连接到您的网站。激活插件后,您将在 WordPress 仪表板中看到设置向导。继续并单击“连接您的现有帐户”按钮。
![将 OptinMonster 连接到您的网站 将 OptinMonster 帐户连接到 WordPress](https://www.wpbeginner.com/wp-content/uploads/2021/03/optinmonster-connect-account.png)
接下来,将打开一个新窗口。
只需单击“连接到 WordPress”按钮即可。
![将 OptinMonster 连接到 WordPress 将 OptinMonster 连接到 WordPress](https://www.wpbeginner.com/wp-content/uploads/2019/12/connect-optinmonster-to-wordpress.png)
现在,您已准备好创建欢迎垫。
为您的网站创建欢迎垫
您可以前往OptinMonster » 营销活动来创建新的营销活动。
继续并点击“创建您的第一个营销活动”按钮开始创建您的欢迎垫。
![创建新的 OptinMonster 活动 创建第一个 OptinMonster 活动](https://www.wpbeginner.com/wp-content/uploads/2013/09/create-first-campaign.png)
现在将弹出一个新窗口,您可以在其中选择预构建的模板或选择即用型营销活动和铅磁铁,灵感来自成功品牌。OptinMonster 还让您可以选择聘请专家来定制您的营销活动。
在本教程中,我们将使用“模板”选项。
![选择模板或剧本 选择模板或剧本](https://www.wpbeginner.com/wp-content/uploads/2020/04/choose-a-template-or-playbook.png)
这将带您进入 OptinMonster 活动构建器。
接下来,为您的广告系列类型选择“全屏”。
![选择全屏作为您的广告系列类型 选择全屏模板和营销活动](https://www.wpbeginner.com/wp-content/uploads/2020/08/select-fullscreen-template-and-campaign.png)
您需要为您的营销活动选择一个模板。我们将使用“入口”模板,但您可以根据需要选择不同的模板。
选择模板后,请继续输入活动名称,然后单击“开始构建”按钮。
![点击开始构建 点击开始构建](https://www.wpbeginner.com/wp-content/uploads/2013/09/click-start-building.png)
接下来,您可以使用拖放构建器自定义营销活动。您可以在这里更改任何您喜欢的内容。
可以将不同的块添加到活动中,例如图像、文本、按钮等。您还需要编辑文本以符合您的报价。
![默认入口模板 定制您的全屏广告系列](https://www.wpbeginner.com/wp-content/uploads/2020/04/customize-your-fullscreen-campaign.png)
只需单击任何元素,您就会看到可以在左侧窗格中对其进行编辑。
例如,我们将更改演示活动的全屏欢迎垫的标题。
![编辑欢迎垫的文本 编辑欢迎垫文本](https://www.wpbeginner.com/wp-content/uploads/2020/04/edit-the-text-of-welcome-mat.png)
下一步是让欢迎垫滑入。您可以通过单击左下角的“设置”齿轮图标来完成此操作。
从这里,您需要切换“显示页面幻灯片?” 选项来启用它。
![编辑全屏设置 显示页面幻灯片](https://www.wpbeginner.com/wp-content/uploads/2020/04/display-a-page-slide.png)
这意味着您的欢迎垫将从屏幕顶部滑落,而不是淡入视野。
接下来,您需要切换到欢迎垫的“成功”视图。这是您的用户在执行所需操作后将看到的内容。如果需要,您可以自定义成功视图或使用默认模板。
![编辑欢迎垫的成功视图 查看欢迎屏垫成功视图](https://www.wpbeginner.com/wp-content/uploads/2020/04/view-the-success-view-of-welcome-screen-mat.png)
一旦您对欢迎垫感到满意,您就可以设置它在您网站上的显示方式。
在您的 WordPress 网站上显示欢迎垫
您可以通过切换到 OptinMonster 中的“显示规则”选项卡来设置如何显示欢迎垫弹出窗口。
有很多个性化和定位选项,例如用户的位置、他们的电子商务购物车中有哪些商品、他们之前在您的网站上做过什么、退出意图等等。
默认情况下,OptinMonster 营销活动会在访问者停留 5 秒后显示在您网站的所有页面上。
![在 OptinMonster 中编辑欢迎垫的显示规则 OptinMonster显示规则](https://www.wpbeginner.com/wp-content/uploads/2023/03/optinmonster-display-rule.png)
由于这是一个欢迎垫,您可能希望立即显示它。只需将此值更改为 0 秒即可。
默认情况下,欢迎垫将显示在您网站的每个页面上。您可以使用 OptinMonster 的个性化规则轻松包含或排除特定页面。
![转到操作选项卡 转到操作选项卡](https://www.wpbeginner.com/wp-content/uploads/2023/03/go-to-actions-tab.png)
您可以单击“完成?” 完成后,转到“操作”按钮。
接下来,您将看到更多用于展示广告系列的选项。例如,当活动出现在用户屏幕上时,您可以添加效果或播放声音。
对于本教程,我们将使用默认设置。
![添加怪物效果和动画 添加怪物效果和动画](https://www.wpbeginner.com/wp-content/uploads/2023/03/add-monstereffects-and-animations.png)
如果向下滚动,您将看到您的活动的 Cookie 设置。
例如,如果用户在一定天数后已经转化,您可以再次展示您的广告系列。同样,还可以选择向关闭弹出窗口或看到弹出窗口但未转化的用户再次显示营销活动。
![在 OptinMonster 中编辑 cookie 设置 在 OptinMonster 中编辑 cookie 设置](https://www.wpbeginner.com/wp-content/uploads/2023/03/edit-cookie-settings-in-optinmonster.png)
在下一个屏幕上,您将看到显示规则设置的摘要。
您可以在发布营销活动之前编辑设置。
![查看您的活动摘要 查看您的活动摘要](https://www.wpbeginner.com/wp-content/uploads/2023/03/view-summary-of-your-campaign.png)
一旦您准备好让您的欢迎垫上线,只需转到屏幕顶部的“发布”选项卡即可。
继续将发布状态从“草稿”更改为“发布”。
![现场直播您的迎宾垫活动 发布欢迎屏幕活动](https://www.wpbeginner.com/wp-content/uploads/2020/04/publish-welcome-screen-campaign.png)
不要忘记单击“保存”来存储您的更改并关闭广告系列构建器。
接下来,您将看到您的活动的 WordPress 输出设置。确保您的活动已发布。
如果不是,只需单击“状态”下拉菜单并选择“已发布”选项。完成后,不要忘记单击“保存更改”按钮。
![在 WordPress 仪表板中查看 OptinMonster 活动 更改欢迎垫活动的状态](https://www.wpbeginner.com/wp-content/uploads/2020/04/change-the-status-of-welcome-mat-campaign.png)
要查看您的营销活动,您可以在新的隐身浏览器窗口中访问您的网站。
您应该会看到欢迎垫从屏幕顶部无缝滑入。
![全屏欢迎垫预览 全屏欢迎垫预览](https://www.wpbeginner.com/wp-content/uploads/2020/04/fullscreen-welcome-mat-preview.png)
优质迎宾垫示例
让我们看一下来自不同行业的一些受欢迎的垫子示例。对于每个人,我们都会检查他们做得好的方面,以及我们可能建议的任何细微改变。
1. 奇点
Singularity 的欢迎垫促使用户注册并观看 Singularity 大学全球峰会的直播。它取得了巨大成功,在 9 天内获得了 2,000 多个新电子邮件注册。
![Singularity 的欢迎垫示例 奇点全屏垫预览](https://www.wpbeginner.com/wp-content/uploads/2020/04/singularity-fullscreen-mat-preview.png)
我们特别喜欢徽标的出色使用、清晰的字体和明亮的“提醒我!” 按钮。
2.戈因斯,作家
Goins, Writer 的这款欢迎垫提供免费指南。这是一个清晰、简单的报价,简约的设计与网站的其他部分保持一致。
![Goins,作家的欢迎垫示例 Goins 作家欢迎屏幕垫](https://www.wpbeginner.com/wp-content/uploads/2020/04/goins-writer.png)
我们认为“是”和“否,谢谢”按钮清晰且易于使用,并且在标题中使用数字可以提供令人信服的报价。
3.AV网络
这款迎宾垫上有一架小型飞机的大而清晰的图像。瞬间就让人眼前一亮。
![AVweb 的欢迎垫示例 欢迎垫示例 AVweb](https://www.wpbeginner.com/wp-content/uploads/2020/04/welcome-mat-example-avweb.png)
我们喜欢精美的图像和清晰的“注册我!” 呼吁采取行动。一个可能的小调整是缩短标语,以避免它覆盖图像的顶部。
4.加载风景
Loaded Landscapes 的这款欢迎垫与其他示例略有不同。背景稍微透明。
![加载景观的欢迎垫示例 已加载风景](https://www.wpbeginner.com/wp-content/uploads/2020/04/loaded-landscape.png)
我们喜欢红色号召性用语按钮的明确报价和热情。欢迎垫下方的网站背景可能会有点分散注意力,因此可能值得将其更改为完全不透明。
5.优化我的Bnb
该欢迎垫用于特定页面,该页面作为可点击链接包含在网站所有者通过第三方零售商销售的书籍中。不过,这些零售商没有透露顾客的详细信息。以这种方式使用迎宾垫有助于捕获客户的电子邮件地址。
![优化您的 BnB(书籍)- 欢迎垫示例 优化您的 Airbnb 谢谢](https://www.wpbeginner.com/wp-content/uploads/2020/04/optimize-your-airbnb-thank-you.png)
我们认为非常清晰的标题、副标题和号召性用语文本都效果很好,并且“不,谢谢”按钮的使用很好,可以给用户一种 FOMO 的感觉。
您还可以看到数十个全屏欢迎垫示例,但我们并未将它们全部添加到本指南中。
如果您正在寻找更多灵感,您可以使用全屏欢迎垫执行以下操作:
- 提供有针对性的优惠或优惠券
- 展示新产品和服务
- 让访问者知道对网站的期望
- 通过突出他们的最佳内容来赢得新订阅者
- 将访问者引导至他们的社交媒体资料
- 作为预启动阶段的一部分收集电子邮件订阅者
如果您真的想提高网站转化率,那么欢迎垫甚至退出全屏插页式广告都是您可以添加到网站中的转化率最高的元素。
我们希望本文能帮助您学习如何为您的网站创建欢迎垫,并且希望这些示例能给您带来启发。您可能还想看看我们对最佳电子邮件营销服务的比较,以及我们必备的 WordPress 插件列表。