How To Accept Payments With Stripe

  Рет қаралды 259,500

Web Dev Simplified

Web Dev Simplified

Күн бұрын

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

Пікірлер: 274
@KenKoyVlogs
@KenKoyVlogs 2 жыл бұрын
This is the very reason why I subscribed to this guy. VERY DETAILED AND DIRECT TO THE POINT.
@kiddhkane
@kiddhkane 11 ай бұрын
Have you ever heard of Traversy Media? So much better.
@frankhuurman3955
@frankhuurman3955 2 жыл бұрын
I was literally just trying to figure this out the past few days! epic
@frankhuurman3955
@frankhuurman3955 2 жыл бұрын
ah I was looking to get subscriptions working though :) I'll have to keep digging
@yuvrajagarkar8942
@yuvrajagarkar8942 2 жыл бұрын
The video was just made for you
@wrighttechnologyinc.1544
@wrighttechnologyinc.1544 2 жыл бұрын
What are you making?
@SLRModShop
@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...
@danitoscanobecerra
@danitoscanobecerra 2 жыл бұрын
Congrats man. A very clear, quick, detailed, straightforward explanation. 100% recommend
@rollingarchives
@rollingarchives 2 жыл бұрын
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
@kiddhkane 11 ай бұрын
It must've been a really shitty course then.
@sophiali-CBR-AU
@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
@chovbee 2 жыл бұрын
The timing of your videos are so perfect!
@adeelirshad228
@adeelirshad228 Жыл бұрын
Simply brilliant and amazing. Don't even have a single tutorial on KZbin which can explain like this.
@anubiseyeproductions2921
@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.
@alexperrakis
@alexperrakis Ай бұрын
I wish I could like this a million times! Still wouldn't be enough! Thank you so much for this information, literally GOLD!
@edgarasben
@edgarasben 2 жыл бұрын
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!
@ninjamer2233
@ninjamer2233 2 жыл бұрын
Very easy to understand, the process is pretty simple, shout out to this guy !
@webmaster246
@webmaster246 6 ай бұрын
Pictures the whole idea just as expected, thanks man! 🎉
@elyasdemeke23
@elyasdemeke23 11 ай бұрын
Best Stripe integration tutorial on KZbin.
@2012rnr
@2012rnr 11 ай бұрын
So simple yet profound explanation..Thank you
@ogkun12
@ogkun12 Жыл бұрын
Yooo! This is dope! You man! Big thank you for your effort and for sharing the knowledge
@moek0850
@moek0850 2 жыл бұрын
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.
@wkn3445
@wkn3445 2 жыл бұрын
Thank you. A lot of programming during these 23 minutes.
@scottl.696
@scottl.696 Жыл бұрын
This guy is motivating! +1 to your sales for the class mentioned in the beginning.
@fresk9139
@fresk9139 Жыл бұрын
Thank you very much! It was really helpful!
@anhxel
@anhxel 2 жыл бұрын
Finally the updated tutorial I have been waiting for 2 years 😭😭😭😭😭
@shsh01212
@shsh01212 Жыл бұрын
Really covering everything that needs to, much thanks
@rishav6134
@rishav6134 7 ай бұрын
You are a great teacher. Thank you.
@sahaneakanayaka3394
@sahaneakanayaka3394 Жыл бұрын
Man what a tutorial this is.. thanks a lot ❤❤
@Mazadri
@Mazadri Жыл бұрын
Thank you so nuch for your work on these videos, you rock man 💪
@mdtausifiqbal
@mdtausifiqbal Жыл бұрын
Always simplified tutorial, thanks.
@helloworld7404
@helloworld7404 2 жыл бұрын
Nice vid man I just needed that !!!
@PrinceRk_
@PrinceRk_ 2 жыл бұрын
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
@brandonz404
@brandonz404 2 жыл бұрын
Thank you for the updated tutorial ❤
@ChrisAthanas
@ChrisAthanas 2 жыл бұрын
Very clear and succinct as usual
@mookiiie7889
@mookiiie7889 Жыл бұрын
Thank you so much !! Your videos are amazing for their clarity :-)
@allesterjones9380
@allesterjones9380 2 жыл бұрын
Thanks Kyle for the awesome video, kindly consider creating one for handling payments with flutterwave as well
@mehdi5455
@mehdi5455 2 жыл бұрын
Very well done, thank you!
@SMeasycode
@SMeasycode 9 ай бұрын
the best video on strip on KZbin
@transcendcapitalism
@transcendcapitalism 2 жыл бұрын
Super helpful. I appreciate you!
@jakef1416
@jakef1416 2 жыл бұрын
Smooth as butter tutorial.
@ashishkumari-yg4gn
@ashishkumari-yg4gn 11 ай бұрын
Thank you so much. The explanation was very nice
@MdNaimurRahmanHera
@MdNaimurRahmanHera 6 ай бұрын
This video was awesome man.
@ronnexwataya1204
@ronnexwataya1204 Жыл бұрын
Give me my certificate now...watching this is attending to a whole course man, great thanks
@JamesQQuick
@JamesQQuick 2 жыл бұрын
Top notch as always!
@jasonappiatu9712
@jasonappiatu9712 2 жыл бұрын
Thank you very much. Amazing tutorial🔥🔥🔥🔥
@KochharAmandeep
@KochharAmandeep 2 жыл бұрын
A video on Subscriptions would be Great Kyle. Please do this if you can using React and node.
@officialabdulrehman
@officialabdulrehman 2 жыл бұрын
I second that!!!
@vinaymuley
@vinaymuley 2 жыл бұрын
+1
@vaidik_krishna
@vaidik_krishna 2 жыл бұрын
+1
@vinaymuley
@vinaymuley 2 жыл бұрын
By the way, you can also go through this video by stripe... kzbin.info/www/bejne/fYDTXoOqbZd1m9U
@alseynidiop8650
@alseynidiop8650 Жыл бұрын
+1
@bahaagirga1985
@bahaagirga1985 2 жыл бұрын
A great tutorial about payment method .. It helps me a lot
@nithigd1014
@nithigd1014 2 жыл бұрын
Thank you so much sir, i learnt so much from you.
@dhyan7156
@dhyan7156 Ай бұрын
thanks bro u saved a lot of my time
@pavankumard5276
@pavankumard5276 6 ай бұрын
Really good tutorial!!! Must watch
@earthlygamer7142
@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
@ramendrasoni3368
@ramendrasoni3368 Жыл бұрын
Really It was easy...Supercool Stuff...Thank you...🌹🌹🌹🌹
@datistpham1317
@datistpham1317 2 жыл бұрын
detail and useful , admire u
@yuno2857
@yuno2857 2 жыл бұрын
Thank you so much the time I spent here waas so valuable
@alessandrorotondo1906
@alessandrorotondo1906 2 жыл бұрын
You're the best coding youtuber, gg for you bro!
@MuliarAndrew
@MuliarAndrew 2 жыл бұрын
Very clean thank you
@alanye7542
@alanye7542 Жыл бұрын
Thank you so much man!!!
@nagrajankola1323
@nagrajankola1323 2 жыл бұрын
I am working on the sameeee currently!! Thanks
@funnysphere4669
@funnysphere4669 9 ай бұрын
You are the best, Thanks a lot
@spreadItWide
@spreadItWide 2 жыл бұрын
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.
@ueslialmeida306
@ueslialmeida306 2 жыл бұрын
I love this channel, thank you very much for spending your time to produce such amazing contents!
@mekansahatvaliyev724
@mekansahatvaliyev724 10 ай бұрын
your videos are great
@saladin_advanced
@saladin_advanced Жыл бұрын
i love your videos :) !
@OzShurki
@OzShurki 2 жыл бұрын
Thanks alot again Kyle! amzaing video. Can you please consider make a video using React, stripe and Node?
@nikhilpokharel3682
@nikhilpokharel3682 2 жыл бұрын
I understand why you used HTML instead of react for this project this makes things really simplified
@medAmineRg
@medAmineRg Жыл бұрын
thanks man thats really helpfyl
@LuisHernandez-so8vu
@LuisHernandez-so8vu 9 ай бұрын
Thank so much!
@Marcosmapf
@Marcosmapf 2 жыл бұрын
I recommend adding links to tool documentations in the next video, such as stripe's documentation, CORS, express and such
@xuanbachnguyen4119
@xuanbachnguyen4119 11 ай бұрын
Nice vid my guy
@LIGeorgij7
@LIGeorgij7 2 жыл бұрын
Kyle is the encyclopedia of web development
@kelechichinaka5569
@kelechichinaka5569 2 жыл бұрын
Thanks for this.
@eduardoPicazzo
@eduardoPicazzo 7 ай бұрын
Dude if you ever do a php course I'll also buy it!. Amazing. Thanks a ton
@shannoncole6425
@shannoncole6425 2 жыл бұрын
Great video! Would you be able to do one that shows setting up subscriptions with node and stripe? Thanks
@maxivy
@maxivy 2 жыл бұрын
Traversy Media brought me here. Just subbed!
@joogietv8063
@joogietv8063 4 ай бұрын
nice tutorial, by the way is your electric guitar brand Jackson?
@mesfinmulgeta6060
@mesfinmulgeta6060 22 күн бұрын
You wonderful Guy.
@patrickojeh
@patrickojeh 11 ай бұрын
This guy is gold
@Kareszrk
@Kareszrk 2 жыл бұрын
Thank you!
@luckyltk8242
@luckyltk8242 Жыл бұрын
Hi Kyle. How do I connect the quantity, and cart total to stripe? I'm having a hard type doing that. Thank you
@_xwtk
@_xwtk 2 жыл бұрын
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.
@nicholassmith6412
@nicholassmith6412 11 ай бұрын
Great video, thanks. Where should you store the stripe API keys if you can’t commit and push to git?
@GauravKumar-ue7nz
@GauravKumar-ue7nz Жыл бұрын
Thank you
@cancer10in
@cancer10in 2 жыл бұрын
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?
@dauqu3053
@dauqu3053 2 жыл бұрын
Amazing Video
@VitaminDe3
@VitaminDe3 2 жыл бұрын
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
@romank6713
@romank6713 2 жыл бұрын
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
@devoidgaming2870 10 ай бұрын
how did you get you api key? did you saved it to your env folder?
@filix6360
@filix6360 5 ай бұрын
Nice video...
@ameenschools
@ameenschools 2 жыл бұрын
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
@topsecret8871
@topsecret8871 2 жыл бұрын
thank you!!!!! ❤
@siasquad7360
@siasquad7360 2 жыл бұрын
You are the best sir love from India Mission passed subscriber +❤️🔥🔥
@IshanKesharwani
@IshanKesharwani 2 жыл бұрын
Gotta try this. Always wanted to know how to integrate payment gateway
@collinslife7021
@collinslife7021 2 жыл бұрын
very helpful
@sinnvollerkommentar263
@sinnvollerkommentar263 2 жыл бұрын
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
@ChristopherPhillipsDev 2 жыл бұрын
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
@RightNow978 2 жыл бұрын
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
@souhardabiswas970
@souhardabiswas970 2 жыл бұрын
Last night a Full Stack Developer saved my life 🔥. I exactly wanted this for my internship . Thanks Kyle . You helped me a lot.
@NorteXGame
@NorteXGame 2 жыл бұрын
I'm so glad you made this! What about integrating PayPal too in the future?
@nymrinae6609
@nymrinae6609 2 жыл бұрын
PayPal is even easier they have a whole SDK and 1 click checkout button
@AchwaqKhalid
@AchwaqKhalid 2 жыл бұрын
#FuckPayPal
@elendil4543
@elendil4543 2 жыл бұрын
Their commission is crazy
@transcendcapitalism
@transcendcapitalism 2 жыл бұрын
Would you mind doing a video re: setting up Stripe Customer Portal specifically?
@tedthetutor4587
@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?
@FaeUtero
@FaeUtero 2 жыл бұрын
Thanks for the insightful video. Would love to see a tutorial on using Stripe with Netlify server less functions.
@rileykarl4895
@rileykarl4895 2 жыл бұрын
THANK YOU
@bokofi
@bokofi 2 жыл бұрын
Can we tweak the code to accept customer input? I've been trying to figure it out.
@chibiju
@chibiju 2 жыл бұрын
I will try to implement
@tenminutetokyo2643
@tenminutetokyo2643 2 жыл бұрын
Awesome.
@stem_school
@stem_school 2 жыл бұрын
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.
@breezycodes
@breezycodes Жыл бұрын
Respect mi g!
@Ahmed-my4tl
@Ahmed-my4tl 2 жыл бұрын
could you do a series about Symfony? that would be great !
How To Accept Payments With PayPal
24:35
Web Dev Simplified
Рет қаралды 120 М.
Why You Should Always Help Others ❤️
00:40
Alan Chikin Chow
Рет қаралды 71 МЛН
Они убрались очень быстро!
00:40
Аришнев
Рет қаралды 1,9 МЛН
Ну Лилит))) прода в онк: завидные котики
00:51
Sprinting with More and More Money
00:29
MrBeast
Рет қаралды 161 МЛН
Build better payment forms using new “embedded” Stripe Checkout
6:04
You might not need useEffect() ...
21:45
Academind
Рет қаралды 148 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 98 М.
What is Stripe and How Does it Work? [Stripe Explained]
12:41
Merchant Maverick
Рет қаралды 173 М.
Stripe with React and node crash course
49:05
Hitesh Choudhary
Рет қаралды 92 М.
Make Money from your API Tutorial
13:10
Fireship
Рет қаралды 865 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,4 МЛН
Learn GraphQL In 40 Minutes
39:43
Web Dev Simplified
Рет қаралды 728 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 160 М.
Accept a payment with the PaymentElement using Node.js
24:16
Stripe Developers
Рет қаралды 14 М.
Why You Should Always Help Others ❤️
00:40
Alan Chikin Chow
Рет қаралды 71 МЛН