Управление полосами

Question

Мы внедряем Stripe и Paypal для платежей на нашем веб-сайте (оба варианта предлагаются в качестве альтернативы на одной странице). Для Stripe мы использовали простой подход к реализации в соответствии с примером кода:

   <form action="/stripeAction" method="POST">
      <script
        src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
        data-amount="2000"
        data-name="Demo Site"
        data-description="2 widgets ($20.00)"
        data-image="/128x128.png">
      </script>
    </form>

Это прекрасно работает, и полоса автоматически отключает собственную кнопку "Купить сейчас" после оплаты (чтобы избежать двойного щелчка).

Поскольку та же HTML-страница также содержит ссылку для экспресс-оплаты Paypal, как лучше отключить ее (чтобы никто не нажимал на нее, пока страница просто перезагружалась после успешного платежа Stripe)?

Пока что мы попробовали событие onsubmit, но оно не работает:

<form action="/stripeAction" method="POST" onsubmit="DO_SOME_ACTION">

Любая идея / совет / подсказка будет принята с благодарностью!

Спасибо Томас

Answer 1

Я бы порекомендовал вам создать обработчик событий в событии открытия Checkout, который отключает кнопку PayPal:

https://stripe.com/docs/checkout

Единственным недостатком является то, что предполагается, что способ оплаты работает в Checkout (то есть, что карта не отклонена). В качестве отказоустойчивого устройства вы можете повторно включить кнопку PayPal в обработчике закрытых событий Checkout, если токена Stripe не существует.

Надеюсь, это поможет! Larry

PS Я работаю над поддержкой в ​​Stripe.