Multiple line_items in bubble API connector Stripe

simon.roge · 2024-09-25T13:01:23.014Z

Hey guys,

I’ve read a lot of forum posts about problems with line_items but I’m still stuck.

My initialize call is correct, I have the data displayed.
key : line_items
value : line_items[0][price]=price_1Q16iIBG8gDoGKFTHszpB2SN&line_items[0][quantity]=2&line_items[1][price]=price_1Q16ioBG8gDoGKFTt6kpNWO3&line_items[1][quantity]=10&

image914×683 44 KB

As soon as I want to make the call in a workflow, it throws me this error.

Do you have an idea of what I’m doing wrong ?

Thanks in advance,
Simon

whedrick · 2024-10-31T15:08:09.052Z

Hey Simon - any progress/new discoveries on this? I’m encountering the same problem.

@gregoryjohn (sorry to randomly mention you) - I’ve been following your Bubble SaaS course and am stuck right here as well. Have you had anyone reach out on this section with multiple line_items?

My problem has been with the line_items not being recognized (error code below):

{
"error": {
"code": "parameter_invalid_integer",
"doc_url": "Error codes | Stripe Documentation,
"message": "Invalid integer: 20, 10",
"param": "line_items[0][price_data][unit_amount]",
"request_log_url": "(removed for security);,
"type": "invalid_request_error"
}
}

gregoryjohn · 2024-10-31T15:50:33.120Z

Your error implies an invalid integer. Can you show me a screenshot of your call
and explain the use-case for 2 lines items for a Saas like the one from the course?

Here is a screenshot of how to initialise your checkout session call with 2 line items:

Screenshot 2024-10-31 at 15.44.481650×450 51.4 KB

Jici · 2024-10-31T15:53:01.028Z

There’s so much topic about Stripe and how to format dynamically line items… please take time to search on forum. There’s a lot of different solutions provided already

whedrick · 2024-10-31T16:55:06.295Z

For the use case, we are a nonprofit donation platform where users can choose to donate to any nonprofit organization in the United States. We use an external API to fetch this list since there are 1.8M nonprofits in the United States I’ve simply been following th Saas course for a starting point since I’ve had no technical background. Note, also because of this we are using price_data in Stripe because we cannot create 1.8M products within to create a Price ID.

For this reason as well, we’ve created an e-commerce experience with a cart, etc. so users can choose how much they want to donate, whether monthly or once, etc.

We’ve use a lot of price_data parameters from Stripe to get this data together, but here is that screenshot:

The line items are:
line_items[0][quantity]
line_items[0][price_data][unit_amount]
line_items[0][price_data][currency]
line_items[0][price_data][recurring][interval]
line_items[0][price_data][product_data][name]
line_items[0][price_data][product_data][description]
line_items[0][price_data][product_data][images]

Screenshot 2024-10-31 at 12.48.55 PM894×403 43.7 KB

gregoryjohn · 2024-10-31T17:11:31.388Z

I understand. Big project!

If you want a shopping cart experience (variable nonprofits and pricing), you’ll need to configure this call using a JSON object instead of parameters like I’ve shown you on the course.

It will look something like this (but with slightly different formatting for dynamic values)

{
      "quantity": 1,
      "price_data": {
        "unit_amount": 1000,
        "currency": "usd",
        "product_data": {
          "name": "Donation to Nonprofit A",
          "description": "Thank you for your generous donation.",
          "images": ["https://yourdomain.com/imageA.jpg"]
        },
        "recurring": {
          "interval": "month"
        }
      }
    }

I’m walking out the door for dinner now but will make a note to come back to you on this.

whedrick · 2024-10-31T17:26:00.008Z

You’re a rockstar - thanks for the quick response and all of the information you’re pouring into us new Bubble users through Basecamp, YouTube, etc.

Will start playing around with JSON and see what I can get fixed. Thank you sir!

Jici · 2024-10-31T19:41:35.986Z

You cannot use JSON with stripe. (Not directly. There’s a plugin that can convert it to something that you can use with stripe)

But if you only have one item, you can encode it directly in API connector.

The main issue actually is that you didn’t set the content-type header (application/x-www-form-urlencoded). You may need to also switch to raw instead of JSON for body type, but from what I know, it should work in JSON mode too (default header will be overwritted)

whedrick · 2024-10-31T19:56:47.166Z

Got it, I’ve been messing around with the JSON and am continuing to have some issues of Stripe recognizing the data so that must be it (we did fortunately have content-type set in the header already)

Jici · 2024-10-31T20:05:25.549Z

This is not easy because if you use parameters, Bubble will encode them as JSON even if you set a content-type header (I’ve reported this issue, but they closed the request without fixing this). However, if you select queryst checkbox for all parameters, bubble will overwrite header (but send the parameters as querystring, that not all API that will accept to use querystring like url encoded form)
So you can delete parameters and use body like
key=value&key2_value and this will work.
If you have multiple line_items and need to dynamically change the # of line_items possible, I suggest to use this plugin: JSON Serialize to URL query Plugin | Bubble that was made for that (Stripe in mind) that will convert the JSON payload to the url encoded version.

whedrick · 2024-10-31T21:02:21.507Z

Understood, thank you for all of your time, knowledge, and input Jici.

Based off of the brief “browsing” I’ve done, I’m going to give the following plug-in a quick shot and see if it will give us a similar outcome to what I’m trying to build here. (Stripe Checkout (Shopping Cart) Plugin | Bubble)

Option #3 will be to go with the Stripe Elements route and truly build out a custom checkout flow.

Thank you!