javascript - 带选项的 Stripe 自定义结帐

Question

如何向 Stripe Custom Checkout 添加尺寸选项？ 截至目前，我已经可以通过脚本标签使用自定义结帐。

<?php
require('config.php');


?>
  <form action="charge.php" method="post">
      <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="<?php echo $stripe['publishable_key']?>"
        data-amount="3500"
        data-locale="auto"
        data-company="Company Name"
        data-billingAddress="true"
        data-email="true">
      </script>
  </form>

Answer 1

你不能。

这是因为 Stripe 将结账嵌入到 iframe 元素中。这样做是为了让您无法从您自己的 js 上下文访问卡详细信息。这可以让您保持 PCI 合规性，而无需处理任何此类问题。

如果您想要更加可定制的体验，请自行对卡片进行标记，而不使用其结帐。或者使用新的Elements API创建一个混合体，它将为您提供更多的风格控制，更少的设置和许多不错的功能。