首页 文章

没有任何按钮的条纹付款

提问于
浏览
1

目前我使用条纹支付按钮作为向用户收费的方式 . 但是,这个过程是:

他们收到一封电子邮件,邮件中有一个付费按钮 . 按下按钮后,该按钮将启动带有条带付款按钮的页面 . 按条纹付款按钮可打开卡付款 .

我希望能够直接从用户按电子邮件的付费按钮打开卡片支付页面,而不是必须按另一个按钮 .

我一直在使用https://stripe.com/docs/checkout . 我认为直接调用stripecheckout.open可以解决问题,但是,我不确定如何使用javascript正确格式化此调用 .

例如,当按下电子邮件支付按钮时,像这样生成条带支付按钮

res.write('<script ');
res.write('src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"');
res.write('data-key="' + body[0].data_key + '"');
res.write('data-amount="' + body[0].data_amount +'"');
res.write('data-name="' + body[0].data_name + '"');
data_desc_string = body[0].data_description;
data_desc_short = data_desc_string.substring(7);
res.write('data-description="' + data_desc_short + '"');
res.write('data-currency="usd">');
res.write('</script>');

我不确定我应该如何为 stripecheckout.open 重写它 .

1 回答

  • 2

    Checkout文档的Custom Buttons部分详细说明了如何调用 StripeCheckout.open() .

    在您的情况下,您只需在页面加载后调用 StripeCheckout.open() (因为您希望它立即显示),而不是响应按钮单击(如示例中所示) .

    你究竟如何使用'd go about that would vary with the JS framework you' . 在示例代码中使用jQuery,您将绑定到 $(document).ready()

    <script src="https://checkout.stripe.com/v2/checkout.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
    
      <button id="customButton">Purchase</button>
    
      <script>
        $(document).ready(function(){
          var token = function(res){
            var $input = $('<input type=hidden name=stripeToken />').val(res.id);
            $('form').append($input).submit();
          };
    
          StripeCheckout.open({
            key:         'pk_test_czwzkTp2tactuLOEOqbMTRzG',
            address:     true,
            amount:      5000,
            currency:    'usd',
            name:        'Joes Pistachios',
            description: 'A bag of Pistachios',
            panelLabel:  'Checkout',
            token:       token
          });
    
          return false;
        });
      </script>
    

相关问题