Stripe Checkout - PHP

Question

Эй, ребята, действительно, юниор dev здесь так извиняюсь, если это базовое: так что мне удалось заставить Stripe Checkout работать с PHP. Но я хотел избавиться от начальной кнопки Stripe Button, где обычно говорится: «Приступить к оплате» или «оплатить карточкой». Я просто хотел связать кнопку на моем сайте, чтобы перейти непосредственно к всплывающему окну Checkout. Мне было интересно, возможно ли это? Я включил php-файл и соответствующий html-код ниже.

index.php

<?php require_once('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-name="The Boffins" 
data-amount="25000" 
data-currency="GBP" 
data-description="Social Package" 
data-image="images/Gentleman.gif" 
data-label="Proceed to Payment" 
data-panel-label="Only"> 
</script> 
</form> 

charge.php

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

$token = $_POST['stripeToken']; 

$customer = \Stripe\Customer::create(array(
    'email' => 'customer@example.com', 
    'card' => $token 
)); 

$charge = \Stripe\Charge::create(array(
    'customer' => $customer->id, 
    'amount' => 25000, //amount in pennies 
    'currency' => 'gbp' 
)); 

echo 'Successfully charged £250! We will be in touch shortly.'; 

config.php

require_once('vendor/stripe-php-3.1.0/init.php'); 

$stripe = array(
"secret_key"  => "sk_live_XXXXXXXXXXXX", 
"publishable_key" => "pk_live_YYYYYYYYYYYY" 
); 

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

HTML:

<a class="button price-button one-off-m" href="index.php">£250 /<span class="one-off"></a> 

Answer 1

За документации полосой по:

<script src="https://checkout.stripe.com/checkout.js"></script> 

<button id="customButton">Purchase</button> 

<script> 
    var handler = StripeCheckout.configure({ 
    key: 'pk_test_4asasasasasasa', 
    image: '/img/documentation/checkout/marketplace.png', 
    token: function(token) { 
     // Use the token to create the charge with a server-side script. 
     // You can access the token ID with `token.id` 
     } 
    }); 

    $('#customButton').on('click', function(e) { 
    // Open Checkout with further options 
     handler.open({ 
     name: 'name', 
     description: '2 widgets', 
     amount: 2000 
     }); 
    e.preventDefault(); 
    }); 

// Close Checkout on page navigation 
$(window).on('popstate', function() { 
    handler.close(); 
    }); 
</script>