使用我自己的各种付款选项的高级设置的自定义条纹结账表单

Question

好的，我可以提供尽可能多的细节，我正在尝试让条形结帐表格与我自己的高级设置一起使用。这意味着在我网站的管理面板中，我可以从那里添加设置或调整价格。我将提供照片和代码。

以下是 PayPal 表单代码示例。正如您所看到的，我使用按钮代码变量来处理我设置的不同价格和产品。

代码变量示例 = [merchant_id] [item_name] [amount] [item_number] [user_id] [return] [notify] [merchant_button]

<form action="" method="post">

  <input type="hidden" name="cmd" value="_xclick">

  <input type="hidden" name="business" value="[merchant_id]">

  <input type="hidden" name="item_name" value="[item_name]">

  <input type="hidden" name="amount" value="[amount]">

  <input type="hidden" name="no_note" value="1">

  <input type="hidden" name="currency_code" value="USD">

  <input type="hidden" name="item_number" value="[item_number]">

  <input type="hidden" name="custom" value="[user_id]">

  <input type="hidden" name="return" value="[return]">

  <input type="hidden" name="notify_url" value="[notify]">

  <input type="image" src="[merchant_button]" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">

</form>

我需要条纹结账表格以同样的方式工作。下图是产品的销售套餐。另外，我还添加了一个产品，如下图所示，按钮会自动添加到会员销售页面。

这是创建按钮和结账的表单代码需要执行的地方。

这是需要进入表单值的代码变量，以使表单结账适用于每个价格或产品。

我有从下面的条纹中尝试过的表格。

<!-- Load Stripe.js on your website. -->

<script src="https://js.stripe.com/v3"></script>

<!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->

<button

style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-

size:1em"

id="checkout-button-price_1H2XkYEESdtcMolQIxkRKapX"

role="link"

type="button"

>

Checkout

</button>

div id="error-message"></div>

我需要能够将以下代码变量 --> [merchant_id] [item_name] [amount] [item_number] [user_id] [return] [notify]<-- 放入条带结帐表单中，以便它能够拾取用户单击的每个价格按钮，这些按钮是我从管理员的“销售包”页面设置的，就像您在 PayPal 中看到的那样。

我已经尝试了几天，我想获得正确的表单和脚本，以类似的方式工作。也许我使用了来自 stripe 的错误代码和脚本？

Answer 1

当使用“仅客户端”（即仅 Javascript）结账时，只能传入已知的 Price 对象，而不是动态价格：https://stripe.com/docs/js/checkout/redirect_to_checkout#stripe_checkout_redirect_to_checkout-options-lineItems这意味着您无法从前端 Javascript 传递商品的金额。相反，您必须在 Stripe Dashboard 中创建产品 + 价格，然后在按钮代码中引用价格的 ID：(function() {var stripe = Stripe('pk_test_6pRNASCoBOKtIshFeQd4XMUh');var checkoutButton = document.getElementById('checkout-button-price_1H2XkYEESdtcMolQIxkRKapX');checkoutButton.addEventListener('click', function () {  stripe.redirectToCheckout({    lineItems: [{price: 'price_1H2XkYEESdtcMolQIxkRKapX', quantity: 1}],    mode: 'payment',    successUrl: window.location.protocol + '//proadtraffic.com/success',    cancelUrl: window.location.protocol + '//proadtraffic.com/canceled',  })  .then(function (result) {    if (result.error) {      var displayError = document.getElementById('error-message');      displayError.textContent = result.error.message;    }  });});})();</script>但是，如果您想要从前端传入的可变金额，您可以做的是创建 1 美元的价格（例如），然后根据您销售的每种产品的需要设置数量。我建议使用允许动态定价的客户端-服务器方法，或者为您销售的商品创建价格并传递价格 ID，如上所示。与 PayPal 按钮不同，这种方法可以防止客户编辑 Web 表单并给自己打折（例如）——Stripe 只允许在 Checkout 中显示已知价格。