Stripe on site payments

mstlouis6595 · 2025-03-16T22:24:32.068Z

I currently have stripe setup via the api and api connector. My current setup is where a button click directs users to a stripe page to complete the payment, then users are directed back to my site once the payment is completed.

Stripe also triggers a web hook to tell my site the payment was successful.

This setup works but I would like to have stripe payments directly processed on my website ideally in a pop up or on site form. Is there a good way to do this on bubble?

I have been reading the api docs but not seeing a great way for this and not sure if i’m just missing something. Any help is appreciated!

randisara612 · 2025-03-16T22:53:00.140Z

That’s what i am currently working on, in a popup window. I am having some trouble with my backend workflow. But, I would be happy to share what I have managed so far, and watching for more feedback. I am new at this.

Screenshot 2025-03-16 154323910×858 55.5 KB

mstlouis6595 · 2025-03-17T02:45:04.192Z

Thanks for sharing! My main thing is collecting credit card information directly on my site in a secure way. Did you get that part figured out? From your screenshot it looks more like your setup is for updating the user information.

adamhholmes · 2025-03-17T08:28:18.771Z

There are 2 ways you can do this, depending on your requirements.

The simplest way is to use Stripe Embedded Checkout, which is just Stripe Checkout but embedded on your own site.

The alternative, if you need more control, is to use Stripe Elements (the Payment Element) to collect payment data via Stripe.JS directly from your website.

mstlouis6595 · 2025-03-17T11:17:03.719Z

Thanks for the info, these options seem exactly what I was looking for