Discussion on "How to configure Stripe Checkout Integration in the Bubble.io application without any Paid Plugins?"

Anish Gandhi · 2023-09-10T14:49:37.865Z

At the time of checkout, a basic requirement is a checkout session that captures the payment like this: This kind of checkout doesn't come with a free Bubble.io Plugin. So Let's do this with Bubble API Connector with the following steps: Setup Stri...

How are you associating an object in your DB with a transaction? The ID of the checkout session is not available in the charge.succeeded event...

Hey Anthony Hagouel, I am passing the client's unique ID from DB as the client reference ID in stripe. In stripe response from the stripe, I am getting the same client reference ID.

Hey, this was great to get me started but I'm going a little bit crazy! How do we allow it to pass a variable set of products? So for example a customer might have a basket of 10 things and the next might only have 2

Hey Alastair Watson, Do you want to pass dynamic quantity?

kind of a similliar question here. Anish Gandhi How can I pass a dynamic image for a product displaying on the checkout page?

Hey Andrey, Do you want to Pass dynamic images for existing products added in stripe? Or Do you want to create a dynamic product with dynamic images? Both use cases are different and Different APIs will be used to achieve it.

The most clear explanation on how to set up stripe in the easiest way. Thanks so much!

Glad to know this helped you and you liked it. Thanks

Hi, Thanks for the tutorial. I am sorry, I didn't understand what should i put in the field success URL, is it a Bubble URL or a Stripe one? Thanks!

Hey Maria R, Success URL is a URL on which you redirect the user after successful checkout on stripe. Generally It is your app URL.

Anish Gandhi Many thanks!! I am sorry it was not clear to me! Also, in the step "redirect to external website" that redirects to stripe checkout do you have an example of what this URL should look like? It would be really useful to see also your dB structure :) Again, many thanks

Hey Maria R, It's cool! No need for sorry.

'Redirect to external website' is already shown in step 4 of this article. That URL is the stripe checkout page URL which is based on the checkout page you have created in Stripe for that particular product.

The DB structure can't be shown because of some privacy issue but feel free to share your query and I will be happy to help in all possible manner.

Great, under step 3, it would be good to see how you setup the Bubble API call with a screenshot! :)

Based on your suggestion Calum Brannan, I have added the screenshot. Have fun man! Cheers :)

A great help to setup Stripe payment.

Happy to know this was helpful M JUNAID ASGHAR.

Search Hashnode

How to configure Stripe Checkout Integration in the Bubble.io application without any Paid Plugins?

Responses6