Zastosuj kupon pasków

Question

Używam domyślnego formularza Stripe do przetwarzania płatności. Jak mogę dodać pole kuponu? Stworzyłem kupon, ale nie jestem pewien, jak przetworzyć kod kuponu.

<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> 

Czy jest to możliwe, czy muszę utworzyć niestandardowy formularz?

Answer 1

Nie można dodać pola kuponu do wyskakującego formularza pokazanego za pomocą paska JS. Mam nadzieję, że dodadzą tę umiejętność. Byłoby niezwykle pomocne.

Nadal można dodać pole kodu kuponu między znacznikami formularza, ale to pole nie pojawi się w wyskakującym formularzu. Pojawi się pod rzeczywistym przyciskiem kasowania paska.

<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> 

To zdecydowanie nie jest idealne. Ponieważ pod przyciskiem pojawi się pole wprowadzania danych. Więc możesz chcieć zakodować swój własny formularz pasków?

Każdy, kto powie Ci, że możesz dodać Pola do formularza POP, proszę podać link do miejsca, w którym jest to napisane w dokumentacji, lub link do dowolnego działającego przykładu, demo itp. W dowolnym miejscu w Internecie.

Answer 2

Nie można dodać kuponu do kasy. Kasa tylko tworzy token, aby obciążyć klienta. Kupon jest stosowany, gdy token jest zwracany na serwer. Oto przykładowy kod z stripe

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

Answer 3

powinno to być komentarz, ale nie mają jeszcze wystarczającej reputacji.

Oto prosta forma utworu mogą być ci, za sugestią @Brev TIW, aby zbudować jeden:

<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>