在条带按钮中创建自定义金额

Question

Stripe使用卡片按钮轻松付费.我想破解它,所以我可以通过自定义金额.(默认为20)

目前正在建设的网站是http://pecosselfstorage.com/testpayments.html

我需要客户能够投入他们想要付出的很多钱.这是在弹出单击按钮后,还是在按钮旁边的页面上并不重要.不过我更喜欢弹出窗口.

请不要只发布指向Stripe网站的链接,我已经完成了所有这些,但在那里找不到任何帮助.

欢迎任何想法.谢谢!

Answer 1

不需要黑客攻击.Checkout没有"默认" - 无论你传入什么amount(或通过data-amount属性,基本版本)都是它所要求的.

如果您想让客户设置自己的价格,您只需要一个文本字段和一些JavaScript来将该字段的内容注入您的Checkout调用(记住整数美分).

可能最简单的方法是在主页面上放置一个文本字段,然后添加自己的按钮并通过其API调用Checkout .它可以使用默认按钮,但您不必通过这种方式触摸DOM或监视文本字段以进行更改.

快速而又脏的jQuery- ish伪代码,假设一个按钮#payButton:

$('#payButton').click(function() {
  // prep goes here

    StripeCheckout.open({
      // data goes here
      amount: $('#payAmount').val * 100,
      // rest of data goes here
    });

  // etc
});