Stripe Webhooks - Bubble.io Tutorial

Подписаться 2,6 тыс.

Просмотров 5 тыс.

50% 1

Be the first to hear about our latest tutorials, plugin releases, updates and more: www.cranfordtech.com/newsletter
In this tutorial I show how you can set up Stripe webhooks to allow users of your bubble app to cancel and update subscriptions.
DEMO APP (Editor is public):
customer-portal-demo.bubbleap...
Plugins used in the tutorial:
1. Stripe plugin (built by Bubble):
manual.bubble.io/core-resourc...
2. Stripe Customer Portal plugin (built by Cranford Tech):
bubble.io/plugin/stripe-custo...
🎥 Detailed tutorial on managing subscriptions with Stripe:
• Managing Subscriptions...
💻 Hire me for Bubble Consulting/Freelancing
cranfordtech.com/agency
🖼️ Check out our other Templates and Plugins:
bubble.io/contributor/cranfor...
📧 Stripe Customer Portal plugin support: cranfordtech.com/contact
🤑 Get $15 off your first Bubble plan
bubble.io/?ref=jq28ggah
Timeline
00:00 Introduction
01:22 Installing the Stripe and Stripe Customer Portal plugins
01:40 Inputting API Keys from Stripe
03:05 Setting up the database
05:27 Overview of the demo editor
05:59 Building the workflow to subscribe a user to a plan
08:00 Letting users access the Customer Portal and cancel a subscription
10:15 Setting up Stripe webhooks
12:34 Initialising the webhook
17:20 Removing the “initialize” form the webhook in Stripe
18:47 Deploying the webhooks to production/live mode
21:20 Specific workflows for test/live mode

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 39

@JamesDaly 11 месяцев назад

Thank you so much for making this video, and for including the final steps for setting things live. Super helpful 🙌

@CranfordTech 11 месяцев назад

No problem at all James - glad to hear it was useful 🙂

@betterisms 10 месяцев назад

Everything is working well now. Your plugin is of a great help!

@RoniBliss 2 месяца назад

Your videos are brilliantly well explained, in the most calm and coherent way possible. It makes all your tutorials so simple to follow. Were my go to videos while I was learning Bubble. Just wish there were more of them!

@CranfordTech 2 месяца назад

Thank you!

@arunbaruah4734 Год назад

Very informative. Thank you so much!

@CranfordTech Год назад

No problem! Glad you found it useful 🙂

@antikoerper256 2 месяца назад

Thanks a lot!

@slavafish 10 месяцев назад

Good video, thanks

@CranfordTech 9 месяцев назад

Glad it was helpful!

@xpanve 9 месяцев назад

Hey hello, what's happening is that my Stripe live products don't appear, I don't know why, I have everything configured as you say and it still doesn't appear, could you help me? I would greatly appreciate it😬😬😬

@kevlc 10 месяцев назад

Hi, I also have a standard price with 2 prices (monthly and annual) I copied the price id of one of them and pasted it in the workflow (6:38) but when I click on subscribe(7:42) the annual price associated to the monthly price is not being shown as an option in the checkout page . What should be done to have the option to pick the annual plan ?

@rossdelport 4 месяца назад

hi mate - great video, quick question, Say a user has signed up to subscribe, and I have updated their "role" or 'Plan" in my database, then they cancel their plan. How can I update their "role" or "plan" in my database? I am struggling with this sadly

@Jacobattokaren 11 месяцев назад

Thanks for this video. I have a question about the endpoint URL that you add in Stripe (11:40). Is it the same URL for the live version?

@CranfordTech 11 месяцев назад

Hi there, you'll need to remove the "version-test" from the endpoint URL - apart from that it's the same.

@Jacobattokaren 11 месяцев назад

@@CranfordTech Thanks a lot.

@CranfordTech 11 месяцев назад

No problem @@Jacobattokaren!

@williambellin9376 5 месяцев назад

Hey mate, thanks for the tutorial. I got an Error 404 saying that my "Workflow stripe not in initialization mode". I've try to remove it from the link after the data was collected but it doesn't work. Do you have a solution ?

@azmazazeri 11 месяцев назад

I have just purchased your plugin and tried it, I have some issues with the portal. Sent you a message via your website. Looking forward to guidance. Thanks in advance

@researchsat2027 Год назад

Awesome! Needed this so much. Been following the video but unfortunatelly I don't understand why the Stripe Customer Portal won't open.. Bought the plugin and did what is showed.. it just re-directs to the given Return URL. Could it be something when the bubble app is already connected to a domainname? Because the api endpoint url gives me the name of the app and not the name of the domain..

@CranfordTech Год назад

This is most commonly to do with your API key setup or not having set up your Stripe Billing Portal fully (in the Stripe Dashboard). Maybe double check those two things and if you're still having problems send me a link to your bubble editor (alex@cranfordtech.com) - please make the editor public if you do this 🙂

@researchsat2027 Год назад

@@CranfordTech Thanks for the quick reply! It was the billing portal which needed to be set up.

@CranfordTech Год назад

@@researchsat2027 glad to hear you got it sorted!

@onuroruc1601 10 месяцев назад

Hey, I am running into the same issue. What did you need to set up in the billing portal?@@researchsat2027

@JamesDaly 11 месяцев назад

I've run into some trouble with setting things live 😅 After following the instructions to set everything live, I still got a Stripe error in my Bubble signup flow saying the price ID doesn't exist in Live mode, but does exist in test mode. So I went into Stripe, found the button to "Copy to live mode" on the product, and did so. However, it now has a different Stripe price ID than was used for the test product, and the dropdown to select the Stripe Plan Name in the Bubble workflow only gives me the one option, the original price ID from the test product. How can I change this to the live product's price ID? Hope you can help 🤞

@CranfordTech 11 месяцев назад

Hi James, did you manage to figure this out? 🙂If not and you're looking for some help, you can email me (alex@cranfordtech.com) and I'll look into it. Please make your bubble editor public, include a link to it and add me as a developer to your Stripe account.

@The321shutdown 3 месяца назад

Hi James, did you figure it out? I think it is because the test product IDs are different in Stripe's test mode. I think you have to switch to live database i bubble to see the live IDs. I haven't managed to do this yet as I think I'll have to upgrade to Bubble's Growth plan in order to implement changes live from another branch. Let me know if you found a workaround :)

@researchsat2027 Год назад

Hey Alex, I wanted to ask if you could explain why in Live mode I can't get multiple payment methods. Only creditcard is accepted right now. I have selected all relevant payment methods, and thought it would automatically work when going live. Has it something to do with de Stripe Customer Portal plugin or can it be fixed in Stripe Dashboard? Thanks in advance!

@CranfordTech Год назад

Hi there, I'm afraid that sounds like a Stripe settings issue rather than anything to do with the Customer Portal plugin. You SHOULD be able to fix this in the Stripe Dashboard. What other payment methods are you looking to enable?

@researchsat2027 Год назад

@@CranfordTech Thanks for the quick reply! When I look at the selected payment methods in live mode (creditcard, iDeal, SEPA, Bancontant) and watch the preview I see it's correct.. But when webhook is called I can only pay with creditcard. Very strange to me why it's not showing up all the payment methods.. Payment links are also made just like in test mode, when I put those links in url I can see all the wanted payments and it's correct. So for now it looks like the webhook doesn't give all the selected payments. Otherwise, when I go to the customerportal in Stripe, I only see creditcard and SEPA payment types, others are missing.. When I want to manage those I see all of the above payment methods are already enabled and can't do much more. Hopefully you can recognize where it goes wrong? Thanks in advance!

@betterisms 10 месяцев назад

Hi, thanks a lot for this video. I have an "issue" with the button subscribe workflow. Contrary to you, there is no stripe subscription dashboard that opens, just a small stripe popup to enter credit card details. The subscription works and i see the results (subscription = activated) in both data base and stripe, but do you know why it just does not open a dashboard as it does for you? PS : I put dynamically the pricing plan, as it was not recognized automatically by bubble.

@betterisms 10 месяцев назад

ok, it was due to wrong stripe plugin version.

@kevlc 10 месяцев назад

thank you@@betterisms for letting know the solution. I just had the same issue and you are right, I had the v2 of the stripe plugin and had to change to v3.

@betterisms 10 месяцев назад

I have many things not going according to the video... :/ Setting up the webhook: issue: we were unable to parse the type for this backend API. Please re-initialize the detected fields. What shall I do? Thanks, TR

@betterisms 10 месяцев назад

Ok, it was a bit unlikely but I hope it will help someone: it did not work for me because I was on legacy version of stripe plugin in bubble! Make sure your plugin version is v3 (latest) !!!

@WeWontAllSleep Год назад

I too followed your video exactly and my wenhook is not responding. It looks like it's on Bubble's end because I am showing dataon the webhook analytics on stripe. But my database is not updating.

@WeWontAllSleep Год назад

I solved my issue. Thank you for your videos friend!

@betterisms 10 месяцев назад

How did you do it? Thanks!@@WeWontAllSleep

@cinthyamayerlyrondonafanad6649 10 месяцев назад

@@WeWontAllSleep How you solve the problem? I have the same problem, my database is not updating and in the response in stripe, the active status not change to canceled