Apply Stripe Coupon

Question

Я использую форму по умолчанию Stripe для обработки платежа. Как добавить поле купона? Я создал купон, но я не уверен, как обработать код купона.

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

Возможно ли это, или мне нужно создать пользовательскую форму?

Answer 1

Вы не можете добавить купонное поле в форму всплывающего окна, показанную с помощью полоски JS. Надеюсь, они добавят эту способность. Это было бы очень полезно.

Вы все еще можете добавить поле кода купона между тегами формы, но это поле не появится в форме, которая появляется. Он будет отображаться под кнопкой фактической проверки полосы.

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

Это, безусловно, не идеально. Так как теперь под кнопкой будет поле ввода. Итак, вы можете запрограммировать свою собственную форму Stripe?

Любой, кто сообщил вам, что вы можете добавить поля в форму POP, пожалуйста, получите ссылку, где говорится, что в документации или ссылку на любой рабочий пример, демонстрационную версию и т. Д. В любом месте в Интернете.

Answer 2

Вы не можете добавить купон на покупку. Checkout только создает токен, чтобы зарядить клиента. Купон применяется, когда маркер возвращается на сервер. Вот пример кода из stripe

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

Answer 3

Это должно быть комментарий, но я до сих пор не хватает репутации.

Вот простая форма фотографии, чтобы вы идете, за предложение @Brev TIW, чтобы построить один:

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