javascript - tateti - Aplicar cupón de la raya

tres en raya codigo

Question

Estoy usando el formulario predeterminado de Stripe para el procesamiento de pagos. ¿Cómo puedo agregar un campo de cupón? He creado un cupón, pero no estoy seguro de cómo procesaría el código de cupón.

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

¿Es esto posible o necesito crear un formulario personalizado?

Answer 1

Esto debería ser un comentario, pero todavía no tengo suficiente reputación.

Aquí hay un formulario de pago y envío sencillo para comenzar, según la sugerencia de @Brev Tiw de crear uno:

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

Answer 2

No puede agregar un campo de cupón al formulario emergente que se muestra al usar la raya JS. Esperemos que añadan esta habilidad. Sería extremadamente útil.

Aún puede agregar un campo de código de cupón entre las etiquetas de formulario, pero ese campo no aparecerá en el formulario que aparece. Aparecerá debajo del botón de pago de banda real.

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

Esto definitivamente no es ideal. Dado que ahora habrá un campo de entrada debajo del botón. ¿Así que es posible que desee codificar su propio formulario de rayas?

Cualquier persona que le diga que puede agregar campos al formulario de actualización de POP, obtenga un enlace donde se indique en la documentación, o un enlace a cualquier ejemplo de trabajo, demostración, etc. en cualquier lugar de Internet.

Answer 3

No puedes agregar un cupón a Checkout. Checkout solo crea el token para cargar al cliente. El cupón se aplica cuando el token se devuelve al servidor. Aquí hay un ejemplo de código de stripe

stripe.Customer.create(
  source=token,
  plan="basic_monthly",
  email="[email protected]",
  coupon="coupon_ID"
)