[New Plugin] Stripe Checkout (w/shipping!) 🛒

lantzgould · May 27, 2021, 3:38pm

Hi All,

I just published a small, but hopefully helpful Stripe Checkout plugin. I couldn’t wait until Bubble published there’s.

Supports:

Up to 5 line items (can bump up if needed)
Supports Payment type
Supports Subscription type
Supports Promo Codes
Supports Shipping

Link to Plugin:

Link to Demo:

gpxstream · August 27, 2021, 3:59pm

Hi!

I can’t fiigure out how to have more than 1 line item for subscriptions! Ideally, I would need up to 5 subscription line items, and 15 invoice line items (for the first invoice of a sub)

Thanks!

lantzgould · August 27, 2021, 4:43pm

Hi @gpxstream,

Currently this isn’t possible in the current version, but I will look into adding this very soon!

lantzgould · August 27, 2021, 5:03pm

New action available - Checkout using Multiple Subscriptions (Upgrade your plugin to 1.2.1 - then refresh editor)

This action allows you to subscribe your users for up to 5 subscriptions in one checkout session.

Check the demo to see it in action.

cc: @gpxstream (More coming soon on your request)

gpxstream · August 30, 2021, 3:59pm

Thank you!

In case anyone else runs into this…

Here’s our page:

Our product comes with a few “invoice items”, and at least one subscription, but can also include SIM cards which are charged monthly (you’ll see those if you select the “Lite” subscription)

I got it to work by using Toolbox and “Run javascript” script step instead in the meantime - here’s a JSfiddle of the code. After this runs, I have a “JS to Bubble” element that stores the session ID and triggers a “Start stripe checkout” with it

https://jsfiddle.net/mzdka5hn/#&togetherjs=itiOVKsKFu

I generally prefer going the supported plugin route rather then my own JS since I mostly hack around with code snippets I find online and minimal JS knowledge, so I don’t even begin to know if I’m following best practices!

preexport · September 11, 2021, 7:48pm

Hi Lantz
I am trying the plugin on my app, unfortunately, I faced an integration error on the start stripe checkout session action. the value should be string but it is null.

please check the integration as i followed exactly the settings you used on your demo editor.

lantzgould · September 11, 2021, 7:51pm

Hi there,

Can you send screenshots of your setup? The demo is still working, so might be something overlooked in your app.

preexport · September 12, 2021, 4:27am

@lantzgould
Hi Lantz

Please find it below:

lantzgould · September 12, 2021, 4:40am

Thank you. Can you send me a screenshot or the plugin settings, you can blur out your keys. I just need to see the first few letters on it.

preexport · September 12, 2021, 4:45am

Yes it is below

lantzgould · September 12, 2021, 4:58am

Thank you. All seems ok to me. Would you happen to have a test page I could see to reproduce the issue? Editor and preview. View only should be ok too.

preexport · September 12, 2021, 5:37am

Hi Lantz

i have tried to run the debugger, the error was because of the payment method showing empty. when i removed the text (card) and retype it again the plugin worked. i dont know why lol but this exactly what happened.

lantzgould · September 12, 2021, 5:45am

How weird! Glad it’s sorted out now. Feel free to reach out if you have any more questions.

-cheers

preexport · September 12, 2021, 5:50am

thank you lantz
only trying to use wechat pay, it seems there is a required parameter not included.

“{\n “error”: {\n “message”: “WeChat Pay requires payment_method_options[wechat_pay][client] to be set to web.”,\n “type”: “invalid_request_error”\n }\n}\n”

lantzgould · September 12, 2021, 6:01am

I see. I will look into this first thing tomorrow when I’m at my desk.

preexport · September 12, 2021, 11:48am

Hi Iantz
please advise how to show the checkout page inside a popup, I tried to open the body url inside iframe element located inside a popup but the checkout page is not loading. is there a way? because for our user experience better not leaving our website.
thank you again for your support.

lantzgould · September 12, 2021, 5:13pm

Unfortunately Stripe does not support this method.

preexport · September 13, 2021, 11:36am

Hi Iantz
is it solved for Wechat pay?

thanks

lantzgould · September 13, 2021, 4:26pm

Should be solved now

adambailey · February 3, 2022, 1:11pm

Hi @lantzgould Im getting the same error message as above; The plugin Stripe Checkout / action Start Stripe Checkout threw the following error: o@https://js.stripe.com/v3/:1:55044
s/<@https://js.stripe.com/v3/:1:43946
n@https://js.stripe.com/v3/:1:12097 (please report this to the plugin author)

Tried a few different things with the same setup and nothings working. Could you take a look please?