<!– Load Stripe.js on your website. –>
<script src=”https://js.stripe.com/v3″></script>

<!– Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. –>
style=”background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em”

<div id=”error-message”></div>

(function() {
var stripe = Stripe(‘pk_test_QzJ9W2WBDcvukAODzcbRGkcc003QKtqNCU’);

var checkoutButton = document.getElementById(‘checkout-button-sku_HBb6ACEGrDZe7x’);
checkoutButton.addEventListener(‘click’, function () {
// When the customer clicks on the button, redirect
// them to Checkout.
items: [{sku: ‘sku_HBb6ACEGrDZe7x’, quantity: 1}],

// Do not rely on the redirect to the successUrl for fulfilling
// purchases, customers may not always reach the success_url after
// a successful payment.
// Instead use one of the strategies described in
// https://stripe.com/docs/payments/checkout/fulfillment
successUrl: ‘https://www.streetkitchenbrothers.co.uk/success’,
cancelUrl: ‘https://www.streetkitchenbrothers.co.uk/canceled’,
.then(function (result) {
if (result.error) {
// If `redirectToCheckout` fails due to a browser or network
// error, display the localized error message to your customer.
var displayError = document.getElementById(‘error-message’);
displayError.textContent = result.error.message;