如何将Web推送通知添加到您的WordPress网站

您是否要向您的WordPress网站添加推送通知？推式通知允许您向用户发送通知，即使他们没有访问您的网站也是如此。

在本文中，我们将向您展示如何轻松地将Web推送通知添加到WordPress网站。我们还将讨论最佳的WordPress推送通知插件，以及如何从WordPress网站发送桌面和移动推送通知。

什么是推送通知？

推送通知是显示在用户桌面或移动设备通知区域上的可单击消息。即使未打开用户的浏览器，也可以显示它们。

除了台式机，Web推送通知还可以在移动设备上使用。这使您可以通过最新的更新和优惠跨设备访问用户。事实证明，Web推送通知是将网站访问者转换为客户和忠实拥护者的非常有效的方法。

为什么要向您的WordPress网站添加Web推送通知？

我们已经讨论过，离开您网站的人中有70％永远不会回来。这就是为什么您需要将那些网站用户转换为订户或客户。

您可以一次利用多个渠道来做到这一点。这包括电子邮件营销，社交媒体，移动或SMS营销以及Web推送通知。

尽管电子邮件列表仍然是您掌握的最主要和最有效的营销工具，但事实证明，推送通知对我们非常有效。

原因如下：

• 用户需要明确授予接收推送通知的权限。这意味着他们已经对您提供的产品感兴趣，并且更有可能参与通知。
• 与电子邮件或社交媒体更新相比，推送通知更短并且需要更少的关注。
• 没有算法，因此几乎100％的邮件都已传递。
• 用户可以控制其设备如何显示通知，可以暂停或完全关闭通知。
• 使用它的公司不多。

包括Facebook，Pinterest，LinkedIn和许多其他站点在内的流行网站都了解其重要性，并且已经在使用Web推送通知。

这些通知比SMS，电子邮件营销和社交媒体平台更具吸引力。根据一项调查，推送通知的打开率比电子邮件高50％，点击率是后者的两倍。

话虽如此，让我们看一下如何将Web推送通知添加到WordPress网站。

使用OneSignal在WordPress中设置Web推送通知

OneSignal是针对WordPress网站的免费推送通知服务。它使您可以轻松地将推送通知添加到任何网站。

您需要做的第一件事是安装并激活OneSignal插件。需要安装插件的帮助吗？请参阅有关如何安装WordPress插件的分步指南。

激活后，插件将在您的WordPress管理栏中添加一个标记为OneSignal的新菜单项。单击它会将您带到插件的设置页面。

设置页面分为“设置”和“配置”选项卡。设置选项卡实际上是有关如何在WordPress中设置OneSignal推送通知的详细文档。它具有与本教程中介绍的步骤相同的步骤。

要设置OneSignal，您将需要在插件设置中添加API密钥和APP ID。

让我们开始吧。

步骤1：设置OneSignal推送通知

首先，您需要访问OneSignal网站，然后单击“ Web Push”选项旁边的“开始”按钮。

系统将要求您提供电子邮件和密码以创建一个免费帐户。创建帐户后，您将进入OneSignal仪表板。

在信息中心上，点击“添加应用”按钮以创建您的第一个应用。

系统会要求您提供一个名称。您可以在此处使用任何有助于您识别的内容。

接下来，您需要选择一个平台。您可以为一个应用选择多个平台。目前，我们建议选择“ Web推送”，然后单击下一步按钮以继续。

在下一步中，将要求您选择一种集成方法。继续并单击“ WordPress插件或网站构建器”框，然后选择WordPress。

向下滚动时，将看到“ WordPress网站设置”部分。

您需要输入网站名称，URL并上传徽标。该徽标将出现在您的通知中，因此我们建议您使用网站图标（favicon）或网站徽标。

在其下，如果您的WordPress网站未使用SSL / HTTPS，您将看到一个可以打开的开关。您只能从安全的HTTPS URL发送Web推送通知。如果您的WordPress网站未使用HTTPS，则需要打开此设置并输入标签。

标签基本上是使用安全的HTTPS URL托管在OneSignal服务器上的子域。此子域将用于发送您的推送通知。

如果要在自己的WordPress网站上设置HTTPS，请参阅有关如何将WordPress从HTTP移到HTTPS的分步教程。我们强烈建议您将自己的域与SSL结合使用，而不要与OneSignal上的子域一起使用，这样就不会永远锁定在其平台上。

完成后，单击“保存”按钮以存储您的OneSignal设置。现在，您将看到需要复制的API密钥。

现在，您可以在WordPress网站上切换回OneSignal插件设置，并切换到“配置”标签。您需要粘贴之前复制的APP和API密钥。

这些API密钥仅允许您通过Chrome和Firefox Web浏览器发送推送通知。

您还需要Safari Web ID才能通过Safari Web浏览器发送推送通知。

要获取Safari API密钥，您需要切换回OneSignal网站并转到应用程序的设置页面。到达那里后，您需要单击Apple Safari旁边的编辑图标。

接下来，系统会要求您输入网站标题，URL，并可以选择上传网站图标。

单击保存按钮以存储您的设置。之后，您将在需要复制的屏幕上看到Safari Web ID。

再次切换回WordPress网站上插件的设置页面，然后将Safari Web ID粘贴到配置选项卡下。

不要忘记单击保存按钮来存储您的插件设置。

现在，您可以在新的隐身浏览器标签中访问您的网站。您会在屏幕顶部看到一个推送通知弹出窗口，在屏幕的右下角看到一个响铃通知图标。

推送通知弹出窗口也将出现在移动浏览器中。

注意：根据站点的http / https设置，推送通知弹出提示的外观可能有所不同。

现在，您可能想知道为什么此推送通知提示看上去与您在其他网站上看到的有所不同？

通常，用户会看到浏览器的默认通知提示，如下所示：

现在的问题是，如果用户单击“阻止”按钮，则他们将永远不会看到订阅通知的提示。要解决此问题，OneSignal带有两种不同的提示类型。

第一个是推送通知弹出窗口，另一个是订阅铃声图标。两者都是完全可定制的，您可以更改它们以满足您的需求。

步骤2.自定义推送通知弹出窗口提示

基本的推送通知弹出窗口非常简单。它使用通用语言并显示您站点的徽标。您可能需要对其进行自定义，使其更加个性化。

只需切换到WordPress网站上OneSignal插件设置页面下的配置选项卡，然后向下滚动到“ HTTP弹出设置”部分。

您需要单击“自定义HTTP弹出提示文本”旁边的切换按钮，然后开始添加自己的文本。

在测试提示之前，请不要忘记单击“保存”按钮来存储您的设置。

步骤3.自定义响铃通知图标

通常，浏览器提示您进行通知，并且当用户将其关闭时，弹出窗口会消失。

如果用户以后改变主意并希望接收推送通知怎么办？

OneSignal中的订阅铃使您可以继续向用户显示提示，以订阅您网站上的推送通知。

铃声图标也可以从插件的设置页面完全自定义。只需向下滚动到“提示设置和订阅铃声”部分，然后打开要更改的自定义选项。

然后，您可以向下滚动并更改要自定义的每个选项的设置。理想情况下，您需要更改响铃图标的颜色以匹配您自己的主题颜色。

注意：我们不使用铃铛图标，因为我们觉得它有点过于侵入。

步骤4.从您的WordPress网站发送推送通知

默认情况下，OneSignal插件会自动为您网站上发布的所有新帖子发送推送通知。如果需要，可以从插件的“自动通知设置”部分的设置页面中关闭此功能。

您还可以在发布或更新帖子时手动发送通知。只需编辑WordPress帖子或页面，您将在右侧的文档设置列下看到OneSignal元框。

如果您使用的是旧的经典编辑器，那么您将看到如下所示的meta框：

选中“在帖子更新/发布时发送通知”旁边的框，然后单击“更新”或“发布”按钮。

现在，OneSignal将把您的文章作为推送通知发送给所有订阅者。

向新订阅者发送欢迎推送通知

您还可以向新订阅者发送欢迎推送通知。在WordPress管理区域中访问OneSignal的设置页面，然后向下滚动到“欢迎通知设置”部分。

现在，当新订阅者订阅推送通知时，他们将在其设备上收到欢迎通知。根据他们的浏览器和设备，通知可能看起来有所不同。

就是这样，您已经成功将Web推送通知添加到WordPress网站。

您还可以从OneSignal应用仪表板发送自定义通知。该过程非常直观，登录到OneSignal后，您可以按照屏幕上的说明进行操作。

其他好的WordPress推送通知插件

从一开始就选择正确的Web推送通知服务很重要。由于大多数提供商都试图将您锁定在其平台上，因此更改推送通知服务可能会导致丢失旧订阅者。这意味着如果您切换，那么您将从头开始。

这就是为什么我们建议您询问您选择的提供商进行配置以使您的订户列表可移植所需的所有设置。

在WPBeginner，我们使用OneSignal是因为它具有我们需要的价格合理的功能。

• OneSignal提供了一个免费的WordPress推送通知插件，可为多达3万名订户提供无限的移动推送和Web推送通知。
• 甚至他们的免费计划都包括细分，本地化，使用Google Analytics（分析）进行跟踪以及强大的API等功能。
• 您可以将其与所有顶级电子邮件营销服务一起使用，以通过网络推送通知发送时事通讯电子邮件

WordPress外贸网站建设是关于选择的全部。这是您可以尝试的其他一些WordPress推送通知插件。

• PushCrew –将您的网站连接到PushCrew的推送通知服务。他们提供了一个免费计划，仅限2000个订户。
• PushEngage Web推送通知 –这是推送通知服务提供商PushEngage的连接器插件。他们有一个免费计划，仅限2500个订户，120个通知和5000次点击。
• PushAlert – Web推送通知 –帮助您连接到PushAlert Web推送通知服务。他们还提供了一个免费计划，仅限3000个订户。
• PushAssist –用于PushAssist Web推送通知服务的连接器插件。他们的免费计划仅限2000名订户。