想创建一个推送按钮通知并收集推送通知订阅者？
我们明白。有时，在增长订阅用户的方式上拥有一定的灵活性会更加方便。
别担心。我们已经为您准备好了。
在本文中，我们将一步一步地向您展示如何创建自己的推送按钮通知。
准备好了吗？让我们开始吧。
如何在 WordPress 中创建推送按钮通知
在 WordPress 中创建推送按钮通知之前，您需要创建一个登陆页面来收集推送订阅者。我们强烈建议使用 SeedProd 来创建您的登陆页面。
SeedProd是最好的WordPress登陆页面构建器。它非常适合希望构建高转化率登陆页面的企业、博主和网站所有者，而无需任何开发技能。
使用 SeedProd，您可以获得预制的 高转化率着陆页面模板，您可以立即发布。这包括以下模板：
还有更多！
第 1 步：安装并激活 SeedProd
首先，您需要获取 SeedProd Pro 插件并激活它。如果您不确定如何操作，请参阅这篇关于 如何安装 WordPress 插件的文章。然后，在您的 WordPress 管理仪表板中转到 SeedProd » 设置 并激活 Pro 版本：
接下来，前往 SeedProd » 页面 以概览 SeedProd 的着陆页仪表板。在这里，您可以查看使用 SeedProd 可以创建的不同类型的着陆页：
请记住，这些都是具有预建功能和设计模板的特殊页面。对于登陆页面，您不应使用这些特殊登陆页面中的任何一个。相反，您将创建一个自定义登陆页面。
向下滚动并点击 添加新着陆页 按钮开始操作：
第 2 步：为推送按钮通知创建新的登陆页面
点击 添加新着陆页 按钮后，您将看到 SeedProd 的着陆页模板库。这些是专业设计的、完全响应式的着陆页模板。
接下来，您可以选择其中一个模板来帮助您入门。
请记住，模板只是一个起点。之后您可以自定义页面的所有内容。现在，找到一个您认为合适的模板。当模板页面打开时，您可以单击 Squeeze Page 来过滤列表：
在本指南中，我们将选择 Investment Squeeze Page。
诱饵页面只有一个目标。那就是“诱骗”你提供你的电子邮件地址。认识投资和个人理财领域的人吗？是的，他们肯定能做到！
现在就点击它。
接下来，我们将自定义着陆页。
第 3 步：自定义您的着陆页设计
SeedProd 的可视化构建器允许您使用拖放内容块来自定义您的着陆页。
您可以在几分钟内为您的登陆页面创建完全自定义的标题。您甚至可以添加自定义元素来吸引和转化您的流量。例如，您可以创建一个视频模块并嵌入YouTube视频，以说服您的访问者购买您的产品或服务。
添加一个带有您的产品或服务简短描述的部分也非常简单。在可视化构建器的“Sections”选项卡下，然后在“Hero”部分下，您会找到几个可以一键导入的预制模板。
继续选择一个您喜欢的。
不要担心颜色或内容。您可以编辑所有这些。您应该寻找的是一个与您的模板搭配良好的布局。
您可以通过选择不同的图像并更改标题和描述来以我们之前的方式自定义英雄部分。在进行此操作时，请添加一个号召性用语按钮，促使访问者向您购买。
接下来，在“版块”选项卡中，选择“客户评价”标题，然后选择您喜欢的样式。就这样，您的着陆页上就有了客户评价版块。
非常简单！
第 4 步：将推送按钮通知添加到您的登陆页面
您还可以添加一个点击订阅按钮来收集推送通知订阅者。推送通知是增加重复流量、获得更多参与度甚至销售官方商品的绝佳方式，如果您有的话。
在SeedProd中，只需从侧边栏拖放自定义HTML模块即可。
我们将订阅按钮直接放在了第一折叠处的电子邮件注册表单下方。
但是您可以将按钮插入到您喜欢的任何位置。
对于这部分，您需要一些HTML和CSS经验。或者，您可以复制此代码并将其粘贴到您的自定义HTML块中：
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>这是一个标准的HTML按钮，样式很少。唯一花哨的部分是代码中的onclick函数。它基本上意味着您的访问者可以单击该按钮来订阅某些内容。现在，我们需要为该按钮添加一些额外的代码，以便您的访问者可以订阅推送通知。
前往 PushEngage 主页，然后点击“开始使用”按钮：
PushEngage 是全球排名第一的推送通知插件。
推送通知可帮助您自动增加网站流量和参与度。如果您经营在线商店，PushEngage 还可以通过帮助您创建自动电子商务推送通知来帮助您增加销售额。
您可以免费开始使用，但如果您想认真发展业务，则应购买付费套餐。此外，在购买任何推送通知服务之前，您应该查看这篇关于 推送通知成本的指南。
PushEngage 提供以下功能，快速概览：
您会发现，如果您想为您的业务带来流量、参与度和销售额，PushEngage 绝对是最佳选择。而且，如果您预算有限，您总是可以 在推送通知方面发挥创意。
注意： 如果您运行的是 WordPress 网站，则应安装并激活 PushEngage WordPress 插件。
然后，您可以选择免费计划来试用 PushEngage，或者如果您想认真发展您的业务，可以选择付费计划。付费计划提供更多的营销活动选项，并能够建立更大的订阅用户列表。
在您的 PushEngage 仪表板中，转到“网站设置”»“网站详细信息”，然后点击“单击此处获取设置说明”按钮。在“任何网站”下，您将获得安装代码：
警告：您需要复制从仪表板获取的代码。该代码对于每个 PushEngage 用户都是唯一的。您将无法复制图像中的代码并收集推送通知订阅者。
在您的 PushEngage 仪表板中获取代码后，将此代码段添加到您的代码中：
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>您的最终代码应如下所示：
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>您需要将此代码添加到着陆页的HTML块中，放在按钮代码之后。它看起来应该像这样：
您可以随意自定义按钮的样式。完成着陆页自定义后，请继续点击保存按钮。
第 4 步：配置您的页面设置
设计完登陆页面后，点击页面构建器顶部的“Connect”选项卡，然后选择您的电子邮件营销提供商以在您的网站上收集潜在客户。
然后，点击屏幕顶部的“页面设置”选项卡。
在这里，您可以将SEO插件和Google Analytics插件添加到您的着陆页。您甚至可以设置自定义跟踪代码，例如Facebook Pixel或Pinterest Pixel来跟踪广告效果。
第 5 步：在 WordPress 中发布您的登陆页面
现在让我们发布您的设计。为此，请点击保存按钮旁边的下拉箭头，然后点击 Publish。
然后，您可以点击 See Live Page 按钮查看它的外观。
恭喜！您刚刚发布了您的第一个登陆页面。
在您的网站添加推送按钮通知后该做什么
现在您的登陆页面已上线，是时候着手处理您的流量、参与度和销售了。您应该尝试在您的网站上使用推送通知。推送通知是一个很棒的营销工具，可以帮助您发展业务。
看看这些精彩的资源，您就会明白我的意思了：
我们建议使用PushEngage来创建您的推送通知广告系列。PushEngage是全球排名第一的推送通知软件。所以，如果您还没有，请立即开始使用PushEngage！
