Как предварительно заполнить электронную почту в диалоговом окне "Платежные платежи"

Я не могу найти способ предварительно заполнить адрес электронной почты во всплывающем всплывающем окне. Однако в этот уик-энд я подписался на две учетные записи на веб-сайтах, которые используют платежи с полосой, и я понял, что эти веб-сайты имели мою электронную почту, предварительно заполненную в диалоговом окне iframe. Поэтому я знаю, что должен быть способ, но я не уверен, как это сделать. Документы не определяют это свойство. Может ли кто-нибудь объяснить, как это делается с помощью javascript API и базового диалога Stripe?

Ответ 1

Если вы используете Simple Checkout, вы передаете электронное письмо в data-email следующим образом:

<form action="/charge" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
    data-image="/img/documentation/checkout/marketplace.png"
    data-name="Stripe.com"
    data-description="2 widgets"
    data-amount="2000"
    data-email="[email protected]"
    data-locale="auto">
  </script>
</form>

Если вы используете Custom Checkout, вы передаете электронное письмо в параметре email на handler.open():

handler.open({
  name: 'Stripe.com',
  description: '2 widgets',
  amount: 2000,
  email: "[email protected]"
});

Ответ 2

Если вы хотите динамически настроить электронную почту с помощью js, вы должны динамически создать всю простую проверку, чтобы убедиться, что она загружается правильно. Это можно сделать так:

var stripescript = document.createElement('script'); //create script element

//dynamicaly load stripe checkout stuff
stripescript.setAttribute('src','https://checkout.stripe.com/checkout.js');
stripescript.setAttribute("data-key","[YOUR STRIPE TOKEN]" )  
stripescript.setAttribute("data-amount","90" )  
stripescript.setAttribute("data-locale","auto")  
stripescript.setAttribute("class","stripe-button")  
stripescript.setAttribute("data-billing-address",true)  
stripescript.setAttribute("data-panel-label","Update")  
stripescript.setAttribute("data-currency","gbp")  
// any other attributes you want to add stripescript.setAttribute("[name]","[value]") 

document.getElementById('[ID OF ELEMENT YOU WANT TO PUT THE FORM INTO]').appendChild(stripescript);