This is pure gold! Tried very hard to find a comprehensive tutorial for the last few months on Stripe. Everyone explained the subscribing part but not many details on other areas. This one is great and actually aimed to deliver value to the viewers. Thanks !
This is one of the MOST informative tutorial on such a needed subject. It's amazing so much information is demonstrated within 30 minutes. I'm sure once I dig into the details questions will pop up (lol). Thanks for sharing your knowledge! I have a feeling this will be one, if not the most popular video on your channel : ) Thanks again!
MAY-23 UPDATE: Since I created this video, the Stripe Customer Portal plugin used in the tutorial seems to have been deleted. I've released my own version of the plugin which you can find at this link: bubble.io/plugin/stripe-customer-portal-1682267928095x968520962536636400 It works in pretty much the same way as the Customer Portal plugin shown in the video. I've also built a demo app showcasing the plugin; you can find it here: customer-portal-demo.bubbleapps.io/version-test
hi, i just purchased your plugin. After setting it up when i want the user to click on manage plan button, after "self service portal" workflow, there is no option that says "Open Portal in a new tab". I am currently stuck. How can i proceed?
Hi @@t.m.5004, Bubble have changed their naming conventions since this tutorial was released. You can use the 'Open an external website' action to achieve the same thing. I recommend watching this tutorial video for more up-to-date instructions: th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
@@CranfordTech thanks for your prompt reply. I was able to proceed however it is now failing to send webhook attempt, even after i carefully followed all your instructions. I am currently on a free plan. I will have a look at your other video cheers.
I'm not sure, but it seems the part that speaks on how to interface with Stripes Customer Portal has now changed. I'm currently trying to work with their one stop link setup. Would love a quick tutorial on how to finalize this with the new stripe settings. Great Tutorial btw - Thank you!
It's very similar but instead of adding that second workflow step from the plugins, you just use bubble's own way of opening an external URL in the Navigation section.
some tips: When adding the plan into stripe, it may take a while for bubble to be updated that it exists. Also, make sure that stripe is set to version 3 (recommended) and not version 2 (Legacy) this option is a dropdown inside of the plugins page for stripe
Just skimming through this and looks like you have covered everything I need - seriously impressive tutorial! I had found a hodge-dodge of other tutorials that sort of covered the various sections but this one is brill. Looking forward to getting stuck in. Thanks man! And hello from Killaloe ;-) Steve.
Thank you very much! I was not aware of all this conditions and had not thinking to call all the Stripe data to my app, know I'm going to be able to add a lot of monetization options over time, one more time, thank you sir!
FINALLY! This is the video I’ve been looking for. I could cry!! However, even though I followed everything, when a user cancels in Stripe it doesn’t update in my bubble site… but I can see that the live webhook is working, and the users subscription status is successfully updated when they sign up so I’m not sure what I’m missing.
Hmmm sounds like you’ve already done quite a bit of troubleshooting. You have the subscription.cancelled event set up for the webhook? If so and it’s still not working feel free to send a video of your setup to nocodebuilds@gmail.com. No guarantee I’ll be able to figure it out, but I’ll certainly take a look 😀
@@harmonyjackson That really confused me well. Looks like part of the video got cut. I found by looking at video segments 17:47 and 24:34 - I could see all the fields that need to be changed - so the integration worked.
5:33 I'm not seeing "Stripe Customer ID" as an option. All the other fields are available. Is this video now outdated? Or why isn't this approach working for me?
Amazing, thank you for that tutorial. Do you happen to know how to achieve the same result using a metered product? It seems that the Stripe plugin doesn't support that yet.
Thanks for the kind words Saumuel! Metered products are something I've been meaning to look into but haven't gotten around to yet - may do a tutorial video one day but afraid I don't have any advice to offer for now.
Great video! One area to expand in perhaps another video is the best way to scale pricing, i.e usage-based when they add new users, create new profiles, have x number of contacts or use a certain amount of storage.
@BT-xm7ti yes Bubble have changed the name of that action since the video was recorded. You can now use the 'Open an external website' action instead 🙂
Thanks for bringing this to my attention Conan. If you're comfortable with the API Connector you could use this to replicate the functionality of the Customer Portal plugin. Alternatively I'm working on my own Stripe - Subscriptions plugin. If you'd like to be notified of when I release this plugin, you can go to www.cranfordtech.com/contact and let me know via the message field that you're interested in the plugin.
Hi! When I try to pick a plan @ 3:42 it doesnt list any plans while I did put in my api keys and have subscription plans in my stripe account. What could be the issue?
Hi, thanks for the amazing educational video! One question I had is that while this video shows the process in Test mode, how would it be different for the Live mode?
Thanks Pranav! A couple of things you'd need to differently: 1. Make sure your "live" API keys are configured in the plugins section 2. Set up a new webhook for the live version of your app
@@CranfordTech I did the deploy, but when i go to backend workflow , and try to "detect data", the end point that appears is the same that i was using in the version test... The strange thing is that when i go to Config-> API , the end point that is showed up is the correct one, with my domain and stuff... I tryed a couple times to do the "detect data" with the end point suggested in the workflow, but didnt work... After changing the domain, and deploying the app...should the Endpoint suggested when click in "detect data" still the same ? or it should be refreshed ? can anyone help me? :)
i am having a problem when you set the webhook, when you create the "update_subscription" workflow, and change for the detect data, bubble show and error that states "we were unable to parse the type for this backend api. please re-initialize the detected fields", i dont know what to do, can someone help me ?
Wonderful tutorial! I do have a question, when I follow all the steps, everything from Stripe's customer info is showing in my data except the customer id. Any ideas on what I might be doing wrong? I do have the privacy rule checked for social network as I had read somewhere and used stripe customer ID = Current User's Stripe Customer ID. Thanks!
Sorry I had another quick question! When enabling your API for stripe - I noticed that the api URL has 'version-test' if we were to deploy this on the live version, does something else need to happen to make it live? or is it already live? Hope that makes sense!
Hi Rhea, you would need to set up a new webhook for the live version of your app (i.e. drop the "version-test" part of the url and use live mode rather than test mode in Stripe)
@@CranfordTech To clarify. 1 webhook for test and 1 for live in Bubble + 1 webhook in Test mode in Stripe (with full bubble URL) and 1 webhook in Live mode in Stirpe (with Bubble URL, removing the "version-test/"). Correct? Thanks, this is awesome 👏
I’m a bit confused about dev/prod environments. Am I right that you can’t connect Bubble dev to stripe test and Bubble prod to Stripe prod at the same time? When you use dev Bubble key, you can select dev plans, dev webhooks, and live version is view only, so you can see live plans but cannot select them. Test plans are not working in prod if prod key set for prod. When Bubble dev set with prod Stripe keys you can’t test it because it’s live. How can dev environment set with a dev key, webhooks, plans and prod with prod key, prod plans etc at the same time?
to fix the issue you'll have to copy the live api keys to the .dev keys inputs, that way you will draw your live products/prices/webhooks into your development app and live app at the same time.
Is it possible to have the customer select their own start date of the subscription and when they cancel the subscription that it cancels at the end of the next billing cycle instead of at the end of the current one?
Love the tutorial. I had a quick question, should I remove the "version-test" in the endpoint URL in Stripe? This other plugin I was using wasn't working correctly until I removed that from the endpoint URL. I just wanted to check to see if I should (before I break anything). Thanks!
Thanks Mike! You should remove the "version-test" from the endpoint URL in Stripe IF you're implementing this in production mode. If you're still testing it in test-mode, you should leave it in :) Hope that helps
I was struggling with that...But i realize how to solve --> After initialize the API in "version-test" in dev-mode ---> you make the DEPLOY. , and after the DEPLOY ---> you have to remove the "initialize" as he said, and ALSO the "version-test". --> And just then make another SUBSCRIPTION/CANCEL flow, with a brand new user in live mode. OBS: After deploy you can notice on CONFIG -API , that the pattern of the API changes.
I suspect I know the problem here. I use a custom field called customer ID in the tutorial, but there is also a bubble field called customer ID - are you using the correct one? Poor naming conventions from me 😀
Yep pretty much the same setup, you just need to make sure: - your put in your live API keys - set the subscription in live mode in Stripe - make sure the webhooks are connected to the live URL
i got the plugin and everything is working fine until 8:23 when i search for OPEN PORTAL IN NEW TAB , i dont have this option, it's because of the update in the plugin?
Hi Kevin, Bubble have updated their editor since this tutorial was recorded. You can use "Open an external website" under the "Navigation" section of the workflow actions to achieve the same thing 🙂
When you say "backend workflow" are you referring to the webhook action? If so, you'll need to redo the steps I outlined and use the live product rather than the test mode product. You'll also need to remove the "version-test" from the webhook URL. Hope that helps!
Awesome tutorial THANK YOU!!! For some reason the Stripe_Customer_ID doesn't get updated. Everything else gets filled up on the database, but not the Customer ID. Maybe I am missing something?
Great tutorial. One question. When creating the workflow to subscribe user to a plan I only see test products ... how (when) do I set up the live products ?
Thanks for the kind words Carlos! You'll need to do 2 things: 1. Create products in "live" mode in your Stripe dashboard (so not "test" mode") 2. Put in your live Stripe API keys in the plugin section
Amazing video! For some reason when I subscribe a user none of their user data changes, even though stripe recognizes the subscription creation and has the necessary data, I am pretty certain I followed the workflow exactly. Appreciate any tips!
Thanks Owen! Hard for me to say what's going wrong without seeing the editor. I've put together a demo app that is quite similar to what's in the video - may be useful to check out the workflows and ensure they match your own: customer-portal-demo.bubbleapps.io/version-test
@@CranfordTech thanks so much, I will check that out now. Weirdly enough after a few hours all the data updated as intended, besides subscription_id… which im guessing will update after their trial is over… we shall see, thanks regardless!
Amazing tutorial. I followed each steps and it's just beautiful. Thank you for sharing! Quick question : I have a pop up instead of the checkout page open when the user subscribed the first time using the workflow you suggested. Any idea on how to get rid of the pop up and instead redirect the customer to the checkout page of stripe?
Exactly what i needed. Thank u very much =D . Just one question. Any ideas why i cant select any stripe plan name? do i need to manually add it in the bubble data base? i created the products in stripe ... and added my stripe api in the pluggin section but i cant select any stripe plan. did i forget something? Thanks!
Thanks Khloé! Hmmm one thing is you might have a mismatch between your API keys and your Stripe environment. Have you put in both your live and development API keys? If you create a plan in the test environment in Stripe you'll need to have your test keys configured, but if you create a live plan you'll need the live keys configured in the bubble stripe plugin.
Thanks for the kind words Jonathan! You would likely want to set up a backend workflow to cancel their subscription and change their "status" so they no longer have access. Hope that helps!
Thank you for this video - Does anyone know if you need to change the webhook url when setting this up in your Live environment? I noticed the url that you copy from Bubble is not the custom domain that my website runs off of. It also includes "version-test" within the url.
Hi there, I have a more recent tutorial on this very subject - you can see it here: th-cam.com/video/6F5qV9O1Akg/w-d-xo.html The relevant section is from 17:20 on 🙂
@@CranfordTech Thank you, I will check it out. One other question I ran into is when adding the action "Subscribe the user to price xyz..." the plugin only picks up the prices from my testing environment in Stripe. I noticed in the Bubble documentation, they mention "Since the app has two versions, Development and Live, you need to have both versions of your account in Stripe to have the same plans with the same IDs." I don't know how to ensure they both have the same price ID between environments. Thoughts on this?
@@CranfordTech Thanks just watched and looks to have answered my questions. However, if I'm using a custom domain, does the webhook need to be changed at all or does Bubble take care of all of that?
Another good question@@TheSwingSavvy and I'm actually not sure of the answer 🙂 Should be easy enough to test out though - my guess is that you'll be ok without changing the webhook URL to your custom domain, but I could well be wrong on that. Let me know how you get on!
hi! your wideo and module looks great, but I don't undestand the part with the "Stripe_Customer_ID". You take it form the user's data, but it is empty..? I followed your steps, but this field stays blank.. so when I want to redirect the customer to his portal, it fails as this id is empty.. do you have any clue of what could be wrong?
Hi there, the server error usually occurs when you haven't added a credit card to your account. If you go to your Bubble settings, add your credit card information, and then try to purchase the plugin again you should be able to do so 🙂
Thanks for this great tutorial! A few of us in the comments have the same issue of not getting the Stripe_Customer_ID. In the video, it uses the Current User ID but it is empty by default so I'm not sure why it worked on your side. Did you get the Stripe Customer ID before?
Hi there, I had the same problem. If you search for 'Stripe Customer ID' you'll see there is "Stripe _Customer_ID" (with underscores) and "Stripe Customer ID" (with spaces). Use the one with spaces and then that should work.
Thanks Jean-Marc! I suspect I know the problem here. I created a CUSTOM field called customer ID in the tutorial, but there is also a DEFAULT bubble field called customer ID - are you using the correct one? Poor naming conventions from me causing a bit of confusion 😀
@@CranfordTech thanks guys - I was stuck on it .... Just went to Current User options and down the scroll there was "Stripe Customer ID" - hope this bit of extra info helps
Thanks for the video! Been trying to set up webhooks and keep running into an error... I have data detection live, however, when resending the webhook it continues to state "error".. any advice? thanks!
Hmm there could be a number of issues here: 1) Have you kept "initialised" in the webhook URL when setting it up and then removed it after? 2) Have you configured your Stripe API keys for the plugins?
@@CranfordTech I figured it out.. I'm still using the free plan, I guess you have to upgrade to a paid subscription for that to work. Received this error message: "Please upgrade your Bubble subscription for your API calls to run".
Can we do this process without the webhooks? i keep getting the "We are unable to parse the type for the backend API. Please re-initlaize the detected fields."
Yes, the customer ID is necessary to manage subscriptions via the Stripe Billing Portal. If you're following the steps in the video and it's still not working, you may be pulling in the wrong field - scroll down towards the bottom of the dynamic data dropdown and you should see "Stripe Customer ID" (no dashes). Hope that helps 🙂
Hey there - I have just purchased your stripe customer portal however the option to open portal in new tab is not available via plugin workflow - any guidance on what the new step to complete this step to pop open the portal is?
Hey sorry to bug you - but when I choose result of step 1's url - it is returning empty (seeing it in the debugger). Have I configured it incorrectly? The customer stripe ID is coming through fine
@@salvatorepercival sounds like it's an issue with your api key setup. If you make your bubble editor public and send me a link to it (alex@cranfordtech.com) I'll take a look at it.
What if the user want to have two type of subscription? for my app they will have the Developers and Hiring manager at the same time, how to achieve that ?
Great video. Question: The subscription process brings you back to the app. The customer portal creates a new tab. Any way for the customer portal to bring you back to the app?
Well noticed Parris. I don't think it's possible to open the customer tab in the same tab as your bubble app IF you use the plugin I do in the video. It IS possible to go from your bubble app to the Stripe customer portal and stay within the same tab if you connect to Stripe via the API connector. I wanted to keep things simple in this video given the wide range of topics covered, but may do a tutorial on connecting to Stripe via the API Connector in the future.
I’m currently using the billflow plugin for checkout/plan selection and customer portal. The billflow plugin will be turned of soon due to billflow being acquired by stripe. Therefore, my app will require a little retooling. The billflow plug-in provides a customer portal element which keeps all that info in the app. I may need to look at the API. Thanks for your quick reply.
@@parrisgjerde9212 Not sure where you're at but make sure you review this video. The founder of Billflow is now at Stripe & he shows some similar functionality for creating portal sessions (I believe ~25min mark) step by step using API connector th-cam.com/video/HGFVnTf7kMg/w-d-xo.html
Nice vid. Based on your tutorial, Stripe automatically updates Bubble field 'Status' to active, cancelled or not_active, and that's how you're identifying in Bubble if a user has paid a subscription. How would I set up the Bubble database and/or stripe if I have different types of subscription products in Stripe, say a premium and a premium+, or an individual and a team account? Would I just need two fields, for instance, Status Pro and Status ProPlus? What about changing between plans?
So for cancellations, open portal in new tab only works with version 10.6, how would this work with the newer versions where this option was removed? Great video!
@@salvatorepercival for step 1 Self Service Portal - Stripe Portal: I used "this URL" as return url. For Step 2 I used bubble's "Open an external website", same "results of step 1's URL".
To go live - we add the products in "live mode" on stripe and then enter the live keys and follow the tutorial the same (set up the subscription to be to one of the new live products)? Thank you for this!
That's it exactly Kevin! You'll also need to remove the "version-test" from the webhook URL. Hope it goes smoothly and let me know if you've any other questions!
@@CranfordTech Thank you so much, new question - if I wanted to allow a user to sign up to a plan, but keep it on a free trial until a certain condition happened in my bubble app (in our case, their first paid deal comes through the platform) is there a way to do this?
insanely informative tutorial, one of the few with good explanations! I do have a question: you turn off all privacy rules and authentication in the API workflow for the Stripe webhook, isn't this dangerous in terms of privacy and security?
This is a very valid point. I did not spend any time on privacy rules as that could easily be another 1 hour tutorial by itself. But yes, in general you should absolutely consider the privacy rules when using webhooks. Appreciate the feedback and something I'll look to incorporate in future tutorials.
Hi @MarioCantin, I suspect you're choosing the wrong "Stripe Customer ID" field from the dynamic dropdown menu. Try scrolling down towards the bottom of the dropdown and you should see "Stripe Customer ID" (no "-") - will do the trick.
Thank you for making this video! I have been stuck for months, unable to return data from Stripe to my Bubble App. Your video provides a simplified process with a deep understanding of how it works. After a subscription has been cancelled, can the user restore or resume their account using the same email address? Once again, thank you for this video!
Thanks for the kind words Dan! I'll be honest I have not tested out a user restoring/resuming their subscription with the same email, but I see no reason why that would not work.
Thank you for getting back to me, Alex. Everything you have taught works perfectly, and they have been very helpful. I noticed the following after cancelling a subscription and retrying to subscribe using the same email: 1. When I click the Subscribe button, it no longer works. That is, no action takes place. 2. When I click the Manage_Billing button, it takes me to the stripe customer portal. However, the buttons (Update plan and Cancel plan) disappear; therefore, I cannot make any changes to the account. I may be doing something wrong; please let me know. Thank you.
@@dano5913 hmmm that suggests that the user in your app cannot re-subscribe using the workflow you've created. I'm afraid this isn't something I've looked into deeply so can't offer much advice. However, I've no doubt that this is possible, it may just take some tweaking of the workflows.
Hi Nocode builds, A quick question! The webhook that you have, does it get triggered after every monthly billing? Because if I choose the monthly renewal plan, there should be a way to update the "Subscription End" date to next month's end date right? How is that handled?
Awesome video! ❤ 1 thing I don't understand is why do you use "customer.subscription.deleted" and not "subscription_schedule.canceled". Does it have to do anything with how Stripe Plugin is set up? 🙏
This is a great video. My only question is how do I make this live? I'm ready to get paid but when people are trying to purchase, I get an error saying that a development key was used. Can you help with this?
Go to your Stripe dashboard -> developers (upper right) -> API Keys. Find the toggle for Test mode (upper right), and turn it off. The page should now show the live keys. The Publishable key should start with pk_live_ in live mode instead of pk_test_
Hi Cranford. It seems you updated the plugin and now there is no "open portal in new tab" anymore. Any recommendation? thanks! Edit: I guess it is the return URL. Right?
for step 1 Self Service Portal - Stripe Portal: I used "this URL" as return url. For Step 2 I used bubble's "Open an external website", same "results of step 1's URL".
Awesome buddy, well done. Just one problem for me. I don't get the Stripe_Unique_ID value and I don't seem to find what's the reason. Was wondering if someone else had a similar issue
Great video, thank you! If cancel is set to cancel at the end of the subscription instead of immediate...I'm assuming Stripe will hit the webhook with the cancel when it happens later at the end of the current paid period? Similar...if setup for auto monthly recurring...Stripe will hit the webhook when the auto recurring happens? Then based on those two we can add to the workflow "if status is canceled" do whatever canceled things you want to do in your app and "if status is active" do whatever active things you want to do in your app if any. ...I added the following to capture these later scheduled events "customer.subscription.updated"
Do you know how I can add the ability to add a promotion code / coupon code to the Stripe Checkout screen? This was possible via BillFlow but I do not see that as an option with the new Stripe Billing. I can create a coupon code but there does not seem to be an option to add a coupon code at checkout. Any help would be greatly appreciated!
This might come a bit late but I had the same question and ive just found the solution. In the workflow, in the window of SUBSCRIBE THE USER TO A PLAN , there's a checkbox "Allow promotion box" that must be checked..
I echo what others have said. This is great stuff! Thank you for the comprehensive tutorial! I do have one question. When you subscribed the user to a plan at the beginning of the tutorial, you left the checkbox to "update an existing subscription." Why did you leave that checked? I understood the user to be brand new with no prior subscriptions. Thanks!
Thanks for the kind words Chris! To be perfectly honest I didn't give that checkbox a lot of thought and probably should have unchecked it. Leaving it checked may cause issues down the road if you have users with multiple subscriptions - great spot on your part!
@@CranfordTech Got it. Thanks! I built my own integration to Stripe. I was rethinking it when I ran across your excellent tutorial. As I was testing it out, I realized that Bubble still hasn't incorporated Stripe's auto-tax functionality into its plug-in yet. Of course, it supports static tax codes, but I really like Stripe's managed tax service that takes care of everything for me. Of course, this means that I have to stick with my custom integration for now. Thanks again! I subscribed to your channel. Keep up the good work!
@@devilonstudio7587 Sounds like you're not saving down the Customer ID correctly. If you make your bubble editor public and send me a link to it (alex@cranfordtech.com) I'm happy to take a look and see what the issue is :)
Thanks Alex! Afraid I haven't ever submitted an app to the app store before so can't comment on this. Would be interested to hear how you get on if you do submit it!
Ahh stuck at 8:30 - the 'Stripe Customer Portal' plugin removed the 'Open Portal in New Tab' workflow in version 10.7.0, is there a workaround for that step? :(
Hey Josh - I had to downgrade the plugin to 10.6. and the "open portal in new tab" was available. It worked for me :) and it's a nice solution for now. Interested to see/hear a workaround for version 10.7 if you solved it.
Hi @@xavierabraham8328, yeah I did the same in the end. Works for now. If someone can find an alternative approach for v10.7 and beyond then I'm also interested in hearing it!
@@joshdavey3766 I think the workaround would be “open external website in new tab” and then included “Results of Step 1’s url”…I’ll give it a try tomorrow and circle back here with the results.
I am having this same problem as well, even downgraded to 10.6 as suggested below, but getting "No such customer" error. I know that the customer was created and test transaction was successful. Did you solve this error, how?
This video just saved me, I was trying to integrate ACH payment webhook and since you canceled subscription manually, I had to refund manually. Was stuck here for days😭😭
Hi there, things have changed a bit since this tutorial was originally recorded. If you watch the below updated tutorial, it should help with your issues 🙂 th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
Plug-in looks different now. On the stripe customer portal they give a URL link, which I copied into my work flow under run external website. When I run this, it asks for my email in order to send a link ? This works okay. However if I try to add any new accounts using different emails, it states that it is not recognised by Stripe, despite having an individual customer ID number? Any body experiencing similar issues ?
Hi Bruce, the plugin I used in the video no longer exists (was deleted by author). The new plugin you're using was built by me. This updated video should explain how to use use it 😀 th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
@@CranfordTech on my non live version, everything worked fine, able to cancel or amend payment plans, When I changed to the live version, stripe seems to work well but i am having difficulties with the customer portal - a long error message comes up “ stripe portal error….No auth mechanism defined… error : outer error…….” I changed the api key to my live key in bubbles plug in? Is there something else that I am missing
@@brucewhite7260 Hi Bruce, take a look at the logs section in the Developer part of your Stripe dashboard - that should give you some clue to the problem. If that doesn't work, can you make your bubble app public and shoot me an email (alex@cranfordtech.com) with a link to your bubble editor? I can dig in and try and solve the problem 🙂
This was an awesome video and best one out there yet! I am pretty sure I followed all the steps. Once the Free trial ended, The subscription status didn't change from Trialing to Active. Any thoughts? Thank you!
Thanks for the kind words! Did the subscription status update on your Stripe dashboard? If so and the status didn't change in your bubble database, it suggests your webhooks aren't setup properly.
@@CranfordTech ok! So I went through and looked at what was wrong. The live stripe section had the development test version link of bubble. So I went into the live mode of bubble and got the api workflow link there and just replaced it in stripe with updatesubscription at the end. Now it works! Thank you for this video honestly and your speedy response!
great tutorial. the only issue I have is that it starts with a current user. which means you need to create the account, then send them to payment. i'd rather create the account after payment has been made. this way the user information will be the highest quality.
Great video! Thank you! I have a question, if anyone could help me: 1 -> If I create a button for Monthly and another for Yearly. Where each button has a paralel workflow. Still need to create a second Event to update on the Backend worflow? Would not the Update Workflow be enough to update the Frequency and Period?
This is pure gold! Tried very hard to find a comprehensive tutorial for the last few months on Stripe. Everyone explained the subscribing part but not many details on other areas. This one is great and actually aimed to deliver value to the viewers. Thanks !
Thanks Ramsri! Really appreciate the kind words
This is one of the MOST informative tutorial on such a needed subject. It's amazing so much information is demonstrated within 30 minutes. I'm sure once I dig into the details questions will pop up (lol).
Thanks for sharing your knowledge! I have a feeling this will be one, if not the most popular video on your channel : ) Thanks again!
Thanks for the kind words Jon!
This video is really amazing, I rarely post comments on videos but this video deserves one.
It's really good and it's well detailed.
Thanks so much.
Thank you - I really appreciate the kind words!
I don’t usually comment at all, but you did a phenomenal job at explaining all the steps here, really impressed!
Thank you! Really appreciate that
@@CranfordTech please continue making more tutorials, it is only a matter of time before your channel blows up. Happy to be one of the first here.
@@RecklessRush thank you! I hope you're right
MAY-23 UPDATE: Since I created this video, the Stripe Customer Portal plugin used in the tutorial seems to have been deleted. I've released my own version of the plugin which you can find at this link:
bubble.io/plugin/stripe-customer-portal-1682267928095x968520962536636400
It works in pretty much the same way as the Customer Portal plugin shown in the video. I've also built a demo app showcasing the plugin; you can find it here:
customer-portal-demo.bubbleapps.io/version-test
hi, i just purchased your plugin. After setting it up when i want the user to click on manage plan button, after "self service portal" workflow, there is no option that says "Open Portal in a new tab". I am currently stuck. How can i proceed?
Hi @@t.m.5004, Bubble have changed their naming conventions since this tutorial was released.
You can use the 'Open an external website' action to achieve the same thing.
I recommend watching this tutorial video for more up-to-date instructions:
th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
@@CranfordTech thanks for your prompt reply. I was able to proceed however it is now failing to send webhook attempt, even after i carefully followed all your instructions. I am currently on a free plan. I will have a look at your other video cheers.
update: just upgraded to paid plan and now it's all good 😀 thanks for your plugin and your tutorials.
@t.m.5004 great to hear! Appreciate the kind words 🙂
I'm not sure, but it seems the part that speaks on how to interface with Stripes Customer Portal has now changed. I'm currently trying to work with their one stop link setup. Would love a quick tutorial on how to finalize this with the new stripe settings. Great Tutorial btw - Thank you!
It's very similar but instead of adding that second workflow step from the plugins, you just use bubble's own way of opening an external URL in the Navigation section.
some tips: When adding the plan into stripe, it may take a while for bubble to be updated that it exists. Also, make sure that stripe is set to version 3 (recommended) and not version 2 (Legacy) this option is a dropdown inside of the plugins page for stripe
Thanks for this - 2 very helpful tips!
Thanks for the tip with Version 3. I was wondering why I see the legacy checkout.
Thank you! How long should I wait? It's been 24 hours and it's still not picking up on my payment plan.
@@borjafat hi there! can you solve the problem? bcs it's been more than 30 hours for me also :D
@@yigitulken7872 is your problem already solved? I'm also having problems with live version product plan to update..
Incredible video!! What an amazing walk-through from start to finish. Channel is going to blow up
My wisest subscriber! 😀
This video is amazing. Exactly what I was looking for after SOOO much googling.
Thanks Eric - glad it was helpful!
Just skimming through this and looks like you have covered everything I need - seriously impressive tutorial! I had found a hodge-dodge of other tutorials that sort of covered the various sections but this one is brill. Looking forward to getting stuck in. Thanks man! And hello from Killaloe ;-) Steve.
Never thought my bubble tutorials would make it out to Killaloe I must say haha
Thanks for the kind words Steve - really appreciate it.
Incredible tutorial!! This is an important topic and you covered all the key points. Excelent.
Thank you! Appreciate the kind words
good video. Loved the tip about changing webhook data from a Bubble number field to a Bubble date-UNIX data field 👏
Thank you!
Thank you for making this. You sir are the MAN. Keep doing you and I hope you succeed in life!
Thank you very much! I was not aware of all this conditions and had not thinking to call all the Stripe data to my app, know I'm going to be able to add a lot of monetization options over time, one more time, thank you sir!
Hey Carlos, thanks for the kind words and glad you found it helpful!
FINALLY! This is the video I’ve been looking for. I could cry!! However, even though I followed everything, when a user cancels in Stripe it doesn’t update in my bubble site… but I can see that the live webhook is working, and the users subscription status is successfully updated when they sign up so I’m not sure what I’m missing.
Hmmm sounds like you’ve already done quite a bit of troubleshooting.
You have the subscription.cancelled event set up for the webhook?
If so and it’s still not working feel free to send a video of your setup to nocodebuilds@gmail.com. No guarantee I’ll be able to figure it out, but I’ll certainly take a look 😀
I do! I’m going to give everything another look and I’ll email if I can’t figure it out. Thank you so much!
@@harmonyjackson That really confused me well. Looks like part of the video got cut. I found by looking at video segments 17:47 and 24:34 - I could see all the fields that need to be changed - so the integration worked.
5:33 I'm not seeing "Stripe Customer ID" as an option. All the other fields are available. Is this video now outdated? Or why isn't this approach working for me?
This is one of the VERY few instructional videos I have found on TH-cam that I would gladly pay for just because it was just so dang helpful!
Very generous of you Rich! Thanks for the kind words
Amazing, thank you for that tutorial. Do you happen to know how to achieve the same result using a metered product? It seems that the Stripe plugin doesn't support that yet.
Thanks for the kind words Saumuel! Metered products are something I've been meaning to look into but haven't gotten around to yet - may do a tutorial video one day but afraid I don't have any advice to offer for now.
Great video! One area to expand in perhaps another video is the best way to scale pricing, i.e usage-based when they add new users, create new profiles, have x number of contacts or use a certain amount of storage.
Nice idea Luke. Will have to look into that for a future video.
Agree!
Amazing video, this is what I was looking for.
Glad to hear Adish!
Maybe it is because the video is old, but what should I put instrad of "Open Portal in New Tab", as this option doesn't exist in the plugin. Thx
@BT-xm7ti yes Bubble have changed the name of that action since the video was recorded.
You can now use the 'Open an external website' action instead 🙂
The Stripe Customer Portal plugin has been taken down. Anyone figured out an alternative to this?
Thanks for bringing this to my attention Conan. If you're comfortable with the API Connector you could use this to replicate the functionality of the Customer Portal plugin. Alternatively I'm working on my own Stripe - Subscriptions plugin. If you'd like to be notified of when I release this plugin, you can go to www.cranfordtech.com/contact and let me know via the message field that you're interested in the plugin.
Hi! When I try to pick a plan @ 3:42 it doesnt list any plans while I did put in my api keys and have subscription plans in my stripe account. What could be the issue?
Hi, thanks for the amazing educational video! One question I had is that while this video shows the process in Test mode, how would it be different for the Live mode?
Thanks Pranav! A couple of things you'd need to differently:
1. Make sure your "live" API keys are configured in the plugins section
2. Set up a new webhook for the live version of your app
@@CranfordTech I did the deploy, but when i go to backend workflow , and try to "detect data", the end point that appears is the same that i was using in the version test... The strange thing is that when i go to Config-> API , the end point that is showed up is the correct one, with my domain and stuff...
I tryed a couple times to do the "detect data" with the end point suggested in the workflow, but didnt work...
After changing the domain, and deploying the app...should the Endpoint suggested when click in "detect data" still the same ? or it should be refreshed ? can anyone help me? :)
i am having a problem when you set the webhook, when you create the "update_subscription" workflow, and change for the detect data, bubble show and error that states "we were unable to parse the type for this backend api. please re-initialize the detected fields", i dont know what to do, can someone help me ?
What an education! Nice to know there are true bubble experts out there!
Thank you!
Wonderful tutorial! I do have a question, when I follow all the steps, everything from Stripe's customer info is showing in my data except the customer id. Any ideas on what I might be doing wrong? I do have the privacy rule checked for social network as I had read somewhere and used stripe customer ID = Current User's Stripe Customer ID. Thanks!
I suspect you're saving down the wrong ID - scroll further down the dynamic data dropdown to "Stripe Customer ID" (no "-") and see if that works.
Sorry I had another quick question!
When enabling your API for stripe - I noticed that the api URL has 'version-test' if we were to deploy this on the live version, does something else need to happen to make it live? or is it already live?
Hope that makes sense!
Hi Rhea, you would need to set up a new webhook for the live version of your app (i.e. drop the "version-test" part of the url and use live mode rather than test mode in Stripe)
@@CranfordTech To clarify. 1 webhook for test and 1 for live in Bubble + 1 webhook in Test mode in Stripe (with full bubble URL) and 1 webhook in Live mode in Stirpe (with Bubble URL, removing the "version-test/"). Correct? Thanks, this is awesome 👏
I’m a bit confused about dev/prod environments. Am I right that you can’t connect Bubble dev to stripe test and Bubble prod to Stripe prod at the same time?
When you use dev Bubble key, you can select dev plans, dev webhooks, and live version is view only, so you can see live plans but cannot select them. Test plans are not working in prod if prod key set for prod. When Bubble dev set with prod Stripe keys you can’t test it because it’s live. How can dev environment set with a dev key, webhooks, plans and prod with prod key, prod plans etc at the same time?
Hello, Anna! I'm having the same problem. Have you been able to find a solution?
@@alonso1151 Hey there, having the same issue. Could anyone share a solution for this?
to fix the issue you'll have to copy the live api keys to the .dev keys inputs, that way you will draw your live products/prices/webhooks into your development app and live app at the same time.
is it better to use "not_activated or canceled" or current user stripe status is not "active"
Is it possible to have the customer select their own start date of the subscription and when they cancel the subscription that it cancels at the end of the next billing cycle instead of at the end of the current one?
Love the tutorial. I had a quick question, should I remove the "version-test" in the endpoint URL in Stripe? This other plugin I was using wasn't working correctly until I removed that from the endpoint URL. I just wanted to check to see if I should (before I break anything). Thanks!
Thanks Mike!
You should remove the "version-test" from the endpoint URL in Stripe IF you're implementing this in production mode.
If you're still testing it in test-mode, you should leave it in :)
Hope that helps
I was struggling with that...But i realize how to solve --> After initialize the API in "version-test" in dev-mode ---> you make the DEPLOY. , and after the DEPLOY ---> you have to remove the "initialize" as he said, and ALSO the "version-test". --> And just then make another SUBSCRIPTION/CANCEL flow, with a brand new user in live mode. OBS: After deploy you can notice on CONFIG -API , that the pattern of the API changes.
Amazing Video!
Just wondering Customer ID is not working for me, are you able to explain how it collates data from 'Current User'
I suspect I know the problem here.
I use a custom field called customer ID in the tutorial, but there is also a bubble field called customer ID - are you using the correct one?
Poor naming conventions from me 😀
@@CranfordTech Amazing! That was literally the problem, thank you so much!
Excellent content!
Thank you! Glad you liked it
This was an absolutely fantastic tutorial! Thank you so much for putting this together!
Thank you for the kind words :)
When I press subscribe, it says "must be logged in" or something. Do I need a login page for this? Is there a video on how to set up the login page?
Thank you very much! In order to set it live is the same procedure bust just using the live environment?
Yep pretty much the same setup, you just need to make sure:
- your put in your live API keys
- set the subscription in live mode in Stripe
- make sure the webhooks are connected to the live URL
i got the plugin and everything is working fine until 8:23 when i search for OPEN PORTAL IN NEW TAB , i dont have this option, it's because of the update in the plugin?
Hi Kevin, Bubble have updated their editor since this tutorial was recorded. You can use "Open an external website" under the "Navigation" section of the workflow actions to achieve the same thing 🙂
Does the backend workflow work also when deployed live or should I recapture the Data? Thanks for the tutorial!
When you say "backend workflow" are you referring to the webhook action? If so, you'll need to redo the steps I outlined and use the live product rather than the test mode product. You'll also need to remove the "version-test" from the webhook URL.
Hope that helps!
Awesome tutorial THANK YOU!!! For some reason the Stripe_Customer_ID doesn't get updated. Everything else gets filled up on the database, but not the Customer ID. Maybe I am missing something?
I have the same issue. In the video, it uses the Current User ID but it is empty so I'm not sure why it worked on his side.
Yes, I had same issue but now fixed
Great tutorial. One question.
When creating the workflow to subscribe user to a plan I only see test products ... how (when) do I set up the live products ?
Thanks for the kind words Carlos! You'll need to do 2 things:
1. Create products in "live" mode in your Stripe dashboard (so not "test" mode")
2. Put in your live Stripe API keys in the plugin section
@@CranfordTech yes but then the product id is different to the one in thr workflow .. should i change that too ?
Amazing video! For some reason when I subscribe a user none of their user data changes, even though stripe recognizes the subscription creation and has the necessary data, I am pretty certain I followed the workflow exactly. Appreciate any tips!
Thanks Owen! Hard for me to say what's going wrong without seeing the editor. I've put together a demo app that is quite similar to what's in the video - may be useful to check out the workflows and ensure they match your own:
customer-portal-demo.bubbleapps.io/version-test
@@CranfordTech thanks so much, I will check that out now. Weirdly enough after a few hours all the data updated as intended, besides subscription_id… which im guessing will update after their trial is over… we shall see, thanks regardless!
Amazing tutorial. I followed each steps and it's just beautiful. Thank you for sharing! Quick question : I have a pop up instead of the checkout page open when the user subscribed the first time using the workflow you suggested. Any idea on how to get rid of the pop up and instead redirect the customer to the checkout page of stripe?
Change to V3 in the plugin settings
Exactly what i needed. Thank u very much =D . Just one question. Any ideas why i cant select any stripe plan name? do i need to manually add it in the bubble data base? i created the products in stripe ... and added my stripe api in the pluggin section but i cant select any stripe plan. did i forget something? Thanks!
Thanks Khloé!
Hmmm one thing is you might have a mismatch between your API keys and your Stripe environment. Have you put in both your live and development API keys? If you create a plan in the test environment in Stripe you'll need to have your test keys configured, but if you create a live plan you'll need the live keys configured in the bubble stripe plugin.
Thanks for making this. Do things change much if you want it to end their access at the end of the period they've paid for?
Thanks for the kind words Jonathan! You would likely want to set up a backend workflow to cancel their subscription and change their "status" so they no longer have access. Hope that helps!
Thank you for this video - Does anyone know if you need to change the webhook url when setting this up in your Live environment? I noticed the url that you copy from Bubble is not the custom domain that my website runs off of. It also includes "version-test" within the url.
Hi there, I have a more recent tutorial on this very subject - you can see it here:
th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
The relevant section is from 17:20 on 🙂
@@CranfordTech Thank you, I will check it out. One other question I ran into is when adding the action "Subscribe the user to price xyz..." the plugin only picks up the prices from my testing environment in Stripe. I noticed in the Bubble documentation, they mention "Since the app has two versions, Development and Live, you need to have both versions of your account in Stripe to have the same plans with the same IDs." I don't know how to ensure they both have the same price ID between environments. Thoughts on this?
Good question@@TheSwingSavvy! This is also covered in the video I linked to above 🙂
@@CranfordTech Thanks just watched and looks to have answered my questions. However, if I'm using a custom domain, does the webhook need to be changed at all or does Bubble take care of all of that?
Another good question@@TheSwingSavvy and I'm actually not sure of the answer 🙂 Should be easy enough to test out though - my guess is that you'll be ok without changing the webhook URL to your custom domain, but I could well be wrong on that.
Let me know how you get on!
hi! your wideo and module looks great, but I don't undestand the part with the "Stripe_Customer_ID". You take it form the user's data, but it is empty..? I followed your steps, but this field stays blank.. so when I want to redirect the customer to his portal, it fails as this id is empty..
do you have any clue of what could be wrong?
I suspect you're saving down the wrong ID - scroll further down the dynamic data dropdown to "Stripe Customer ID" (no "-") and see if that works.
@@CranfordTech thanks! That's it :)
@@CranfordTech I have another issue. nothing happens when I use the portal action from your plugin. I don't have the action "go to the portal"
@@nca-nocodeagency can I confirm you have set a Return URL in the Return URL field? 🙂
@@CranfordTech I got the solution from your other video : th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
it looks more recent
hey, I don't see the Stripe Portal Plugin, and when I try to buy your plugin, there is a servor error. How can I do this part without it ?
Hi there, the server error usually occurs when you haven't added a credit card to your account.
If you go to your Bubble settings, add your credit card information, and then try to purchase the plugin again you should be able to do so 🙂
Thanks for this great tutorial! A few of us in the comments have the same issue of not getting the Stripe_Customer_ID. In the video, it uses the Current User ID but it is empty by default so I'm not sure why it worked on your side. Did you get the Stripe Customer ID before?
Hi there, I had the same problem. If you search for 'Stripe Customer ID' you'll see there is "Stripe _Customer_ID" (with underscores) and "Stripe Customer ID" (with spaces). Use the one with spaces and then that should work.
Thanks Jean-Marc!
I suspect I know the problem here.
I created a CUSTOM field called customer ID in the tutorial, but there is also a DEFAULT bubble field called customer ID - are you using the correct one?
Poor naming conventions from me causing a bit of confusion 😀
@@CranfordTech thanks guys - I was stuck on it .... Just went to Current User options and down the scroll there was "Stripe Customer ID" - hope this bit of extra info helps
Thanks for the video! Been trying to set up webhooks and keep running into an error... I have data detection live, however, when resending the webhook it continues to state "error".. any advice? thanks!
Hmm there could be a number of issues here:
1) Have you kept "initialised" in the webhook URL when setting it up and then removed it after?
2) Have you configured your Stripe API keys for the plugins?
@@CranfordTech I figured it out.. I'm still using the free plan, I guess you have to upgrade to a paid subscription for that to work. Received this error message: "Please upgrade your Bubble subscription for your API calls to run".
@@128superluke Ah that would be it alright. Unfortunately you do have to pay to access some of the more advanced features.
Can we do this process without the webhooks? i keep getting the "We are unable to parse the type for the backend API. Please re-initlaize the detected fields."
This is great but can you format the customer portal so that it matches the style of my app.
Thanks Bruce! You can change the format of your Billing Portal in the Settings section of your Stripe dashboard.
Fantastic thank you! Is the customer_id necessary? How do you retrieve it?
Yes, the customer ID is necessary to manage subscriptions via the Stripe Billing Portal.
If you're following the steps in the video and it's still not working, you may be pulling in the wrong field - scroll down towards the bottom of the dynamic data dropdown and you should see "Stripe Customer ID" (no dashes). Hope that helps 🙂
OMG... um... I totally didn't catch that. Thank you so much for the response and wonderful product. Great work!
@@pixel.hustler no problem 🙂
Hey there - I have just purchased your stripe customer portal however the option to open portal in new tab is not available via plugin workflow - any guidance on what the new step to complete this step to pop open the portal is?
You can use the "Navigate to an external website" action 🙂
@@CranfordTech thanks!
Hey sorry to bug you - but when I choose result of step 1's url - it is returning empty (seeing it in the debugger). Have I configured it incorrectly? The customer stripe ID is coming through fine
@@salvatorepercival sounds like it's an issue with your api key setup. If you make your bubble editor public and send me a link to it (alex@cranfordtech.com) I'll take a look at it.
@@CranfordTech Sent thanks!
What if the user want to have two type of subscription? for my app they will have the Developers and Hiring manager at the same time, how to achieve that ?
Great video. Question: The subscription process brings you back to the app. The customer portal creates a new tab. Any way for the customer portal to bring you back to the app?
Well noticed Parris. I don't think it's possible to open the customer tab in the same tab as your bubble app IF you use the plugin I do in the video.
It IS possible to go from your bubble app to the Stripe customer portal and stay within the same tab if you connect to Stripe via the API connector.
I wanted to keep things simple in this video given the wide range of topics covered, but may do a tutorial on connecting to Stripe via the API Connector in the future.
I’m currently using the billflow plugin for checkout/plan selection and customer portal. The billflow plugin will be turned of soon due to billflow being acquired by stripe. Therefore, my app will require a little retooling. The billflow plug-in provides a customer portal element which keeps all that info in the app. I may need to look at the API. Thanks for your quick reply.
@@parrisgjerde9212 Not sure where you're at but make sure you review this video. The founder of Billflow is now at Stripe & he shows some similar functionality for creating portal sessions (I believe ~25min mark) step by step using API connector th-cam.com/video/HGFVnTf7kMg/w-d-xo.html
Nice vid. Based on your tutorial, Stripe automatically updates Bubble field 'Status' to active, cancelled or not_active, and that's how you're identifying in Bubble if a user has paid a subscription. How would I set up the Bubble database and/or stripe if I have different types of subscription products in Stripe, say a premium and a premium+, or an individual and a team account? Would I just need two fields, for instance, Status Pro and Status ProPlus? What about changing between plans?
Hey did you figure this out?
So for cancellations, open portal in new tab only works with version 10.6, how would this work with the newer versions where this option was removed? Great video!
any luck with this?
@@salvatorepercival for step 1 Self Service Portal - Stripe Portal: I used "this URL" as return url. For Step 2 I used bubble's "Open an external website", same "results of step 1's URL".
To go live - we add the products in "live mode" on stripe and then enter the live keys and follow the tutorial the same (set up the subscription to be to one of the new live products)? Thank you for this!
That's it exactly Kevin! You'll also need to remove the "version-test" from the webhook URL. Hope it goes smoothly and let me know if you've any other questions!
@@CranfordTech Thank you so much, new question - if I wanted to allow a user to sign up to a plan, but keep it on a free trial until a certain condition happened in my bubble app (in our case, their first paid deal comes through the platform) is there a way to do this?
insanely informative tutorial, one of the few with good explanations! I do have a question: you turn off all privacy rules and authentication in the API workflow for the Stripe webhook, isn't this dangerous in terms of privacy and security?
This is a very valid point. I did not spend any time on privacy rules as that could easily be another 1 hour tutorial by itself.
But yes, in general you should absolutely consider the privacy rules when using webhooks.
Appreciate the feedback and something I'll look to incorporate in future tutorials.
Should you create products instead of Subscriptions if you have a subscription model? Is there a benefit there?
I usually create products and give them a recurring price so that they are subscriptions
God bless you for this video!
Glad you liked it!
Hi, I followed the instructions carefully, but the stripe customer ID is not being saved in the database. Have you heard of this issue before? Thanks.
Hi @MarioCantin, I suspect you're choosing the wrong "Stripe Customer ID" field from the dynamic dropdown menu. Try scrolling down towards the bottom of the dropdown and you should see "Stripe Customer ID" (no "-") - will do the trick.
Thank you for making this video! I have been stuck for months, unable to return data from Stripe to my Bubble App. Your video provides a simplified process with a deep understanding of how it works.
After a subscription has been cancelled, can the user restore or resume their account using the same email address?
Once again, thank you for this video!
Thanks for the kind words Dan!
I'll be honest I have not tested out a user restoring/resuming their subscription with the same email, but I see no reason why that would not work.
Thank you for getting back to me, Alex.
Everything you have taught works perfectly, and they have been very helpful. I noticed the following after cancelling a subscription and retrying to subscribe using the same email:
1. When I click the Subscribe button, it no longer works. That is, no action takes place.
2. When I click the Manage_Billing button, it takes me to the stripe customer portal. However, the buttons (Update plan and Cancel plan) disappear; therefore, I cannot make any changes to the account.
I may be doing something wrong; please let me know.
Thank you.
@@dano5913 hmmm that suggests that the user in your app cannot re-subscribe using the workflow you've created.
I'm afraid this isn't something I've looked into deeply so can't offer much advice. However, I've no doubt that this is possible, it may just take some tweaking of the workflows.
Hi Nocode builds, A quick question!
The webhook that you have, does it get triggered after every monthly billing? Because if I choose the monthly renewal plan, there should be a way to update the "Subscription End" date to next month's end date right? How is that handled?
The “customer.subscription.updated” event will handle this 😀
@@CranfordTech Thanks :)
Awesome video! ❤ 1 thing I don't understand is why do you use "customer.subscription.deleted" and not "subscription_schedule.canceled". Does it have to do anything with how Stripe Plugin is set up? 🙏
How does this get transferred to live mode?
This is a great video. My only question is how do I make this live? I'm ready to get paid but when people are trying to purchase, I get an error saying that a development key was used. Can you help with this?
Go to your Stripe dashboard -> developers (upper right) -> API Keys. Find the toggle for Test mode (upper right), and turn it off. The page should now show the live keys. The Publishable key should start with pk_live_ in live mode instead of pk_test_
Hi Cranford. It seems you updated the plugin and now there is no "open portal in new tab" anymore. Any recommendation? thanks!
Edit: I guess it is the return URL. Right?
for step 1 Self Service Portal - Stripe Portal: I used "this URL" as return url. For Step 2 I used bubble's "Open an external website", same "results of step 1's URL".
Hi
Customer portal is not opening showing error 400
Awesome buddy, well done. Just one problem for me. I don't get the Stripe_Unique_ID value and I don't seem to find what's the reason. Was wondering if someone else had a similar issue
Great video, thank you!
If cancel is set to cancel at the end of the subscription instead of immediate...I'm assuming Stripe will hit the webhook with the cancel when it happens later at the end of the current paid period?
Similar...if setup for auto monthly recurring...Stripe will hit the webhook when the auto recurring happens?
Then based on those two we can add to the workflow "if status is canceled" do whatever canceled things you want to do in your app and "if status is active" do whatever active things you want to do in your app if any.
...I added the following to capture these later scheduled events "customer.subscription.updated"
Do you know how I can add the ability to add a promotion code / coupon code to the Stripe Checkout screen? This was possible via BillFlow but I do not see that as an option with the new Stripe Billing. I can create a coupon code but there does not seem to be an option to add a coupon code at checkout. Any help would be greatly appreciated!
This might come a bit late but I had the same question and ive just found the solution. In the workflow, in the window of SUBSCRIBE THE USER TO A PLAN , there's a checkbox "Allow promotion box" that must be checked..
I echo what others have said. This is great stuff! Thank you for the comprehensive tutorial!
I do have one question. When you subscribed the user to a plan at the beginning of the tutorial, you left the checkbox to "update an existing subscription." Why did you leave that checked? I understood the user to be brand new with no prior subscriptions. Thanks!
Thanks for the kind words Chris!
To be perfectly honest I didn't give that checkbox a lot of thought and probably should have unchecked it.
Leaving it checked may cause issues down the road if you have users with multiple subscriptions - great spot on your part!
@@CranfordTech Got it. Thanks!
I built my own integration to Stripe. I was rethinking it when I ran across your excellent tutorial. As I was testing it out, I realized that Bubble still hasn't incorporated Stripe's auto-tax functionality into its plug-in yet. Of course, it supports static tax codes, but I really like Stripe's managed tax service that takes care of everything for me. Of course, this means that I have to stick with my custom integration for now.
Thanks again! I subscribed to your channel. Keep up the good work!
Will the subscribe deducted automatically every month?
Yes!
@@CranfordTech I don’t know why but when I click on manage billing , I get “no such customer” error here
@@devilonstudio7587 Sounds like you're not saving down the Customer ID correctly. If you make your bubble editor public and send me a link to it (alex@cranfordtech.com) I'm happy to take a look and see what the issue is :)
@@CranfordTech I have sent my bubble editor to you . Thank you 🙏
Hi this a great tutorial, the most straight forward and clear example so far, that I have seen. Do you think this will pass for ios submission
Thanks Alex! Afraid I haven't ever submitted an app to the app store before so can't comment on this. Would be interested to hear how you get on if you do submit it!
Do we need a bubble paid plan to do this?
Yes I'm afraid you will. You won't be able to access the backend workflows without being on a paid plan.
Ahh stuck at 8:30 - the 'Stripe Customer Portal' plugin removed the 'Open Portal in New Tab' workflow in version 10.7.0, is there a workaround for that step? :(
Hey Josh - I had to downgrade the plugin to 10.6. and the "open portal in new tab" was available. It worked for me :) and it's a nice solution for now. Interested to see/hear a workaround for version 10.7 if you solved it.
Hi @@xavierabraham8328, yeah I did the same in the end. Works for now. If someone can find an alternative approach for v10.7 and beyond then I'm also interested in hearing it!
@@joshdavey3766 I think the workaround would be “open external website in new tab” and then included “Results of Step 1’s url”…I’ll give it a try tomorrow and circle back here with the results.
I am having this same problem as well, even downgraded to 10.6 as suggested below, but getting "No such customer" error. I know that the customer was created and test transaction was successful. Did you solve this error, how?
@@publictrades4428 I'm not sure sorry, I just found that worked for me in 10.6.
This video just saved me, I was trying to integrate ACH payment webhook and since you canceled subscription manually, I had to refund manually. Was stuck here for days😭😭
Glad it was helpful Allen - thanks for the kind words!
My subscription plan is still now showing up in bubble. Do you know any hack to make this possible?
Hi there, things have changed a bit since this tutorial was originally recorded. If you watch the below updated tutorial, it should help with your issues 🙂
th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
@@CranfordTech thanks a lot, I am going to check it now!!
Plug-in looks different now. On the stripe customer portal they give a URL link, which I copied into my work flow under run external website. When I run this, it asks for my email in order to send a link ? This works okay. However if I try to add any new accounts using different emails, it states that it is not recognised by Stripe, despite having an individual customer ID number? Any body experiencing similar issues ?
Hi Bruce, the plugin I used in the video no longer exists (was deleted by author). The new plugin you're using was built by me. This updated video should explain how to use use it 😀
th-cam.com/video/6F5qV9O1Akg/w-d-xo.html
@@CranfordTech thanks :))
@@brucewhite7260 no problem!
@@CranfordTech on my non live version, everything worked fine, able to cancel or amend payment plans, When I changed to the live version, stripe seems to work well but i am having difficulties with the customer portal - a long error message comes up “ stripe portal error….No auth mechanism defined… error : outer error…….”
I changed the api key to my live key in bubbles plug in? Is there something else that I am missing
@@brucewhite7260 Hi Bruce, take a look at the logs section in the Developer part of your Stripe dashboard - that should give you some clue to the problem.
If that doesn't work, can you make your bubble app public and shoot me an email (alex@cranfordtech.com) with a link to your bubble editor? I can dig in and try and solve the problem 🙂
This was an awesome video and best one out there yet!
I am pretty sure I followed all the steps. Once the Free trial ended, The subscription status didn't change from Trialing to Active. Any thoughts?
Thank you!
Thanks for the kind words!
Did the subscription status update on your Stripe dashboard? If so and the status didn't change in your bubble database, it suggests your webhooks aren't setup properly.
@@CranfordTech ok! So I went through and looked at what was wrong. The live stripe section had the development test version link of bubble.
So I went into the live mode of bubble and got the api workflow link there and just replaced it in stripe with updatesubscription at the end. Now it works!
Thank you for this video honestly and your speedy response!
@@afcerfofque no problem! Glad you were able to figure it out
Lemon squeezy same as stripe?
Hi there, I haven't looked into Lemonsqueezy as an alternative, but you likely need to follow the same principles alright.
great tutorial. the only issue I have is that it starts with a current user. which means you need to create the account, then send them to payment. i'd rather create the account after payment has been made. this way the user information will be the highest quality.
Great video! However it seems once a user signs up and subscribes with Stripe, my data base doesn't receive a Stripe_Customer_ID, anyone may know why?
I have the same issue - have you been able to fix it?
@@philoryxyes
Great tutorial :) Thank you!
Glad you liked it!
What if the user has multiple subscriptions
thank you so much
No problem, glad you liked it!
Great video! Thank you!
I have a question, if anyone could help me:
1 -> If I create a button for Monthly and another for Yearly. Where each button has a paralel workflow. Still need to create a second Event to update on the Backend worflow? Would not the Update Workflow be enough to update the Frequency and Period?
I sent you a email. Very good video BTW I have some questions.