Create Custom Checkout with Stripe

Need help Plugins
1

Hi, I have been trying to create a custom checkout page with my own payment checkout inputs (Not the Stripe popup or the stripe.js ‘stripe element’) and give the user the ability to save their card. The payment amount is derived from an API call that says the price of what they customer wants so the amount has to come from within my app and not a product I make on stripe because each payment amount is unique.

To clarify: User enters a search → API call is made that lists different prices of items → customer chooses which item (say for $213.54) → User goes to checkout page and fills out bubble style inputs (not stripes bc aesthetics) and purchases the item with the ability to save their card (through stripe not on my website)

I found this video below that explains how to charge a customer with a stripe token but it doesn’t show how to save the card with that method or how to deal with failed cards and things like that.

Is it possible to set up checkout page the way I want?

And if so is there a easy to follow guide of how to set this up?

2

Is this the only reason?

Keep in mind that when you use tokenization by yourself you are responsible for any PCI compliance.

Have you checked https://stripe.com/gb/payments/elements ? You can adjust the style and leave all the heavy lifting to stripe.

1 Like
3

Yes aesthetics and minimal amount of clicks for users.

I did not know about PCI compliance but thank you, I definitely do not want to have to do that!

I did not know you could customize it, the youtubes I watched and pictures I saw made the popup look gross. Thank you! I will look into it more

1 Like