如何向您的 WordPress 站点添加 Web 推送通知

技术教程 2021年11月5日
1854 0

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

您想向您的 WordPress 网站添加推送通知吗?

推送通知让您可以向用户发送消息，即使他们没有访问您的网站.这有助于您将用户带回您的网站、增加流量并赚取更多收入.

在本文中，我们将向您展示如何轻松地将网络推送通知添加到您的 WordPress 网站.

Adding web push notifications to a WordPress website

什么是推送通知?

推送通知是简短的、可点击的通知消息，在用户的桌面或移动设备上显示为弹出窗口.

它们出现在桌面顶部或移动设备的通知区域中.最棒的是，即使用户的浏览器没有打开，它们也能显示出来.

以下是 Windows 10 中的推送通知示例:

The welcome/thank you notification message, as seen by the user

推送通知可让您通过设备向用户提供最新的更新和优惠.网络推送通知是将网站访问者转化为忠实粉丝和客户的一种非常有效的方式.

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

您是否知道 70% 离开您网站的人永远不会回来?这就是您需要将这些网站用户转化为订阅者或客户的原因.

您可以同时使用多个渠道来做到这一点.这包括电子邮件营销、社交媒体、移动或短信营销以及网络推送通知.

电子邮件列表仍然是最强大的营销工具.但是，我们发现推送通知也非常有效.

在 WPBeginner 网站上，推送通知一直是前 5 个流量来源.

以下只是使推送通知成为出色营销工具的部分原因:

  • 用户需要明确许可才能接收推送通知.这意味着他们已经对您提供的内容感兴趣，并且更有可能与通知互动.
  • 与电子邮件或社交媒体更新相比，推送通知更短，需要的注意力更少.
  • 没有像社交媒体上那样的算法来限制您的覆盖面.几乎 100% 的消息都已送达.
  • 用户可以控制其设备显示通知的方式.他们可以暂停或完全关闭它们.
  • 使用推送通知的公司并不多.

包括 Facebook、Pinterest、LinkedIn 和许多其他网站在内的热门网站都了解其重要性.他们已经在使用网络推送通知.

根据一项调查，推送通知的打开率比电子邮件高 50%，点击率是电子邮件的两倍.它们比短信、电子邮件营销和社交媒体平台更具吸引力.

话虽如此，让我们来看看如何轻松地将网络推送通知添加到 WordPress 网站.

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

PushEngage 是市场上最好的推送通知服务.它允许您轻松地将推送通知添加到您的 WordPress 网站.

我们正在为 WPBeginner 切换到 PushEngage，因此我们可以利用其强大的自动用户细分功能进一步提高我们的参与度.

创建您的 PushEngage 帐户

首先，您需要转到 PushEngage 网站并单击"免费入门"按钮:

PushEngage -Push Notification Software

免费计划涵盖您每月最多 500 名订阅者和 30 个通知活动.当您获得更多订阅者并需要发送更多广告系列时，您将需要升级.

选择定价计划后，您需要创建一个 PushEngage 帐户.您可以使用现有的 Google 帐户注册或创建新帐户.

Create a PushEngage account

注册后，您将到达 PushEngage 仪表板.如果您使用 Google 帐户注册，PushEngage 会提示您输入您的网站详细信息:

Updating your site name and URL after creating your PushEngage account

您现在应该看到设置»网站设置&raqu; PushEngage 仪表板中的安装设置页面.

在这里，您需要上传要在推送通知中使用的图像.继续并单击空图像框下方的"更改"按钮.

Adding your logo image to PushEngage

您的图片必须是 PNG 或 JPG 文件格式，建议大小为 256x256 像素.此图片将显示在您的推送通知中.

您现在已经完成了 PushEngage 帐户的关键信息.

使用 PushEngage 连接您的 WordPress 网站

下一步是将您的网站连接到 PushEngage.

为此，您需要安装并激活 PushEngage WordPress 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

一旦插件处于活动状态，请从您的 WordPress 管理面板转到 PushEngage.接下来，单击顶部的"设置"选项卡.该插件现在会要求您输入 API 密钥.

Enter API Key

要获取您的 API 密钥，只需转到设置 »网站设置&raqu; PushEngage 仪表板中的 API 密钥.然后，继续并点击"生成新的 API 密钥"按钮:

Generating a new API key to use with PushEngage

然后您应该会看到您的 API 密钥.

Your API key shown in the PushEngage dashboard

接下来，您必须在 PushEngage 插件中输入 API 密钥.为此，请转到您的 WordPress 仪表板并转到 PushEngage.然后，单击"设置"选项卡.

您将看到一个用于存放 API 密钥的框.只需在此处输入您的 API 密钥，然后点击"提交"按钮.

Entering the API key into the PushEngage plugin's Setup page in WordPress

设置推送通知消息

现在，您将看到您的 PushEngage 设置.检查您对常规设置是否满意.您可以在此处或在 PushEngage 网站上更改您的帐户详细信息:

Viewing your PushEngage dashboard in WordPress

接下来，是时候设置人们在访问您的网站时会看到的消息了.只需点击"订阅对话框"选项卡即可查看和更改设置.

Changing the text in your subscription dialogbox

您将在消息中看到您的徽标以及默认文本.您可以将其更改为您自己的消息.不要忘记单击"更新 Optin 设置"按钮来保存您的更改.

Make sure you click the update button to save your changes to the subscription dialogbox

在此下方，您可以更改中间页面上显示的消息.这是用户第一次单击"允许"后出现的页面.

注意:您无法更改浏览器自己的弹出框中显示的内容.这将始终具有"显示通知"文本以及"允许"和"阻止"按钮.

只需输入您要使用的文本即可.不要忘记点击"更新页面设置"按钮.

Changing the intermediate page text in the PushEngage dashboard

您可能想要创建欢迎通知以感谢人们的订阅.这还可以让您轻松测试通知是否有效.

只需单击"欢迎通知设置"选项卡即可进行设置.在这里，您需要输入欢迎通知的标题和消息.您可以将主页用作 URL，也可以将用户引导至特定页面.

确保选中"向订阅者发送欢迎通知"框以激活欢迎通知.您还需要单击"更新"按钮来保存您的更改.

Setting up your welcome notification in PushEngage

在您的网站上测试推送通知

设置推送通知后，最好检查它们是否按预期工作.

要测试您的推送通知，请在您的计算机或手机上打开您的网站.

您应该立即看到您设置的订阅对话框.这是我们在台式计算机上的:

The subscription dialogbox live on the website

这是我们在移动设备上的订阅对话框:

The subscription dialogbox on a mobile

继续并单击"允许"按钮.然后您应该会在弹出窗口中看到中间页面.这是它在计算机上的外观:

The live view of the intermediate page set up with PushEngage

您也需要在此处单击"允许".现在，您已成功订阅来自您网站的推送通知.

您的欢迎通知应该会在几分钟内显示在您的屏幕上.这是我们的，显示了我们之前创建的欢迎消息:

The welcome/thank you notification message, as seen by the user

如果用户选择不启用通知但稍后想要订阅怎么办?这是通过 PushEngage 自动启用的.用户将在您网站的右下角看到一个铃铛小部件:

The bell notification widget at the bottom of the demo website

他们只需点击此按钮即可订阅您的网站.要更改铃声通知小部件，只需转到设置»订阅设置&raqu;在您的 PushEngage 帐户中选择加入管理.

您可以更改小部件的颜色、位置和标签:

Customizing the bell notification widget in PushEngage

您甚至可以将铃铛换成出现在网站一侧的按钮，如下所示:

A button notification widget shown on the demo website

向订阅者发送推送通知

默认情况下，PushEngage 会为每个新帖子发送通知.这些通知将包括帖子标题和特色图片的小版本.当用户点击通知时，他们将被直接带到您的博文:

An automatic new post notification, as seen by the user

如果您不想要自动通知，则可以通过访问 PushEngage » 关闭它们.WordPress 仪表板中的常规设置.

只需向下滚动到"WordPress 帖子设置"部分，然后取消选中"自动推送"框.不要忘记单击"保存 WordPress 设置"按钮.

Turning off the automatic post notifications in the WordPress PushEngage dashboard

您可以随时在 PushEngage 中创建自定义通知.只需在 PushEngage 网站上登录您的帐户，然后转到 通知 »创造&raqu;新通知.

此屏幕为您提供了设置标题、消息、URL、图像等的选项.您可以安排通知稍后发出，也可以立即发送.

提示:如果您要预先安排通知，请确保您的时区正确无误.在设置»下很容易检查或更改它.网站设置&raqu;您在 PushEngage 网站上的帐户中的站点首选项.

我们为我们的博客文章创建了一个带有自定义标题和消息的特殊通知.

Creating a new notification in your PushEngage account

可用于您网站的其他 PushEngage 功能

PushEngage 提供广泛的其他功能，即使在免费计划中也是如此.

例如，您可以设置叠加层.这显示在您网站内容的顶部，并向用户显示单击以允许通知的位置.这是 PushEngage 网站上的一个叠加层:

An example of a PushEngage overlay

您可以在 PushEngage 网站上的帐户中设置叠加层.只需转到设置»订阅设置&raqu;选择加入管理并向下滚动到"订阅叠加"部分.

然后，选中"启用订阅覆盖"按钮.您可以使用默认的覆盖标签或输入不同的标签:

The subscription overlay settings in PushEngage

由于 Safari 浏览器的工作方式，如果您希望 Safari 用户能够订阅您的推送通知，您需要执行一些额外的步骤.要为 Safari 启用网络推送通知，您需要一个 Apple 开发者帐户(99 美元/年).然后，您可以为您的网站创建一个唯一的推送 ID.

拥有推送 ID 并创建证书后，您需要在 设置 » 下添加这些内容.订阅设置&raqu; Safari 网络推送:

Setting up web push notifications in Safari

其他优秀的 WordPress 推送通知插件

从一开始就选择正确的网络推送通知服务很重要.许多提供商试图将您锁定在他们的平台上.这意味着更改推送通知服务可能意味着失去订阅者.所以，如果你切换，你将重新从头开始.

这就是为什么我们建议向您选择的提供商询问您需要配置的所有设置，以使您的订阅者列表可移植.

我们推荐 PushEngage，因为它有一个慷慨的免费计划和许多强大的付费功能.使用 PushEngage 的付费计划，您可以:

  • 设置滴灌式自动回复，例如用于欢迎活动
  • 在用户放弃购物车时发送通知
  • 根据用户的操作触发广告系列
  • 允许用户在产品开始销售或重新上架时添加产品提醒
  • ……等等

WordPress 就是选择.以下是您可能想尝试的其他一些 WordPress 推送通知插件:

  • PushCrew – 将您的网站连接到 PushCrew 的推送通知服务.他们提供仅限 2000 名订阅者的免费计划.
  • PushAlert – 网络推送通知 – 帮助您连接到 PushAlert 网络推送通知服务.他们还提供仅限 3000 名订阅者的免费计划.
  • PushAssist – PushAssist Web 推送通知服务的连接器插件.他们的免费计划仅限于 2000 名订阅者.
  • OneSignal – 有一个有限的免费计划，包括基本的网络推送通知功能.他们的追加销售策略非常激进，支持也无济于事.这就是我们在未来几周内放弃 OneSignal 的原因.

我们希望本文能帮助您了解如何向 WordPress 网站添加网络推送通知.您可能还想查看我们的最佳电子邮件营销服务指南，以及如何为您的网站获取免费的企业电子邮件地址.

WordPress(893)推送(1)通知(5)
♥赞9

相关文章

发表回复