Stripe Custom Checkout mit Optionen

Question

Wie können Sie Stripe Custom Checkout eine Größenoption hinzufügen? Im Moment habe ich dies für die Verwendung der benutzerdefinierten Kasse mit einem Skript-Tag.

<?php 
require('config.php'); 


?> 
    <form action="charge.php" method="post"> 
     <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
     data-key="<?php echo $stripe['publishable_key']?>" 
     data-amount="3500" 
     data-locale="auto" 
     data-company="Company Name" 
     data-billingAddress="true" 
     data-email="true"> 
     </script> 
    </form> 

Answer 1

Sie können nicht.

Dies ist, weil Stripe die Kasse in einem iframe Element einbettet. Dies geschieht, damit Sie nicht aus Ihrem eigenen js-Kontext auf die Kartendetails zugreifen können. Dies hält Sie PCI-konform, ohne sich mit irgendwelchen Sachen zu befassen.

Wenn Sie eine anpassbare Erfahrung wünschen, token Sie die Karten entweder selbst, ohne ihre Kasse zu benutzen. Oder verwenden Sie das neue Elements API, um einen Hybrid zu erstellen, der Ihnen viel mehr Kontrolle über den Stil gibt, mit weniger Setup und vielen nützlichen Features.