How To Accept Payments With Stripe

Поділитися
Вставка
  • Опубліковано 25 січ 2025

КОМЕНТАРІ • 296

  • @frankhuurman3955
    @frankhuurman3955 3 роки тому +89

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

    • @frankhuurman3955
      @frankhuurman3955 3 роки тому +1

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

    • @yuvrajagarkar8942
      @yuvrajagarkar8942 3 роки тому +1

      The video was just made for you

    • @wrighttechnologyinc.1544
      @wrighttechnologyinc.1544 3 роки тому

      What are you making?

    • @SLRModShop
      @SLRModShop 2 роки тому

      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
    @KenKoyVlogs 3 роки тому +59

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

    • @kiddhkane
      @kiddhkane Рік тому

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

    • @king_james_official
      @king_james_official 7 місяців тому

      that's not very detailed lol
      literally called web dev simplified

    • @IsidroJimenez-b2v
      @IsidroJimenez-b2v Місяць тому

      so what is the big problem in min 5:40 where he cut it up to fix it?

    • @IsidroJimenez-b2v
      @IsidroJimenez-b2v Місяць тому

      how did he fix it?

  • @rollingarchives
    @rollingarchives 2 роки тому +67

    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 Рік тому

      It must've been a really shitty course then.

  • @anubiseyeproductions2921
    @anubiseyeproductions2921 2 роки тому +5

    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.

  • @danitoscanobecerra
    @danitoscanobecerra 2 роки тому +11

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

  • @PrinceRk_
    @PrinceRk_ 2 роки тому +35

    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

  • @spreadItWide
    @spreadItWide 2 роки тому +3

    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.

  • @VimalKanth-rw9si
    @VimalKanth-rw9si 7 місяців тому +1

    Bro you are the greatest of all time ....spent entire day to get this video😂 anyways thank you

  • @webmaster246
    @webmaster246 Рік тому +1

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

  • @alexperrakis
    @alexperrakis 9 місяців тому

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

  • @chovbee
    @chovbee 3 роки тому +2

    The timing of your videos are so perfect!

  • @elyasdemeke23
    @elyasdemeke23 Рік тому

    Best Stripe integration tutorial on UA-cam.

  • @adeelirshad228
    @adeelirshad228 Рік тому

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

  • @ronnexwataya1204
    @ronnexwataya1204 2 роки тому

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

  • @edgarasben
    @edgarasben 3 роки тому +6

    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!

  • @JamesQQuick
    @JamesQQuick 2 роки тому

    Top notch as always!

  • @sophiali-CBR-AU
    @sophiali-CBR-AU 2 роки тому +2

    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!

  • @nitinupadhyay9193
    @nitinupadhyay9193 Рік тому

    Thanks

  • @anhxel
    @anhxel 3 роки тому

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

  • @KochharAmandeep
    @KochharAmandeep 3 роки тому +26

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

  • @ogkun12
    @ogkun12 2 роки тому

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

  • @2012rnr
    @2012rnr Рік тому +1

    So simple yet profound explanation..Thank you

  • @romank6713
    @romank6713 3 роки тому +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 Рік тому

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

  • @Tommy-jn9ps
    @Tommy-jn9ps 3 роки тому +19

    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
      @WebDevSimplified  3 роки тому +30

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

    • @Tommy-jn9ps
      @Tommy-jn9ps 3 роки тому +3

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

  • @unhandledexception1948
    @unhandledexception1948 7 місяців тому

    great video.... amazed with the pace of your coding, I almost need to slow u down

  • @scottl.696
    @scottl.696 2 роки тому

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

  • @everything_Ola
    @everything_Ola 6 місяців тому

    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

  • @ninjamer2233
    @ninjamer2233 2 роки тому

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

  • @wkn3445
    @wkn3445 2 роки тому

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

  • @alessandrorotondo1906
    @alessandrorotondo1906 2 роки тому

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

  • @SMeasycode
    @SMeasycode Рік тому

    the best video on strip on UA-cam

  • @sinnvollerkommentar263
    @sinnvollerkommentar263 3 роки тому +15

    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 роки тому +1

      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?

    • @ShufflePetro
      @ShufflePetro 2 роки тому +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

  • @LIGeorgij7
    @LIGeorgij7 3 роки тому +1

    Kyle is the encyclopedia of web development

  • @devindias9515
    @devindias9515 7 місяців тому

    Great video. your execution was flawless

  • @nikhilpokharel3682
    @nikhilpokharel3682 3 роки тому +3

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

  • @jakef1416
    @jakef1416 3 роки тому

    Smooth as butter tutorial.

  • @moek0850
    @moek0850 3 роки тому +1

    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.

  • @rishav6134
    @rishav6134 Рік тому +1

    You are a great teacher. Thank you.

  • @helloworld7404
    @helloworld7404 3 роки тому

    Nice vid man I just needed that !!!

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera Рік тому

    This video was awesome man.

  • @souhardabiswas970
    @souhardabiswas970 3 роки тому +3

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

  • @timurino3523
    @timurino3523 Рік тому +1

    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?

  • @Mazadri
    @Mazadri 2 роки тому

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

  • @mparop9831
    @mparop9831 6 місяців тому

    Just clear and concise ❤

  • @sahaneakanayaka3394
    @sahaneakanayaka3394 2 роки тому +1

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

  • @ramendrasoni3368
    @ramendrasoni3368 2 роки тому

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

  • @edpicmcgamson9923
    @edpicmcgamson9923 Рік тому +1

    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?

  • @OzShurki
    @OzShurki 2 роки тому +2

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

  • @stem_school
    @stem_school 3 роки тому +1

    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.

  • @Marcosmapf
    @Marcosmapf 3 роки тому +3

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

  • @govindangovind1013
    @govindangovind1013 Рік тому

    Great....after loading payment page in console i am getting content security policy how to overcome it ........

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 місяці тому +2

    Is this tutorial still relevant by the end of 2024?

  • @eduardoPicazzo
    @eduardoPicazzo Рік тому

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

  • @benevolent9130
    @benevolent9130 3 роки тому +2

    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

  • @HimasRafeek
    @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

  • @NavyCuda
    @NavyCuda Рік тому

    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?

  • @bokofi
    @bokofi 3 роки тому +1

    Can we tweak the code to accept customer input? I've been trying to figure it out.

  • @1bengrubb
    @1bengrubb Рік тому

    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.

  • @nazatech9383
    @nazatech9383 Рік тому

    How do I handle the response from so I can indicate that the product has been bought in the database

  • @frankdambra
    @frankdambra 6 місяців тому

    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!

  • @fresk9139
    @fresk9139 2 роки тому +2

    Thank you very much! It was really helpful!

  • @joogietv8063
    @joogietv8063 11 місяців тому

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

  • @nicholassmith6412
    @nicholassmith6412 Рік тому

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

  • @maxivy
    @maxivy 3 роки тому

    Traversy Media brought me here. Just subbed!

  • @pavankumard5276
    @pavankumard5276 Рік тому

    Really good tutorial!!! Must watch

  • @lexiriam
    @lexiriam 7 місяців тому

    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?

  • @NorteXGame
    @NorteXGame 3 роки тому +3

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

    • @nymrinae
      @nymrinae 3 роки тому

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

    • @AchwaqKhalid
      @AchwaqKhalid 3 роки тому +1

      #FuckPayPal

    • @elendil4543
      @elendil4543 3 роки тому

      Their commission is crazy

  • @transcendcapitalism
    @transcendcapitalism 3 роки тому

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

  • @amt.7rambo670
    @amt.7rambo670 Рік тому

    How do we make different payout gaepteway for different users

  • @TempUser-oy6de
    @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?

  • @Seedley
    @Seedley Рік тому

    What if I want to send a confirmation email after a payment? Can you do a video on stripe webhooks?

  • @SUNYBOI
    @SUNYBOI 3 роки тому +1

    Stripe dosent work for some countries so could you make a tutorial on razorpay

  • @funnyanimalvideosshow7780
    @funnyanimalvideosshow7780 Рік тому

    I have a stripe test id, how can i use it. can you point me to some resources

  • @mdtausifiqbal
    @mdtausifiqbal Рік тому

    Always simplified tutorial, thanks.

  • @LowellLimLeeShane
    @LowellLimLeeShane 3 роки тому +2

    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

    • @Lacquerz
      @Lacquerz 2 роки тому

      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

  • @LtkLucky
    @LtkLucky 2 роки тому +1

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

  • @ashishkumari-yg4gn
    @ashishkumari-yg4gn Рік тому

    Thank you so much. The explanation was very nice

  • @jasonappiatu
    @jasonappiatu 2 роки тому

    Thank you very much. Amazing tutorial🔥🔥🔥🔥

  • @mookiiie7889
    @mookiiie7889 2 роки тому

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

  • @earthlygamer7142
    @earthlygamer7142 2 роки тому

    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

  • @alimirhashimli2727
    @alimirhashimli2727 2 роки тому

    It would be much better if you did this with the e-commerce which you showed in the beginning. Thank you very much for the video though.

  • @giancarloamodio5594
    @giancarloamodio5594 Рік тому

    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?

  • @ChrisAthanas
    @ChrisAthanas 3 роки тому

    Very clear and succinct as usual

  • @MicahFishel
    @MicahFishel 3 роки тому

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

  • @brandonz404
    @brandonz404 3 роки тому

    Thank you for the updated tutorial ❤

  • @datistpham1317
    @datistpham1317 2 роки тому

    detail and useful , admire u

  • @bahaagirga1985
    @bahaagirga1985 3 роки тому

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

  • @shsh01212
    @shsh01212 2 роки тому

    Really covering everything that needs to, much thanks

  • @nazatech9383
    @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.

  • @ccusonline
    @ccusonline 2 роки тому

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

  • @VitaminDe3
    @VitaminDe3 3 роки тому +1

    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

  • @IshanKesharwani
    @IshanKesharwani 3 роки тому

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

  • @hazush_
    @hazush_ Рік тому

    how should i know when the user payed it without using webhooks?

  • @BeautifulEmpress333
    @BeautifulEmpress333 10 місяців тому

    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.

  • @izakdavis
    @izakdavis 3 роки тому

    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 😅

  • @cancer10in
    @cancer10in 3 роки тому +1

    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?

  • @patrickojeh
    @patrickojeh Рік тому

    This guy is gold

  • @iiitsanna
    @iiitsanna Місяць тому

    Id like to add the options for clients to pay by bank account, it doesnt work on payment links, says it works on check out but i cant seem to create it :S

  • @oleksiipoltavets7158
    @oleksiipoltavets7158 4 місяці тому +1

    Guys help me please, How to deploy website with this kind of a server and make it work on a hosting

  • @dhyan7156
    @dhyan7156 9 місяців тому

    thanks bro u saved a lot of my time