Apply Stripe Coupon

Question

Ich verwende das Standardformular von Stripe für die Zahlungsverarbeitung. Wie kann ich ein Gutscheinfeld hinzufügen? Ich habe einen Gutschein erstellt, bin mir aber nicht sicher, wie ich den Gutscheincode bearbeiten würde.

<form class="efocus" action="form_process.php?source=payment" method="post"> 
    <input type="hidden" name="fee" value="1795"> 
    <script src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button" 
      data-key="<?php echo $stripe['publishable_key']; ?>" 
      data-amount=1795 data-description="Month-to-month Package"> 
    </script> 
</form> 

Ist dies möglich oder muss ich ein benutzerdefiniertes Formular erstellen?

Answer 1

Sie können dem Popup-Formular, das mit dem stripe JS angezeigt wird, kein Gutscheinfeld hinzufügen. Hoffentlich werden sie diese Fähigkeit hinzufügen. Es wäre sehr hilfreich.

Sie können immer noch ein Gutscheincode-Feld zwischen den Formular-Tags hinzufügen, aber dieses Feld wird nicht in der Form angezeigt, die angezeigt wird. Es wird unter dem eigentlichen Streifen Kasse-Button erscheinen.

<form class="efocus" action="form_process.php?source=payment" method="post"> 
<input type="hidden" name="fee" value="1795"> 
<script 
    src="https://checkout.stripe.com/v2/checkout.js" 
    class="stripe-button" 
    data-key="<?php echo $stripe['publishable_key']; ?>" 
    data-amount=1795 data-description="Month-to-month Package"> 
</script> 

<input type="text" name="discount" value="YOUR_DISCOUNT_ID_HERE" /> 

</form> 

Dies ist definitiv nicht ideal. Da wird jetzt ein Eingabefeld unter der Schaltfläche sein. Vielleicht möchten Sie Ihr eigenes Stripe Form codieren?

Jeder, der Ihnen sagt, dass Sie Felder zum POP-Formular hinzufügen können, erhalten Sie einen Link zu wo es sagt, dass in der Dokumentation, oder einen Link zu jedem Arbeitsbeispiel, Demo, etc. überall im Internet.

Answer 2

Sie können der Kasse keinen Gutschein hinzufügen. Checkout erstellt nur das Token, um den Kunden zu belasten. Der Coupon wird angewendet, wenn das Token an den Server zurückgegeben wird. Hier ist ein Codebeispiel aus stripe

stripe.Customer.create(
    source=token, 
    plan="basic_monthly", 
    email="payinguser@example.com", 
    coupon="coupon_ID" 
) 

Answer 3

Dies sollte ein Kommentar sein, aber ich weiß noch nicht genug Ruf.

Hier ist eine einfache Kasse Formular, das Sie gehen, pro Vorschlag des @Brev Tiw zu erhalten, einen zu bauen:

<form action="" method="POST" id="payment-form"> 
    <span class="payment-errors"></span> 

    <div class="row"> 
     <div class="3u -4u 12u$(small)"> 
     <label> 
     <span>Coupon Code</span> 
     <input type="text" size="20" data-stripe="coupon" placeholder="" value=""/> 
     </label> 
     </div> 
    </div> 


    <div class="row"> 
     <div class="3u -4u 12u$(small)"> 
     <label> 
     <span>Card Number</span> 
     <input type="text" size="20" data-stripe="number"/> 
     </label> 
     </div> 

     <div class="1u 12u$(small)"> 
     <label> 
     <span>CVC</span> 
      <input type="text" size="4" data-stripe="cvc"/> 
     </label> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="2u -4u 12u$(small)"> 
     <span><strong>Exp. Month</strong></span> 
     <div class="select-wrapper"> 
        <select data-stripe="exp-month" name="exp-month" id="exp-month"> 
         <option value="01">01</option> 
         <option value="02">02</option> 
         <option value="03">03</option> 
         <option value="04">04</option> 
         <option value="05">05</option> 
         <option value="06">06</option> 
         <option value="07">07</option> 
         <option value="08">08</option> 
         <option value="09">09</option> 
         <option value="10">10</option> 
         <option value="11">11</option> 
         <option value="12">12</option> 
        </select> 
     </div></div> 


     <div class="2u 12u$(small)"> 
     <span><strong>Exp. Year</strong></span> 
     <div class="select-wrapper"> 
        <select data-stripe="exp-year" name="exp-year" id="exp-year"> 
         <option value="2015">2015</option> 
         <option value="2016">2016</option> 
         <option value="2017">2017</option> 
         <option value="2018">2018</option> 
         <option value="2019">2019</option> 
         <option value="2020">2020</option> 
         <option value="2021">2021</option> 
         <option value="2022">2022</option> 
         <option value="2023">2023</option> 
         <option value="2024">2024</option> 
         <option value="2025">2025</option> 
        </select> 
     </div><br /> 
    </div><br /> 
    </div> 

    <div> 

    <div> 
     <h1></h1> 
    <input type="submit" value="Pay now" class="special" /> 
    </div> 
</form>