条纹结帐付款按钮更改文本

Question

如何将条带结账模式框中的文本从 PAY 更改为其他内容。

我知道我可以在弹出模式的按钮上执行自定义文本。

description: 'ADD CARD',
label:'ADD CARD',

但是在实际的模态窗口上。它仍然只是在按钮上显示“PAY”。我希望它显示“添加卡”。

Answer 1

通过简单的集成，您还可以做到：

data-label="Donate"

Answer 2

您可以使用

data-panel-label

或

panelLabel

选项进行自定义：https://stripe.com/docs/checkout#optional

Answer 3

留在 Stripe Checkout Reference，只能在使用简单集成时编辑

label

属性（通过

data-*

属性）。

编辑

通过自定义集成，可以在

panelLabel

属性中设置按钮文本。

Answer 4

您所要做的就是使用 label 作为 StripeCheckout 中的属性

示例：

<StripeCheckout label="Your text here" />

Answer 5

    await handler.open({
      image: this.logoData.thumbnail,
      name: "STRIPE PAYMENT",
      description: "BC Hydro",
      amount: this.amountStripe * 100,
      email: this.email,
      currency: "CAD",
      panelLabel: "Authorize",
    });

添加 panelLabel 以更改按钮文本