Skip to content

Instantly share code, notes, and snippets.

@codearryaas
Forked from ziadoz/stripe-checkout.html
Created September 5, 2016 05:40
Show Gist options
  • Save codearryaas/3234eddb5ab3c7fe88c3aef6428bb4ec to your computer and use it in GitHub Desktop.
Save codearryaas/3234eddb5ab3c7fe88c3aef6428bb4ec to your computer and use it in GitHub Desktop.
Custom Stripe Checkout Button
<form action="." method="post">
<noscript>You must <a href="http://www.enable-javascript.com" target="_blank">enable JavaScript</a> in your web browser in order to pay via Stripe.</noscript>
<input
type="submit"
value="Pay with Card"
data-key="PUBLISHABLE STRIPE KEY"
data-amount="500"
data-currency="cad"
data-name="Example Company Inc"
data-description="Stripe payment for $5"
/>
<script src="https://checkout.stripe.com/v2/checkout.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script>
$(document).ready(function() {
$(':submit').on('click', function(event) {
event.preventDefault();
var $button = $(this),
$form = $button.parents('form');
var opts = $.extend({}, $button.data(), {
token: function(result) {
$form.append($('<input>').attr({ type: 'hidden', name: 'stripeToken', value: result.id })).submit();
}
});
StripeCheckout.open(opts);
});
});
</script>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment