title: Calling a Stripe checkout form from a link rather than button on Leadpages
body: <p>Is there a way to modify the default Stripe Checkout script to work with a link element on a Leadpage?</p>
  
  <p>If I use the default code it will place a blue button as standard over the existing button:</p>
  
  <pre><code>&lt;form action="" method="POST"&gt;
    &lt;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"&gt;
    &lt;/script&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I've tried using the custom button code, below, but from what I can see only an ID is allowed, not a class, which is how the link is coded.</p>
  
  <pre><code>&lt;script src="https://checkout.stripe.com/checkout.js"&gt;&lt;/script&gt;
  
  &lt;button id="customButton"&gt;Purchase&lt;/button&gt;
  
  &lt;script&gt;
    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();
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there any way to get a link element on Leadpages to have the checkout script on it without involving  separate page on another site?</p>