如何在 WordPress 中为定价表添加样式化的付款按钮

您是否需要在WordPress中的定价表中添加样式化的付款按钮？

我们已经在之前的帖子中介绍了如何最大化定价表的功能。从那时起，我们的一些用户表示有兴趣在不使用代码或复杂网站构建器的情况下，轻松自定义WordPress中的定价表付款按钮。

在本文中，我们将介绍如何在WordPress中的定价表中添加样式化的付款按钮，以启动您的付款表单。

为定价表添加样式化的付款按钮

在自定义定价表中的付款按钮时，最好的方法是使用与块编辑器集成的WordPress Stripe付款插件。

WP Simple Pay是排名第一的Stripe付款插件。其高级的拖放式表单构建器可让您在几分钟内创建付款表单。该插件还与WordPress的块编辑器无缝集成，使您可以使用“按钮”块从付款页面启动付款表单。

本教程将重点介绍为您的WordPress网站创建定价表，并为多个定价计划添加样式化的付款按钮。每个付款按钮将直接在您的网站上启动付款表单。

让我们开始吧！

步骤 1：安装并激活 WP Simple Pay

要为您的网站定价表添加样式化的付款按钮，您首先需要安装并激活WP Simple Pay到您的WordPress网站上。

只需访问定价页面，选择最适合您需求的计划，然后上传.zip文件到WordPress管理仪表板。

要了解更多信息，请参阅我们关于如何安装WP Simple Pay的详细指南。

在您的WordPress网站上激活插件后，设置向导将引导您连接Stripe帐户。

设置完成后，将出现一个成功页面。继续点击创建付款表单。

第 2 步：创建付款表单

现在您已经安装并激活了WP Simple Pay并连接了您的Stripe帐户，您需要创建一个付款表单。

您会注意到有几个预先构建的模板可用。继续选择付款表单模板。

接下来，在常规选项卡中，输入表单的标题和描述。您还需要选中在叠加模态框中打开旁边的复选框。这将确保付款表单直接在您的定价页面上启动。

继续点击付款选项卡。在这里，您可以输入您的定价选项和金额，并命名您的计划。请确保选择一次性，并为定价表中的每个计划创建一个新的定价选项。如果您想允许客户注册订阅付款计划，请随意选择订阅。

请记住，作为替代方案，您可以为每个计划创建三个单独的付款表单。

有关更多信息，请参阅我们关于如何……的指南。

选择完要提供的付款选项后，点击表单字段选项卡。

您可以轻松添加、删除和编辑自定义表单字段，以满足您的特定需求。

WP Simple Pay 让您可以选择如何在付款表单中显示不同的定价选项。

完成表单字段配置后，请务必点击发布。

第 3 步：向定价表添加付款按钮

现在您已经创建了付款表单，是时候创建定价表并添加启动该表单的付款按钮了。

首先，转到您的定价页面或在您的 WordPress 管理仪表板中点击添加新页面。

接下来，在块编辑器中，点击+图标，在搜索栏中输入“table”，然后点击Table。

虽然有许多不同的创建定价表的方法，但本教程使用的是三列定价表。

您可以使用块编辑器更改定价表的外观。

完成表格设计后，点击付款按钮以调出 WP Simple Pay Block。在这里，您可以选择刚刚创建的付款表单。在这种情况下，付款表单名为Pricing Plans。

接下来，点击发布或更新。

最后，访问该页面并点击付款按钮。您的付款表单应该会启动。

搞定！希望本文能帮助您了解如何在 WordPress 中向定价表添加付款按钮。

如果您喜欢这篇文章，您可能还会喜欢我们关于如何在 WordPress 中创建自定义付款按钮的指南。

您还在等什么？立即开始使用 WP Simple Pay！

要阅读更多此类文章，请在 X 上关注我们。