How To Accept Payments With Stripe

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

Комментарии • 290

  • @VimalKanth-rw9si
    @VimalKanth-rw9si 3 месяца назад +1

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

  • @2012rnr
    @2012rnr Год назад +1

    So simple yet profound explanation..Thank you

  • @webmaster246
    @webmaster246 10 месяцев назад +1

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

  • @edgarasben
    @edgarasben 3 года назад +5

    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!

  • @frankhuurman3955
    @frankhuurman3955 3 года назад +86

    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 2 года назад

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

  • @unhandledexception1948
    @unhandledexception1948 3 месяца назад

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

  • @Marcosmapf
    @Marcosmapf 3 года назад +3

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

  • @ninjamer2233
    @ninjamer2233 2 года назад

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

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

    thanks bro u saved a lot of my time

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

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

  • @maxivy
    @maxivy 3 года назад

    Traversy Media brought me here. Just subbed!

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

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

  • @Mazadri
    @Mazadri 2 года назад

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

  • @ashishkumari-yg4gn
    @ashishkumari-yg4gn Год назад

    Thank you so much. The explanation was very nice

  • @MicahFishel
    @MicahFishel 2 года назад

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

  • @americatoken3334
    @americatoken3334 2 года назад +1

    You explain this so fast, either am too old or too dumb 🤨

  • @datistpham1317
    @datistpham1317 2 года назад

    detail and useful , admire u

  • @xuanbachnguyen4119
    @xuanbachnguyen4119 Год назад

    Nice vid my guy

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

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

  • @ccusonline
    @ccusonline Год назад

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

  • @stem_school
    @stem_school 2 года назад +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.

  • @amt.7rambo670
    @amt.7rambo670 10 месяцев назад

    How do we make different payout gaepteway for different users

  • @kelechichinaka5569
    @kelechichinaka5569 2 года назад

    Thanks for this.

  • @shannoncole6425
    @shannoncole6425 2 года назад

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

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

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

  • @user-rz7mx8ns9n
    @user-rz7mx8ns9n 3 года назад

    please make a video How to declare env variables in nodejs ?

  • @miltonbrinson5951
    @miltonbrinson5951 2 года назад +2

    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

  • @Seedley
    @Seedley Год назад

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

  • @gadgetboyplaysmc
    @gadgetboyplaysmc 2 месяца назад +1

    I followed this tutorial and got to the "sign up to stripe" step. Only to realize Stripe isn't available in my Country. BRAH

  • @samjadps513
    @samjadps513 2 года назад

    Can u show how server update when payment succeed

  • @Bestodds1
    @Bestodds1 3 года назад

    As soon as I say npm init -y there as the error: The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program...

  • @chibiju
    @chibiju 3 года назад

    I will try to implement

  • @serbanpascovici913
    @serbanpascovici913 Год назад

    Can this project be hosted on Firebase?

  • @jmg9509
    @jmg9509 Год назад

    6:55 - How Stripe works

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

  • @matthewpatt7865
    @matthewpatt7865 2 года назад

    idk how u get to that terminal it would have been helpful if you showed us...

  • @KY-xz9yb
    @KY-xz9yb Год назад

    why is your ' just suddenly changing to "?

  • @victorlima4801
    @victorlima4801 3 года назад +1

    How does the server know whether the payment was successful or not?

    • @izakdavis
      @izakdavis 3 года назад +1

      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.

  • @shivamsingh-uz7zp
    @shivamsingh-uz7zp 2 года назад

    How to integrate Google Pay ( India)?

  • @maremeaxi3344
    @maremeaxi3344 2 года назад

    is this can be used for e - commerce real project ? I wana build web shop.

  • @bhaskarjha1839
    @bhaskarjha1839 3 года назад

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

  • @vanshitasingh6251
    @vanshitasingh6251 3 года назад

    Can I integrate two stripe checkouts in one website ?

  • @rollingarchives
    @rollingarchives 2 года назад +64

    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.

  • @KenKoyVlogs
    @KenKoyVlogs 3 года назад +50

    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 3 месяца назад

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

  • @PrinceRk_
    @PrinceRk_ 2 года назад +33

    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

  • @danitoscanobecerra
    @danitoscanobecerra 2 года назад +11

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

  • @KochharAmandeep
    @KochharAmandeep 3 года назад +22

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

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

  • @anubiseyeproductions2921
    @anubiseyeproductions2921 Год назад +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.

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

  • @OzShurki
    @OzShurki 2 года назад +2

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

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

  • @frankdambra
    @frankdambra 2 месяца назад

    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!

  • @BeautifulEmpress333
    @BeautifulEmpress333 6 месяцев назад

    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.

  • @sujayxaradhya
    @sujayxaradhya 21 день назад

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

  • @lexiriam
    @lexiriam 3 месяца назад

    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?

  • @xXALANXx37
    @xXALANXx37 7 месяцев назад

    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?

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

    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?

  • @leog1676
    @leog1676 Год назад

    Hello. Does anyone else gets this error? `Refused to load the font '' because it violates the following Content Security Policy directive: "default-src 'none'"`

  • @fxstreamer238
    @fxstreamer238 2 года назад

    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?

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

  • @AchwaqKhalid
    @AchwaqKhalid 3 года назад +2

    Next: How to accept payments with #Advcash 💱

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

  • @sham6153
    @sham6153 5 месяцев назад +1

    good vid kiddo

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

    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?

  • @oleksiipoltavets7158
    @oleksiipoltavets7158 4 дня назад

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

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

  • @govindangovind1013
    @govindangovind1013 Год назад

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

  • @venkatesh2788
    @venkatesh2788 3 года назад +1

    Please make onboard seller in stripe or paypal

  • @carlosquinto1383
    @carlosquinto1383 Год назад

    got it working in local but how and where to move to deployment in a public server. I am so stuck

  • @motchanyy
    @motchanyy 2 года назад

    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.

  • @asreakl9468
    @asreakl9468 2 года назад

    what about client folder??....plz send to me if u can!!!!!!!!

  • @biteprogram
    @biteprogram Год назад

    Will this actually work? I was making a professional website!

  • @joydeepbhowmik6181
    @joydeepbhowmik6181 8 месяцев назад

    I have never seen a good tutorial on payouts... everyone just make tutorial on payments

  • @joogietv8063
    @joogietv8063 8 месяцев назад

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

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

  • @nazatech9383
    @nazatech9383 Год назад

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

  • @dadabranding3537
    @dadabranding3537 Год назад

    damn, Learn CSS Today is twice the price of JS. Is it worth it

  • @nikhilpokharel3682
    @nikhilpokharel3682 3 года назад +3

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

  • @jaksa05
    @jaksa05 Год назад

    does anyone know how to make another fetch request if payment succesfull

  • @bokofi
    @bokofi 3 года назад +1

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

  • @eskoonlysflow8004
    @eskoonlysflow8004 7 месяцев назад

    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

    • @cameronshearer500
      @cameronshearer500 7 месяцев назад +1

      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

  • @tolu-john
    @tolu-john 2 года назад

    How can I confirm that payment was actually made in the frontend 🥺

  • @LIGeorgij7
    @LIGeorgij7 3 года назад +1

    Kyle is the encyclopedia of web development

  • @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 2 года назад

      Their commission is crazy

  • @LtkLucky
    @LtkLucky Год назад +1

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

  • @SUNYBOI
    @SUNYBOI 3 года назад +1

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

  • @devindias9515
    @devindias9515 3 месяца назад

    Great video. your execution was flawless

  • @paularomano9288
    @paularomano9288 Год назад

    Hello, we found your video tutorials clear and informative. We also like your voice. Would you be open to doing our video tutorials for new app?

  • @funnyanimalvideosshow7780
    @funnyanimalvideosshow7780 Год назад

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

  • @fresk9139
    @fresk9139 Год назад +2

    Thank you very much! It was really helpful!

  • @LoneWolfCodingProfessional
    @LoneWolfCodingProfessional Год назад

    the motto in cybersecurity
    dont trust the client
    only use single session

  • @SkyCole-t8z
    @SkyCole-t8z 8 месяцев назад

    I'm getting an error 405; not sure what to do :(

  • @tube-rp1nb
    @tube-rp1nb 8 месяцев назад

    it is good tutorial. how do we know if the payment is completed from the backend to update database?

    • @ivodelev9794
      @ivodelev9794 6 месяцев назад

      you have to create stripe webhook and add your logic there. The webhook have various event types. You can use the cli when testing as it's easier to debug

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

    How to check if payment successful?

  • @afaqkhurshid
    @afaqkhurshid 2 года назад

    google pay or apple pay button works on this tutorail

  • @JamesQQuick
    @JamesQQuick 2 года назад

    Top notch as always!

  • @shaonbiswas1569
    @shaonbiswas1569 2 года назад

    Is it real to use original e Commerce startup right??

  • @RoseShukla-y4n
    @RoseShukla-y4n 26 дней назад

    how do we link this api with stripe card reader?