Estoy tratando de hacer que el Botón personalizado de pago de Stripe cargue una tarjeta de crédito, pero todo lo que hace es minimizar después de ingresar los detalles de la tarjeta de crédito. Estoy usando el código que se encuentra en la documentación, pero no puedo hacer que funcione. El botón simple es fácil de usar y pensé que sería tan fácil como personalizarlo, pero es muy diferente.

Aquí está el código:

Página de pago

<form action="charge.php" method="post">
            <script src="https://checkout.stripe.com/checkout.js"></script>
            <input type="submit" value="Pay with card" id="customButton"/>
            <?php require_once('./config.php'); ?>
                <script>
                var handler = StripeCheckout.configure({
                    key: '<?php echo $stripe['publishable_key']; ?>',
                    image: 'favicon.png',
                    token: function(token, args) {
                    // Use the token to create the charge with a server-side script.
                    // You can access the token ID with `token.id`
                    }
                });

                document.getElementById('customButton').addEventListener('click', function(e) {
                    // Open Checkout with further options
                    handler.open({
                    name: 'Imprintnation',      
                    description: 'Decals',
                    amount: <?php echo $stripeTotal; ?>

                });
                    e.preventDefault();
                });
                </script>
                </form>

Página de carga (charge.php)

<?php
require_once(dirname(__FILE__) . '/config.php');

$token  = $_POST['stripeToken'];

$customer = Stripe_Customer::create(array(
  'email' => '[email protected]',
  'card'  => $token
));

$charge = Stripe_Charge::create(array(
  'customer' => $customer->id,
  'amount'   => 5000,
  'currency' => 'usd'
));

echo '<h1>Successfully charged $5!</h1>';
?>

Página de configuración (config.php)

<?php
require_once('./lib/Stripe.php');

$stripe = array(
secret_key      => 'sk_test_************************',
publishable_key => 'pk_test_************************'
);

Stripe::setApiKey($stripe['secret_key']);
?>

¿Que me estoy perdiendo aqui? Ni siquiera puedo conseguir que recupere una ficha.

¿Cómo puedo recuperar una ficha y cargar una tarjeta?