如何为 WordPress 付款表单添加条件逻辑

想象一下，一位自由职业顾问为新客户项目设置了一个付款表单。每个访问者看到的字段都相同：“公司名称”、“税号”和“发票参考”，即使是支付简单定金的个人买家也是如此。

表单看起来像是为别人设计的。一些访问者在完成付款前关闭了标签页。

这就是没有条件逻辑的 WordPress 付款表单的代价：表单会向每个访问者提出相同的问题，而不管具体情况如何。

想要处理多种买家类型的网站所有者，要么在表单中添加不适用于所有人的字段而显得杂乱，要么为每种情况构建单独的表单，当价格发生变化时，维护工作量就会加倍。

这就是您需要在付款表单中使用条件逻辑的地方。条件逻辑允许您根据访问者选择或输入的内容来显示或隐藏字段。

在本文中，我们将向您展示如何在 WordPress 付款表单中添加条件逻辑。

为什么条件逻辑对付款表单很重要

我们与许多网站所有者合作过，他们构建了精美的付款页面，但结账完成率却很低，因为表单感觉很通用。条件逻辑解决了反复出现的几个摩擦点：

• 长表单导致结账放弃： 对访问者不适用的每个字段都是付款前犹豫的原因。条件逻辑使每个填写表单的人看到的表单长度保持简短且相关。
• 不相关的字段会在结账前造成混淆： 看到“税号”字段的个人买家会想知道自己是否进入了正确的表单。结账时那一刻的疑虑足以让他们离开。
• 多个表单会增加维护工作量： 没有条件逻辑，许多网站所有者会为每种买家类型或定价场景构建单独的付款表单。当价格或确认消息发生变化时，每个表单都需要单独更新。
• 错误的数据最终会进入 Stripe： 当可选字段始终可见时，访问者会用占位符文本填充它们或将其留空。条件逻辑确保字段仅在适用时出现，因此流入 Stripe 的客户数据保持准确和有用。

话虽如此，让我们看看如何在 WordPress 中轻松设置。

在付款表单中设置条件逻辑

您可以使用WP Simple Pay 将条件逻辑添加到您的付款表单中。它直接与 Stripe 无缝连接，无需 WooCommerce 或完整的购物车，并且附带条件逻辑功能。

WP Simple Pay 是 WordPress 的排名第一的 Stripe付款插件，专为自由职业者、非营利组织、活动组织者和小型企业设计，他们希望在不进行完整电子商务设置的情况下接受一次性付款和定期付款。

与将 Stripe 作为附加组件集成的通用表单构建器不同，WP Simple Pay 专为 Stripe 付款而构建：条件逻辑、自定义字段和付款处理都属于同一个插件。

其可视化表单构建器包含条件逻辑选项，让您可以构建能够适应每个访问者的付款表单。

以下是 WP Simple Pay 提供的一些功能：

• 条件表单字段：根据访问者选择或输入的内容显示或隐藏任何自定义字段。无需代码、无需单独的表单、无需变通方法。
• 21 种自定义字段类型：从下拉菜单、单选按钮、复选框、文本输入、日期选择器等中进行选择。每个字段都有自己独立的条件规则。
• 实时字段可见性：当访问者与表单互动时，条件会在访问者的浏览器中即时评估。无需重新加载页面。
• 10 多种付款方式：卡、Apple Pay、Google Pay、ACH 直接借记、Klarna 等。条件逻辑与 WP Simple Pay 支持的每种付款方式协同工作。

这样，我们来看看如何使用 WP Simple Pay 为 WordPress 付款表单添加条件逻辑。

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

首先，您可以访问 WP Simple Pay 网站并选择一个套餐。请注意，条件逻辑功能仅适用于 WP Simple Pay Pro 或更高级别的用户。

接下来，您可以从 WP Simple Pay 账户仪表盘下载 .zip 文件，方法是点击 下载 WP Simple Pay Pro 按钮。

然后，导航到您的 WordPress 仪表盘，上传插件文件，然后安装并激活插件。如果您以前没有安装过 WordPress 插件，这篇安装 WordPress 插件的分步指南将详细介绍整个过程。

插件激活后，WP Simple Pay 设置向导会自动启动。继续点击 开始设置 以开始入门流程。

如果向导未出现，请导航到 WP Simple Pay » 设置 » 常规 » 高级 并点击 启动设置向导。

现在应该已安装并准备好 WP Simple Pay。接下来，我们将将其连接到 Stripe。

第 2 步：连接 WordPress 与 Stripe

在设置向导中，您可以点击 连接 Stripe 按钮并输入 Stripe 账户的电子邮件地址。

新用户可以在不离开 WordPress 的情况下，从同一个屏幕创建免费的 Stripe 账户。

完成身份验证后，向导会自动前进。

确认 设置完成 屏幕以完成设置。您的网站现已链接到 Stripe，并准备好处理付款。

第 3 步：创建付款表单并添加自定义字段

接下来，您可以点击设置向导中的“创建付款表单”按钮。

或者，您可以导航到 WP Simple Pay » 付款表单 并点击“添加新的付款表单”按钮来添加一个新表单。

在这里，您将看到多个内置表单模板。

继续选择一个表单模板。

付款表单适用于大多数用例，但根据您的目标，订阅付款表单或像趣味跑步注册表单这样的用例模板同样适用。

选择表单模板后，您可以转到“常规”选项卡，为表单命名，然后选择显示类型。

“现场付款表单”类型适用于大多数用例。您还可以选中“在覆盖模态框中打开”选项，将表单显示为弹出窗口。

另一方面，您也可以从“类型”下拉菜单中选择“站外 Stripe Checkout 表单”，将访问者重定向到 Stripe 托管的结账页面。

接下来，打开“付款”选项卡，配置货币、金额以及付款是单次还是定期付款。

然后，您需要打开“表单字段”选项卡。使用字段类型下拉菜单添加将用作条件规则触发器和目标的字段。

在此示例中，让我们添加一个标记为“客户类型”的“下拉列表”字段，选项为“个人”和“企业”，然后添加一个标记为“公司名称”的“文本”字段。

第 4 步：为表单字段添加条件逻辑

添加完这两个字段后，展开列表中的“公司名称”字段，然后向下滚动到“条件逻辑”部分。

继续并选中“启用条件逻辑”标签下的“是”复选框。

WP Simple Pay 显示两个设置：字段的操作（“显示此字段”或“隐藏此字段”）和规则逻辑（“所有规则匹配 (AND)”或“任何规则匹配 (OR)”）。

将操作设置为“显示此字段”，并将逻辑保留为“所有规则匹配 (AND)”。

接下来，通过将源字段设置为“企业类型”，运算符设置为“等于”，值设置为您想要设置的内容（在本例中为“企业”）来添加规则。从这一点开始，“公司名称”字段将保持隐藏，直到访问者从下拉列表中选择“企业”。

专业提示： WP Simple Pay 不仅仅是视觉上隐藏字段；它会完全禁用它们。像“公司名称”这样的必填字段，如果对选择了“个人”的访问者隐藏，也不会阻止提交。其他表单生成器会视觉上隐藏字段，但会保留必填验证，这会导致从未看到该字段的访问者出现错误的结账错误。

此外，当某个字段应针对多个选项显示时，您可以使用“任何规则匹配 (OR)”。例如，当访问者从产品类型下拉列表中选择“实体产品”或“活动套件”时，显示“送货地址”字段。

对需要条件规则的任何其他字段重复此过程。每个字段独立管理自己的规则，因此向表单添加更多条件非常简单。

第 5 步：发布并测试您的条件逻辑表单

完成后，只需点击“发布”即可保存表单。

接下来，您可以通过在WordPress内容编辑器中插入“WP Simple Pay – 付款表单”块，或粘贴简码来将其添加到任何页面或帖子中。

添加块后，只需从下拉菜单中选择您的表单即可。

现在，您可以访问已发布的页面，并使用条件逻辑测试您的付款表单。

例如，当我们把“业务类型”更改为“企业”时，会出现一个新字段，用户可以在其中输入公司名称。

奖励：将条件逻辑与价格选项结合使用

WP Simple Pay 的“付款”选项卡支持多种价格选项，并且条件逻辑系统可以根据访问者选择的价格选项触发。

例如，对于包含“标准”和“VIP”级别的注册表单，“T恤尺码”下拉菜单仅对VIP买家显示，从而保持标准结账的简洁性。

如果表单在“付款”选项卡中配置了多个价格选项，则价格选择器会自动显示为条件逻辑规则构建器中的触发选项。只需将运算符设置为“等于”并选择应显示该字段的特定价格选项即可。

请参阅我们关于在WordPress中使用付款表单模板来提高销量的指南，以获取有关构建更智能的结账流程的更多想法。

关于付款表单条件逻辑的常见问题解答

1. 付款表单中的条件逻辑是什么？

条件逻辑允许付款表单根据访问者已选择或输入的内容显示或隐藏字段。“公司名称”字段可以一直隐藏，直到访问者从客户类型下拉菜单中选择“业务”。这可以使表单保持简短，并确保访问者只看到适用于他们情况的字段。

2. WP Simple Pay 支持条件逻辑吗？

是的。WP Simple Pay 在其可视化表单构建器中包含条件逻辑功能，适用于所有 Pro 计划。网站所有者可以在“表单字段”选项卡中启用它，而无需编写任何代码。WP Simple Pay Lite 不提供条件逻辑功能。

3. 我可以根据访问者选择的价格选项显示不同的字段吗？

是的。条件逻辑系统包含一个“价格等于”运算符，该运算符基于访问者选择的价格选项进行触发。这意味着像“T恤尺码”这样的字段仅在访问者选择表单上的特定定价级别或套餐时出现。

4. 如何根据下拉菜单的选择显示或隐藏字段？

在“表单字段”选项卡中，展开目标字段并勾选“启用条件逻辑”。将源字段设置为下拉菜单，选择“等于”作为运算符，然后输入应触发规则的选项值。当访问者进行选择时，表单会在访问者的浏览器中实时更新。

5. 我可以为一个字段添加多个条件吗？

是。每个字段支持多个规则，您可以选择应用所有规则匹配 (AND) 或 任一规则匹配 (OR)。这可以处理诸如仅当选择了特定产品类型和最低购买金额时才显示字段之类的场景。

开始使用支付表单的条件逻辑

为 WordPress 支付表单添加条件逻辑，使每次结账都更具相关性。访问者仅看到适用于其情况的字段，流入 Stripe 的数据保持干净，并且网站所有者只需管理一个表单，而不是多个表单。

希望本文能帮助您了解如何为 WordPress 支付表单添加条件逻辑。您可能还想查看我们关于为您的 Stripe 支付表单添加自定义字段和在 WordPress 中创建每个表单的电子邮件确认消息的指南。

准备好开始收款了吗？立即开始使用 WP Simple Pay。

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