How To Accept Payments With Stripe

JavaScript Simplified Course: javascriptsimplified.com
Accepting payments is one of the most important parts of any application, but getting started with accepting payments can be very daunting. In this video I will show you how to easily get started accepting payments with Stripe.
📚 Materials/References:
GitHub Code: github.com/WebDevSimplified/s...
JavaScript Simplified Course: javascriptsimplified.com
Stripe Checkout Article: blog.webdevsimplified.com/202...
Map Video: • Another 5 Must Know Ja...
Map Article: blog.webdevsimplified.com/202...
Fetch Video: • Learn Fetch API In 6 M...
Async Await Video: • JavaScript Async Await
Cors Video: • Learn CORS In 6 Minutes
Cors Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:35 - Demo
01:45 - Setting Up Express Server
05:52 - Stripe On One Server
19:08 - Stripe With Separate Client/Server
#StripeCheckout #WDS #JavaScript

[@danitoscanobecerra]

Congrats man. A very clear, quick, detailed, straightforward explanation. 100% recommend

[@frankhuurman3955]

I was literally just trying to figure this out the past few days! epic

[@frankhuurman3955]

ah I was looking to get subscriptions working though :) I'll have to keep digging

[@yuvrajagarkar8942]

The video was just made for you

[@wrighttechnologyinc.1544]

What are you making?

[@SLRModShop]

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...

[@KenKoyVlogs]

This is the very reason why I subscribed to this guy. VERY DETAILED AND DIRECT TO THE POINT.

[@kiddhkane]

Have you ever heard of Traversy Media? So much better.

[@sophiali-CBR-AU]

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!

[@chovbee]

The timing of your videos are so perfect!

[@moek0850]

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.

[@adeelirshad228]

Simply brilliant and amazing. Don't even have a single tutorial on KZbin which can explain like this.

[@edgarasben]

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!

[@webmaster246]

Pictures the whole idea just as expected, thanks man! 🎉

[@rollingarchives]

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 💙

[@kiddhkane]

It must've been a really shitty course then.

[@alexperrakis]

I wish I could like this a million times! Still wouldn't be enough! Thank you so much for this information, literally GOLD!

[@ogkun12]

Yooo! This is dope! You man! Big thank you for your effort and for sharing the knowledge

[@ninjamer2233]

Very easy to understand, the process is pretty simple, shout out to this guy !

[@anubiseyeproductions2921]

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.

[@scottl.696]

This guy is motivating! +1 to your sales for the class mentioned in the beginning.

[@elyasdemeke23]

Best Stripe integration tutorial on KZbin.

[@PrinceRk_]

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

[@wkn3445]

Thank you. A lot of programming during these 23 minutes.

[@2012rnr]

So simple yet profound explanation..Thank you

[@allesterjones9380]

Thanks Kyle for the awesome video, kindly consider creating one for handling payments with flutterwave as well

[@anhxel]

Finally the updated tutorial I have been waiting for 2 years 😭😭😭😭😭

[@Mazadri]

Thank you so nuch for your work on these videos, you rock man 💪

[@sahaneakanayaka3394]

Man what a tutorial this is.. thanks a lot ❤❤

[@fresk9139]

Thank you very much! It was really helpful!

[@shsh01212]

Really covering everything that needs to, much thanks

[@JamesQQuick]

Top notch as always!

[@brandonz404]

Thank you for the updated tutorial ❤

[@spreadItWide]

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.

[@mdtausifiqbal]

Always simplified tutorial, thanks.

[@helloworld7404]

Nice vid man I just needed that !!!

[@rishav6134]

You are a great teacher. Thank you.

[@mehdi5455]

Very well done, thank you!

[@transcendcapitalism]

Super helpful. I appreciate you!

[@mookiiie7889]

Thank you so much !! Your videos are amazing for their clarity :-)

[@ronnexwataya1204]

Give me my certificate now...watching this is attending to a whole course man, great thanks

[@SMeasycode]

the best video on strip on KZbin

[@ChrisAthanas]

Very clear and succinct as usual

[@nikhilpokharel3682]

I understand why you used HTML instead of react for this project this makes things really simplified

[@MdNaimurRahmanHera]

This video was awesome man.

[@jakef1416]

Smooth as butter tutorial.

[@earthlygamer7142]

Thanks a lot sir I learned many things from you plz keep us updated from all web features it's a humble request Thank You

[@OzShurki]

Thanks alot again Kyle! amzaing video. Can you please consider make a video using React, stripe and Node?

[@ueslialmeida306]

I love this channel, thank you very much for spending your time to produce such amazing contents!

[@dhyan7156]

thanks bro u saved a lot of my time

[@jasonappiatu9712]

Thank you very much. Amazing tutorial🔥🔥🔥🔥

[@pavankumard5276]

Really good tutorial!!! Must watch

[@ashishkumari-yg4gn]

Thank you so much. The explanation was very nice

[@alessandrorotondo1906]

You're the best coding youtuber, gg for you bro!

[@datistpham1317]

detail and useful , admire u

[@bahaagirga1985]

A great tutorial about payment method .. It helps me a lot

[@funnysphere4669]

You are the best, Thanks a lot

[@nithigd1014]

Thank you so much sir, i learnt so much from you.

[@alanye7542]

Thank you so much man!!!

[@eduardoPicazzo]

Dude if you ever do a php course I'll also buy it!. Amazing. Thanks a ton

[@Marcosmapf]

I recommend adding links to tool documentations in the next video, such as stripe's documentation, CORS, express and such

[@nagrajankola1323]

I am working on the sameeee currently!! Thanks

[@romank6713]

I just spent 3 hours changing bits and pieces of this code to make it work in my eCommerce project, and all I can say it was worth it. Thank you for being so specific and helpful. A+

[@devoidgaming2870]

how did you get you api key? did you saved it to your env folder?

[@yuno2857]

Thank you so much the time I spent here waas so valuable

[@shannoncole6425]

Great video! Would you be able to do one that shows setting up subscriptions with node and stripe? Thanks

[@KochharAmandeep]

A video on Subscriptions would be Great Kyle. Please do this if you can using React and node.

[@officialabdulrehman]

I second that!!!

[@vinaymuley]

+1

[@vaidik_krishna]

+1

[@vinaymuley]

By the way, you can also go through this video by stripe... kzbin.info/www/bejne/fYDTXoOqbZd1m9U

[@alseynidiop8650]

+1

[@VitaminDe3]

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

[@medAmineRg]

thanks man thats really helpfyl

[@ramendrasoni3368]

Really It was easy...Supercool Stuff...Thank you...🌹🌹🌹🌹

[@mekansahatvaliyev724]

your videos are great

[@LuisHernandez-so8vu]

Thank so much!

[@souhardabiswas970]

Last night a Full Stack Developer saved my life 🔥. I exactly wanted this for my internship . Thanks Kyle . You helped me a lot.

[@maxivy]

Traversy Media brought me here. Just subbed!

[@patrickojeh]

This guy is gold

[@joogietv8063]

nice tutorial, by the way is your electric guitar brand Jackson?

[@siasquad7360]

You are the best sir love from India Mission passed subscriber +❤️🔥🔥

[@MuliarAndrew]

Very clean thank you

[@kelechichinaka5569]

Thanks for this.

[@xuanbachnguyen4119]

Nice vid my guy

[@ameenschools]

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

[@nicholassmith6412]

Great video, thanks. Where should you store the stripe API keys if you can’t commit and push to git?

[@FaeUtero]

Thanks for the insightful video. Would love to see a tutorial on using Stripe with Netlify server less functions.

[@tedthetutor4587]

Great video. My question now is how does one handle the various taxes that need to be withheld from 50 states, 10 provinces & 3 territories in Canada, plus VAT in Australia, and other schemes in the EU? Can STRIPE handle this for us? Or is there some other required option for an existing non-CMS website?

[@IshanKesharwani]

Gotta try this. Always wanted to know how to integrate payment gateway

[@LIGeorgij7]

Kyle is the encyclopedia of web development

[@transcendcapitalism]

Would you mind doing a video re: setting up Stripe Customer Portal specifically?

[@MicahFishel]

Could we get a tutorial on the homepage/template store at the beginning? That looks fire.

[@saladin_rising]

i love your videos :) !

[@Ahmed-my4tl]

could you do a series about Symfony? that would be great !

[@Tommy-jn9ps]

5:05 I'm pretty sure Kyle did this on purpose to let the viewers fix it themselves and actually learn, and this is why he's an amazing teacher.

[@WebDevSimplified]

I wish that was the case. Any mistakes I make are real actual mistakes.

[@Tommy-jn9ps]

@@WebDevSimplified It really looked like it. Most tech youtubers have the code on their second screen thus they dont make mistakes so I thought that this was that case

[@luckyltk8242]

Hi Kyle. How do I connect the quantity, and cart total to stripe? I'm having a hard type doing that. Thank you

[@TempUser-oy6de]

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?

[@Kareszrk]

Thank you!

[@topsecret8871]

thank you!!!!! ❤

[@_xwtk]

Great video! However I do have a few questions about realization, isn't it better to make the checkout process fully based on PHP? Both makes checkout response actions easier and doesn't require much files too.

[@dauqu3053]

Amazing Video

[@breezycodes]

Respect mi g!

[@chibiju]

I will try to implement

[@NorteXGame]

I'm so glad you made this! What about integrating PayPal too in the future?

[@nymrinae6609]

PayPal is even easier they have a whole SDK and 1 click checkout button

[@AchwaqKhalid]

#FuckPayPal

[@elendil4543]

Their commission is crazy

[@rileykarl4895]

THANK YOU

[@HimasRafeek]

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

[@collinslife7021]

very helpful

[@sinnvollerkommentar263]

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

[@ChristopherPhillipsDev]

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?

[@RightNow978]

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

[@nazatech9383]

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.

[@GauravKumar-ue7nz]

Thank you

[@ccusonline]

Hi Web Dev Simplified, any chance you build a tutorial on creation of Connected Account with Stripe?