如何选择付款方式显示类型

概述

WP Simple Pay 让您可以选择在站内付款表单上如何显示付款方式。您可以将它们显示为水平的 标签页（默认）或堆叠的 手风琴。此设置控制前端 Stripe 付款元素的布局。

先决条件

• WP Simple Pay Pro
• 使用网站上表单类型的付款表单（嵌入式或叠加显示）
• 表单启用了至少一种付款方式

配置显示类型

1. 导航到 WP Simple Pay > 付款表单 并编辑您的表单。
2. 点击 表单字段 标签页。
3. 展开 付款方式 字段（旧表单中标记为“卡”）。
4. 在 显示类型 下，选择 标签页 或 手风琴。
5. 点击发布或更新进行保存。

标签页布局

标签页是默认的显示类型。付款方式显示在付款区域顶部的水平标签页中。客户点击标签页可切换付款方式。

最适合：

• 付款方式较少的表单（2-5 种）
• 简洁、紧凑的布局，且有可用水平空间

手风琴布局

手风琴布局将付款方式显示为垂直堆叠、可折叠的项目。客户点击项目可展开并显示其字段。

最适合：

• 付款方式很多的表单（5 种以上）
• 对移动设备友好的布局，其中垂直堆叠效果更好
• 您希望付款方式名称和图标清晰可见的场景

手风琴设置

选择手风琴后，会出现一个额外的“手风琴设置”部分：

• 可见项目 — 在出现“更多”按钮之前显示的付款方式数量。默认值：5。设置为 0 可显示所有付款方式，而不显示“更多”按钮。

当您的表单有许多付款方式，并且您希望保持初始视图紧凑但仍提供所有选项时，此功能非常有用。

初始折叠

默认情况下，表单加载时会展开第一个手风琴项目。您可以使用 simpay_payment_form_accordion_default_collapsed 过滤器来更改此行为，使所有项目都初始折叠：

add_filter( 'simpay_payment_form_accordion_default_collapsed', '__return_true' );

通过检查作为第二个参数传递的表单对象，也可以将此限制为特定表单。

选择正确的布局

考虑因素	标签页	手风琴
付款方式数量	2-5	5+
水平空间	充裕	有限
移动端体验	良好	更好
付款方式可见性	图标一目了然	名称+图标可见
垂直空间	紧凑	较高

常见问题解答

显示类型会影响可用付款方式吗？

不。显示类型仅改变付款方式的视觉排列方式。无论选择哪种布局，所有启用的付款方式都可用。

这适用于 Stripe Checkout（站外）表单吗？

不。显示类型设置仅适用于使用 Stripe Payment Element 的站内表单。站外表单会重定向到 Stripe 的托管结账页面，该页面有自己的布局。

我可以为不同的表单使用不同的显示类型吗？

是的。显示类型是针对付款方式字段上的每个表单配置的，因此每个表单都可以有自己的布局。

移动设备上会发生什么？

两种布局都具有响应性。Stripe 的付款元素会自动适应较小的屏幕。手风琴布局在移动设备上尤其有效，因为它会垂直堆叠。

下一步是什么？

• 使用表单样式设置付款表单的样式 – 自定义颜色、字体和布局
• 表单样式设置参考 – 所有样式设置的完整参考