Integrating Stripe with Webflow

Hey!

Does anyone know how you can implement Stripe with Webflow?
So that you do all the designing in webflow but clicking one of the buttons takes you to the stripe payment form?

Thanks

2 Likes

Would love to se this happening

Easiest method is to just embed this script:

<form action="" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
    data-amount="2000"
    data-name="Demo Site"
    data-description="2 widgets ($20.00)"
    data-image="/128x128.png">
  </script>
</form>

Replace the data-key with your own when you’re ready to go live.

If you want more control over how the button is styled then make a custom button with the instructions found here: Stripe Checkout | Stripe Documentation

Pretty straightforward really.

3 Likes

Hi,

This is the only proposed solution to this problem I could find. But does anyone managed to make it work with this example?

How do you process it and make a charge on server-side?

Thanks.

the inputs can’t have a “name” and I can’t figure out how to get webflow to not use that.