Forms 从链接而不是LeadPage上的按钮调用条带签出表单

有没有办法修改默认的条带签出脚本以使用Leadpage上的链接元素

如果我使用默认代码，它将在现有按钮上放置一个蓝色按钮作为标准：

<form action="" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_ND6Tw8x8xxHBYNaBEAjZpBWq"
    data-amount="2000"
    data-name="Demo Site"
    data-description="2 widgets ($20.00)"
    data-image="/128x128.png">
  </script>
</form>

我尝试过使用下面的自定义按钮代码，但从我看到的情况来看，只允许使用ID，而不允许使用类，这是链接的编码方式

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

<button id="customButton">Purchase</button>

<script>
  var handler = StripeCheckout.configure({
    key: 'pk_test_ND6Tw8x8xxHBYNaBEAjZpBWq',
    image: '/square-image.png',
    token: function(token) {
    }
  });

  document.getElementById('customButton').addEventListener('click', function(e) {
    handler.open({
      name: 'Demo Site',
      description: '2 widgets ($20.00)',
      amount: 2000
    });
    e.preventDefault();
  });

  window.addEventListener('popstate', function() {
    handler.close();
  });
</script>

购买
var handler=StripeCheckout.configure({
键：“pk_测试”nd6tw8x8xhbynabeajzpbwq“，
图像：'/square image.png'，
令牌：函数（令牌）{
}
});
document.getElementById（'customButton'）。addEventListener（'click'，函数（e）{
handler.open({
名称：“演示站点”，
说明：“2个小部件（$20.00）”，
金额：2000
});
e、 预防默认值（）；
});
addEventListener（'popstate'，function（）{
handler.close（）；
});

---

有没有办法让Leadpages上的链接元素包含签出脚本，而不涉及另一个站点上的单独页面？

新示例使用jQuery，可以更轻松地找到您选择的任何元素

在头标签跟踪代码中：

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

这将使对话框弹出

<script>
  var handler = StripeCheckout.configure({
    // ... from example ...
  });

  $('.cta-btn').on('click', function(e) {
    // Open Checkout with further options
    handler.open({
    // ... your own info here ...
    });
    e.preventDefault();
  });

  // Close Checkout on page navigation
  $(window).on('popstate', function() {
    handler.close();
  });
</script>

javascript:alert('Please enable Javascript or change browsers and try again.')