how do you get back the customer id? Everything is working on my end, I just can't get the customer id. I'm using a VPS to host my site and backend, which makes things a nightmare so, I'm trying to avoid using webhooks if I can...
i'm just wondering how much time you take to prepare such a CLEAR and PRECISE video like this one ? you are awesome. and all your video are so well done. wow
I think there is a part missing about how to deliver to the buyer. I imagine that the success_url maybe contacts an api. Don’t know if stripe protects this or if the api url could be extracted from the stripe front end
I wish this part was included too! Quite a big oversight not to include something like that in this tutorial. I see that the products api of stripe offers a URL key:value pair but I'm not sure if that info is protected. I think it might be because you need an API key to access that kind of data but I'm quite new to this and not 100% positive. Maybe someone with more knowledge can confirm?
i have to ask, but the card that you showcased, does this card not provide a huge security risk, since it sends back a positive response, like won't I be able to get anything for free, if a store is using this?
Unfortunately, I'm unable to use Stripe because I'm in Indonesia, so I will have to use other payment methods. Can you give me some methods on how to make an account in Stripe for unadded countries?
Just a heads up: If anyone is planning on selling anything with a popular brand, Stripe requires written permission from that brand for you to do so, or a receipt from a "brick & mortar" business. Lol I learned that the hard way.
17:38 - “Otherwise people can have access to your Stripe account and start charging things, which is very very bad.” Just had to smile at how dead pan Kyle delivers this warning. Such a good guy with great energy.
Hi, I followed exactly you presented and got: Uncaught ReferenceError: require is not defined: while I'm just running localhost:3000 there's nothing on the google can solve this ... any idea? besides change to import. Thank you.
how to solve this I got error "You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth (e.g. 'Authorization: Bearer YOUR_SECRET_KEY').", already put the scret key in env file
Don't know if that helps, try adding Stripe not as in the video, but like that const Stripe = require('stripe') const stripe= new Stripe(stripeKey); had the same issue and it worked for me
I don't want a checkout button... with my time based rental when they scan the "RENTURED" QR code I want it to automatically charge their payment method based on time used.
Same issue here. I just read the stripe docs. There are some methods there to this but until the moment I was not able to make them work. The docs are a little bit confuse.
Wow thank you. Exactly the right video now, while i was frustrating fighting with stripe 😂🤗 Do you have a video with PayPal node checkout V2 ? It's so frustrating to Unterstand the new PayPal API with checkout and payout
Why everybody or very second grade developer is creating video only using Stripe? Does Stripe pay you? And if not then please look into small businesses, startups, or individuals who are facing problems like getting blocked with existing multi-thousands of dollars in the account with no legit reason by the worst Stripe. Why you guys don't make video on any other payment gateway integration? I understand that Stripe has best docs experience but this is not the legit reason to not make video on using any other payment gateway. Please do favour and help those business, startups that are getting shutdown only because of Stripe. This is really sad.😢
This is perfect for node.js (which I'm learning). Is there a version for PHP to accept payments with stripe. Basically, the exact same thing as thing one, but with PHP?
Is it just me or am I completely mad? I am a buyer, a customer, a user - BUT EVERYTHING I READ ABOUT STRIPE IS HOW TO USE IT AS A BUSINESS!! How do I use it as a buyer, a consumer, a user??? This is madness. If I make up an account on the Stripe site, it thinks I'm a business. Nowhere does is speak about how people can buy things. What is happening? Where is USER information? Please. I'm assuming, because of hearing about businesses moving to Stripe because of PayPal's ideology-blocking of certain accounts, that Stripe is an alternative to PayPal. True? If so, I'd assume that I could set up my banking/credit card details in it so that I could use Stripe to pay for things. Am I completely off course in looking at Stripe in this way? Talk about 'The customer is always wrong'. 😖
Hi Kyle, I use Stripe & Calendly for my business. I'm a moblie technician. Stripes sent me a message stating I need a website to continue using their processing system. Do U know which website builder that's compatible w/both Stripe & Calendly & allow me to charge for moblie time to my client? I'm struggling w/this.
Can someone please tell me how to set end variables in a digital ocean droplet? Should we just copy the .env file in digital ocean or is there a better way to add environment variables in it?
Hey guys i had a question , related towards the terminal section , whenever i open up the terminal, it just says PS C:\Users\admin\Documents\server> , it wont recognise the "current-project" if i type in manually, any leads?
Not sure if anyone will see this considering how this video is over 2 years old now but I have a question I would like to bring up to see if anyone could possibly help. I've done everything that was shown in the video. To my knowledge everything seems to be exactly the same. Everything works except until I reach the checkout page. When I make it to the checkout page I constantly get these messages in the console and I'm not sure how to fix it because it doesn't necessarily look like it's coming from my end but rather Stripe's code base. The messages that appear say "Each dictionary in the list "icons" should contain a non-empty UTF8 string field "sizes"." Is anyone else having this issue and does anyone know a solution to this?
I am utilizing the SDK option for check out you are utilizing in this video but I have a question pertaining to a particular case if you could make a video on it. I have a shows listings next JS app that commits a show object to the data base as part of the Stripe transaction. The problem is that that the commit proceeds before the user finishes their Stripe transaction even though the commit logic is after the Stripe config in the API. I started looking into a web hook solution for the transaction completed event and got a little frazzled. Could you make a video going over this particular solution where the product the user is purchasing is essentially data committed to a db at supabase and not a physical product? Thanks man!
Hello. Does anyone else gets this error? `Refused to load the font '' because it violates the following Content Security Policy directive: "default-src 'none'"`
dude you are just using another server to call your first server wtf are you talking about "different url" and "these app cant talk to each other" ? why are you making things complicated with your language?
As in how do I confirm the payment when it redirect the user to the home page (success page) I need to know so I can tell my server to update that product as paid for. You understand what I mean right.
Could you please make a tutorial on using wordpress as headless and create a subscription with stripe with react js, so user can buy Tokens in order to use some features on site? Thank you
This is really amazing! Each time when I would like to learn something new, if Web Dev Simplified has a video, I will definitely watch it first as the content of the video is straight forward to the point and the code can work well! Thanks for your amazing content!
Exactly what I was looking for. But there’s a issue that I cannot figure out how to solve. I’m almost finishing a project, only need to implement the payment gateway. The stripe will be perfect. But I need to make a change on DB only if the payment is successful. I’ve tried this method like on video, but don’t worked to my needs. This method seems to be an promise, but return “then()” independent of the payment being successful or not. I just passed all the day looking in stripe api docs for a solution but nothing until moment. Can you make a video showing how to handle this with a promise method or give me some idea how to do this please. And sorry for my English I’m not a native speaker 😅
thanks for the video.. very informative and detailed... Before that video I had to watch a lot of one to figure out how to make a tripe payment...I have even made a video about it to make things more simplified for beginners on my channel
The key ingredient that saved my life in this video was the information that we have to convert the unit amount to "cents" in the Stripe Create Session. I have been trying this for days and I was getting an "amount too small", "The Checkout Session's total amount due must add up to at least $0.50 usd" kind of error and was wondering why Thank you
Can I ask if there is a problem with making the serverside with different language than js, like type script or python for receiving and processing the data? Or like.. why is js used so much, is it any better for server side than the other languages? Thanks
you can use whatever you want, however, express is written in js and thus it is optimal for this, but stripe does accept different languages such as flask for python dev
if you are implementing this to your existing project and are getting `ReferenceError: require is not defined` error. You need to instead use: `import Stripe from "stripe";` and `const stripe = new Stripe(process.env.STRIPE_PRIVATE_KEY);`
Hello Kyle, I recently started watching your videos and great work, don't stop. I would like to ask you to do more videos about stripe payment gateway. Thank you.
What about if we want to save response like transaction I'd order I'd in our db back, when payment become successful.. I used webhook, but I couldn't see option that how we can get customer ID and payment related details, so I can save to db.. can you check once boss..
I tested my API calls out on Developers and they were all successful. However, I was not able to receive them on my actual debit card. Could this be because I did not put my secret key in my server.js?
Do you know if this would work in webflow? I want to use stripe and add a shopping cart to my webflow project so i don't have to pay the $79 a month for the ecommerce plan to add a shopping cart
Very helpful video, but i have a question how to handle individual payment? I mean if there are multiple service provider in the application and user only send the payement to that person from he/she get the service?
why use new Map when you can use object like {1:30 ,2:50} then instead of get() which is extremely weird just use the object[id] . the whole sophisticated way to do it doesnt make it a better code.
I was literally just trying to figure this out the past few days! epic
ah I was looking to get subscriptions working though :) I'll have to keep digging
The video was just made for you
What are you making?
how do you get back the customer id? Everything is working on my end, I just can't get the customer id. I'm using a VPS to host my site and backend, which makes things a nightmare so, I'm trying to avoid using webhooks if I can...
I learned more from this video than I did from a six-part 4 hour course on the same subject. Thanks for everything you do 💙
It must've been a really shitty course then.
This is the very reason why I subscribed to this guy. VERY DETAILED AND DIRECT TO THE POINT.
Have you ever heard of Traversy Media? So much better.
that's not very detailed lol
literally called web dev simplified
i'm just wondering how much time you take to prepare such a CLEAR and PRECISE video like this one ?
you are awesome.
and all your video are so well done.
wow
I think there is a part missing about how to deliver to the buyer. I imagine that the success_url maybe contacts an api. Don’t know if stripe protects this or if the api url could be extracted from the stripe front end
I wish this part was included too! Quite a big oversight not to include something like that in this tutorial. I see that the products api of stripe offers a URL key:value pair but I'm not sure if that info is protected. I think it might be because you need an API key to access that kind of data but I'm quite new to this and not 100% positive. Maybe someone with more knowledge can confirm?
He's assuming that you have some logic of your own to implement on success on the back end. That part is up to you
i have to ask, but the card that you showcased, does this card not provide a huge security risk, since it sends back a positive response, like won't I be able to get anything for free, if a store is using this?
Unfortunately, I'm unable to use Stripe because I'm in Indonesia, so I will have to use other payment methods. Can you give me some methods on how to make an account in Stripe for unadded countries?
Congrats man. A very clear, quick, detailed, straightforward explanation. 100% recommend
A video on Subscriptions would be Great Kyle. Please do this if you can using React and node.
I second that!!!
+1
+1
By the way, you can also go through this video by stripe...
ua-cam.com/video/GOp-Pt82Bes/v-deo.html
+1
Just a heads up: If anyone is planning on selling anything with a popular brand, Stripe requires written permission from that brand for you to do so, or a receipt from a "brick & mortar" business. Lol I learned that the hard way.
I followed this tutorial and got to the "sign up to stripe" step. Only to realize Stripe isn't available in my Country. BRAH
17:38 - “Otherwise people can have access to your Stripe account and start charging things, which is very very bad.” Just had to smile at how dead pan Kyle delivers this warning. Such a good guy with great energy.
Very helpful as I am trying to implement subscriptions now, thanks Kyle!
Would be awesome to see a video on subscriptions in the future too! Thanks!
Bro you are the greatest of all time ....spent entire day to get this video😂 anyways thank you
when I try to do the Hi console log test, it keeps giving me POST 404 Not found amd 500 Errors, i have tried everything idk whats wrong im hopeless
Hi, I followed exactly you presented and got: Uncaught ReferenceError: require is not defined: while I'm just running localhost:3000 there's nothing on the google can solve this ... any idea? besides change to import. Thank you.
i have this error when i run server :
" Failed to load resource: the server responded with a status of 404 (Not Found) "
idk how to fix that
Thanks alot again Kyle! amzaing video. Can you please consider make a video using React, stripe and Node?
how to solve this I got error "You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth (e.g. 'Authorization: Bearer YOUR_SECRET_KEY').", already put the scret key in env file
Don't know if that helps, try adding Stripe not as in the video, but like that
const Stripe = require('stripe')
const stripe= new Stripe(stripeKey);
had the same issue and it worked for me
I recommend adding links to tool documentations in the next video, such as stripe's documentation, CORS, express and such
You explain this so fast, either am too old or too dumb 🤨
Next: How to accept payments with #Advcash 💱
Please make onboard seller in stripe or paypal
I don't want a checkout button... with my time based rental when they scan the "RENTURED" QR code I want it to automatically charge their payment method based on time used.
How does the server know whether the payment was successful or not?
Same issue here. I just read the stripe docs. There are some methods there to this but until the moment I was not able to make them work.
The docs are a little bit confuse.
Wow thank you. Exactly the right video now, while i was frustrating fighting with stripe 😂🤗
Do you have a video with PayPal node checkout V2 ? It's so frustrating to Unterstand the new PayPal API with checkout and payout
Why everybody or very second grade developer is creating video only using Stripe? Does Stripe pay you? And if not then please look into small businesses, startups, or individuals who are facing problems like getting blocked with existing multi-thousands of dollars in the account with no legit reason by the worst Stripe.
Why you guys don't make video on any other payment gateway integration? I understand that Stripe has best docs experience but this is not the legit reason to not make video on using any other payment gateway.
Please do favour and help those business, startups that are getting shutdown only because of Stripe.
This is really sad.😢
I understand why you used HTML instead of react for this project this makes things really simplified
This is perfect for node.js (which I'm learning). Is there a version for PHP to accept payments with stripe. Basically, the exact same thing as thing one, but with PHP?
I'm so glad you made this! What about integrating PayPal too in the future?
PayPal is even easier they have a whole SDK and 1 click checkout button
#FuckPayPal
Their commission is crazy
Is it just me or am I completely mad?
I am a buyer, a customer, a user - BUT EVERYTHING I READ ABOUT STRIPE IS HOW TO USE IT AS A BUSINESS!!
How do I use it as a buyer, a consumer, a user???
This is madness. If I make up an account on the Stripe site, it thinks I'm a business. Nowhere does is speak about how people can buy things.
What is happening? Where is USER information? Please.
I'm assuming, because of hearing about businesses moving to Stripe because of PayPal's ideology-blocking of certain accounts, that Stripe is an alternative to PayPal. True?
If so, I'd assume that I could set up my banking/credit card details in it so that I could use Stripe to pay for things. Am I completely off course in looking at Stripe in this way?
Talk about 'The customer is always wrong'. 😖
Can we tweak the code to accept customer input? I've been trying to figure it out.
Hi Kyle, I use Stripe & Calendly for my business. I'm a moblie technician. Stripes sent me a message stating I need a website to continue using their processing system. Do U know which website builder that's compatible w/both Stripe & Calendly & allow me to charge for moblie time to my client? I'm struggling w/this.
Kyle is the encyclopedia of web development
Can someone please tell me how to set end variables in a digital ocean droplet? Should we just copy the .env file in digital ocean or is there a better way to add environment variables in it?
Hey guys i had a question , related towards the terminal section , whenever i open up the terminal, it just says PS C:\Users\admin\Documents\server> , it wont recognise the "current-project" if i type in manually, any leads?
Not sure if anyone will see this considering how this video is over 2 years old now but I have a question I would like to bring up to see if anyone could possibly help. I've done everything that was shown in the video. To my knowledge everything seems to be exactly the same. Everything works except until I reach the checkout page. When I make it to the checkout page I constantly get these messages in the console and I'm not sure how to fix it because it doesn't necessarily look like it's coming from my end but rather Stripe's code base. The messages that appear say "Each dictionary in the list "icons" should contain a non-empty UTF8 string field "sizes"."
Is anyone else having this issue and does anyone know a solution to this?
I am utilizing the SDK option for check out you are utilizing in this video but I have a question pertaining to a particular case if you could make a video on it. I have a shows listings next JS app that commits a show object to the data base as part of the Stripe transaction. The problem is that that the commit proceeds before the user finishes their Stripe transaction even though the commit logic is after the Stripe config in the API. I started looking into a web hook solution for the transaction completed event and got a little frazzled. Could you make a video going over this particular solution where the product the user is purchasing is essentially data committed to a db at supabase and not a physical product? Thanks man!
Top notch as always!
Hello. Does anyone else gets this error? `Refused to load the font '' because it violates the following Content Security Policy directive: "default-src 'none'"`
Guys help me please, How to deploy website with this kind of a server and make it work on a hosting
Stripe dosent work for some countries so could you make a tutorial on razorpay
Thank you very much! It was really helpful!
Pictures the whole idea just as expected, thanks man! 🎉
dude you are just using another server to call your first server wtf are you talking about "different url" and "these app cant talk to each other" ? why are you making things complicated with your language?
So simple yet profound explanation..Thank you
Hi Kyle. How do I connect the quantity, and cart total to stripe? I'm having a hard type doing that. Thank you
As in how do I confirm the payment when it redirect the user to the home page (success page) I need to know so I can tell my server to update that product as paid for. You understand what I mean right.
Great....after loading payment page in console i am getting content security policy how to overcome it ........
You misspelled Jason. Who is he anyway?? Like a programmer dude or what?
Could you please make a tutorial on using wordpress as headless and create a subscription with stripe with react js, so user can buy Tokens in order to use some features on site? Thank you
got it working in local but how and where to move to deployment in a public server. I am so stuck
Will this actually work? I was making a professional website!
Is there a way I can return some kind of receipt id, or something along those lines so I can match customers to their purchase?
The files on Github are different from those in the video.
You either make everything the same or don't make a video at all.
I have never seen a good tutorial on payouts... everyone just make tutorial on payments
The worst thing about stripe is it always sets a cookie in a login page where it is not required
good vid kiddo
nice tutorial, by the way is your electric guitar brand Jackson?
what about client folder??....plz send to me if u can!!!!!!!!
The timing of your videos are so perfect!
damn, Learn CSS Today is twice the price of JS. Is it worth it
Great video. your execution was flawless
does anyone know how to make another fetch request if payment succesfull
How do I handle the response from so I can indicate that the product has been bought in the database
This is really amazing! Each time when I would like to learn something new, if Web Dev Simplified has a video, I will definitely watch it first as the content of the video is straight forward to the point and the code can work well! Thanks for your amazing content!
Exactly what I was looking for. But there’s a issue that I cannot figure out how to solve. I’m almost finishing a project, only need to implement the payment gateway. The stripe will be perfect. But I need to make a change on DB only if the payment is successful. I’ve tried this method like on video, but don’t worked to my needs. This method seems to be an promise, but return “then()” independent of the payment being successful or not. I just passed all the day looking in stripe api docs for a solution but nothing until moment. Can you make a video showing how to handle this with a promise method or give me some idea how to do this please.
And sorry for my English I’m not a native speaker 😅
idk how u get to that terminal it would have been helpful if you showed us...
is this can be used for e - commerce real project ? I wana build web shop.
How can I confirm that payment was actually made in the frontend 🥺
How do we make different payout gaepteway for different users
thanks for the video.. very informative and detailed... Before that video I had to watch a lot of one to figure out how to make a tripe payment...I have even made a video about it to make things more simplified for beginners on my channel
Can you make a typescript react video
how should i know when the user payed it without using webhooks?
why is your ' just suddenly changing to "?
The key ingredient that saved my life in this video was the information that we have to convert the unit amount to "cents" in the Stripe Create Session.
I have been trying this for days and I was getting an "amount too small", "The Checkout Session's total amount due must add up to at least $0.50 usd" kind of error and was wondering why
Thank you
the motto in cybersecurity
dont trust the client
only use single session
I'm getting an error 405; not sure what to do :(
I have a stripe test id, how can i use it. can you point me to some resources
Can I ask if there is a problem with making the serverside with different language than js, like type script or python for receiving and processing the data? Or like.. why is js used so much, is it any better for server side than the other languages?
Thanks
you can use whatever you want, however, express is written in js and thus it is optimal for this, but stripe does accept different languages such as flask for python dev
if you are implementing this to your existing project and are getting `ReferenceError: require is not defined` error. You need to instead use: `import Stripe from "stripe";` and `const stripe = new Stripe(process.env.STRIPE_PRIVATE_KEY);`
How to check if payment successful?
how do we link this api with stripe card reader?
Hello Kyle, I recently started watching your videos and great work, don't stop. I would like to ask you to do more videos about stripe payment gateway.
Thank you.
Why doesn't stripe have something as easy to set up as Paddle? Also, why does Paddle not offer graduated pricing. Ridiculous.
Is it real to use original e Commerce startup right??
What about if we want to save response like transaction I'd order I'd in our db back, when payment become successful.. I used webhook, but I couldn't see option that how we can get customer ID and payment related details, so I can save to db.. can you check once boss..
Can u show how server update when payment succeed
You are a great teacher. Thank you.
I wish I could like this a million times! Still wouldn't be enough! Thank you so much for this information, literally GOLD!
I tested my API calls out on Developers and they were all successful. However, I was not able to receive them on my actual debit card. Could this be because I did not put my secret key in my server.js?
How to integrate Google Pay ( India)?
Do you know if this would work in webflow? I want to use stripe and add a shopping cart to my webflow project so i don't have to pay the $79 a month for the ecommerce plan to add a shopping cart
Great video, thanks. Where should you store the stripe API keys if you can’t commit and push to git?
Really It was easy...Supercool Stuff...Thank you...🌹🌹🌹🌹
Dude if you ever do a php course I'll also buy it!. Amazing. Thanks a ton
google pay or apple pay button works on this tutorail
Very helpful video, but i have a question how to handle individual payment?
I mean if there are multiple service provider in the application and user only send the payement to that person from he/she get the service?
Hi Web Dev Simplified, any chance you build a tutorial on creation of Connected Account with Stripe?
why use new Map when you can use object like {1:30 ,2:50} then instead of get() which is extremely weird just use the object[id] . the whole sophisticated way to do it doesnt make it a better code.