How to integrate Stripe Checkout with Node.js

Поділитися
Вставка
  • Опубліковано 30 лис 2024
  • In this video, we're gonna learn how to integrate the Stripe Checkout with a Node.js project.
    We're gonna use Express, EJS and the official Stripe module to create a simple page with some products that will lead the buyer to the Stripe Checkout page and then complete the payment by passing the card details and shipping address.
    🔗 GitHub Repository:
    github.com/man...

КОМЕНТАРІ • 66

  • @erikaspetrauskas8251
    @erikaspetrauskas8251 3 місяці тому +6

    I've been looking for someone to explain the process for a newbie like me, and you were the first person to actually go in depth and explain what you're coding. Great video, you helped me a lot.

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

      Thank you for the comment my friend.
      Glad I could help 🤜🏻🤛🏻

    • @erikaspetrauskas8251
      @erikaspetrauskas8251 3 місяці тому +1

      @@manfraio Whats up man. How would you go about adding CSS? I made a CSS file and linked it to the index.ejs file but it would not work. Thanks

    • @manfraio
      @manfraio  3 місяці тому +1

      @erikaspetrauskas8251 you have to make the directory where the css file is, public for the browser.
      For example, imagine you have a folder called “public”, where the css file is.
      So on the index.js file, you have to make the public folder available for the frontend, so you can add this line of code:
      app.use(express.static('public'))
      Then on the index.ejs file:

    • @erikaspetrauskas8251
      @erikaspetrauskas8251 3 місяці тому +1

      @@manfraio Thank you so much!

  • @erenerenworld
    @erenerenworld 2 місяці тому +1

    Love it. Can you make more video like this on more advanced stuff in node pleasee!! You are very clear.

  • @jorgeduardoardila
    @jorgeduardoardila Місяць тому +1

    great!!! thanks! really appreciate your good vibe and excellent tutorial!!

  • @kevin-howard
    @kevin-howard 6 місяців тому

    Thank you for this video, really helped me. The best video for implementing Stripe checkout. All the best ! Subscribed !👍

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

      Thank you🤜🏻🤛🏻

  • @SyedAliRaza-u7l
    @SyedAliRaza-u7l 6 місяців тому +2

    Great work. Please make a detailed video on stripe subscription in nodejs as I didn't find great content on youtube regarding.

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

      Yes, there will be two Stripe videos next.
      One about Stripe connect and the other, about Stripe Subscription.

  • @condra1332
    @condra1332 2 місяці тому

    Thanks. great simple explanation

  • @amish198
    @amish198 5 місяців тому

    Great great tutorial ❤ you got a new subscriber my bro ❤

    • @manfraio
      @manfraio  5 місяців тому

      Thank you 🤜🏻🤛🏻

  • @davidmolina4077
    @davidmolina4077 5 місяців тому

    I think there's a gap in UA-cam for content that puts focus in the production environment, with best practices and procesures explained in detail and the why's of them. I am (and probably a lot of your viewers) in that stage of putting out there my own projects, and being fully self taught I find it hard to know/learn the hows or find easy, quality content regarding production ready projects. I'd love that you keep giving the valuable insights that you include in your videos. Keeping a part of your focus in that is gonna make your videos blow, for sure! You got my subscribe, thank you so much for your effort and great work! I stumbled across your channel today and got this weird feeling that you are exactly explaining what I needed (Isn't it magic when that happens?) Keep it up brother 🫶

    • @manfraio
      @manfraio  5 місяців тому

      Thank you very much my friend 🤜🏻🤛🏻

  • @endfine9230
    @endfine9230 6 місяців тому +1

    Very helpful video, thank you!

  • @bonekazz-8441
    @bonekazz-8441 5 місяців тому +1

    THANK YOU! Great explanation bro, +1 sub

    • @manfraio
      @manfraio  5 місяців тому +1

      Thank you🤜🏻🤛🏻

    • @bonekazz-8441
      @bonekazz-8441 5 місяців тому

      @@manfraio 👊. Can you make a video about possible risks on the frontend? I was thinking about what a malicious user can do with the requests

  • @notorious1298
    @notorious1298 7 місяців тому +1

    Great tutorial, thanks!

  • @aburaihan-py4vi
    @aburaihan-py4vi День тому

    Excellent!!!!

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

    Thank you so much.

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

    Thank you. I want to know, can we use these implementations for another payment gateway?

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

      It depends which payment gateway you want to use. Some of them it differs the way you have to implement.

  • @YTCFacts
    @YTCFacts 4 місяці тому

    TOP!!! great work!

  • @failenn_7745
    @failenn_7745 5 місяців тому

    Can stripe take a variable for its title of the item added to cart, or does it always have to be a string? I’m trying to figure out how to create the add to check out for variables imputed client side.

    • @manfraio
      @manfraio  5 місяців тому

      Yes it should accept.

  • @jatin_9911
    @jatin_9911 3 місяці тому

    thank u so much sir ♥ ♥

  • @rishu_rvlogs5113
    @rishu_rvlogs5113 4 місяці тому

    hey, thanks for the video. by the way i have a question, suppose we want to integrate payment through card but also save payment details so that next time when user comes to pay he does not have to fill his details and just clicking the checkout page should auto deduct the payment and redirect to successful page, is it allowed in stripe as i am not able to find content related to this.

    • @manfraio
      @manfraio  4 місяці тому

      Thank you.
      Once you receive the session details on the success route, grab the customer id and save somewhere on your database for example.
      Next time, when you create a session checkout, you can pass the “customer” property which expects a customer id (generated by stripe).
      It will fill the checkout payment details with the last payment details.

    • @manfraio
      @manfraio  4 місяці тому

      If you want to build you’re own card form and save to a customer or charge, please check this video:
      ua-cam.com/video/Gss3XDfjNKo/v-deo.html

  • @aryapandey789
    @aryapandey789 3 місяці тому +1

    I am not getting the url in my terminal
    what should i do

    • @manfraio
      @manfraio  3 місяці тому

      Are you getting any data on the response? What is showing on the terminal?

    • @aryapandey789
      @aryapandey789 3 місяці тому

      @@manfraio no I am not getting any other data also , it just showing server started at 300o

    • @aryapandey789
      @aryapandey789 3 місяці тому

      Now it is showing invalid api key in terminal how to correct this?

  • @rabing99
    @rabing99 4 місяці тому

    Thanks bro ! Also i want to know how to redirect back to app after payment completed.

    • @manfraio
      @manfraio  4 місяці тому

      You can redirect directly to the page you want instead of redirecting to a success page.

  • @RR-et6zp
    @RR-et6zp 7 місяців тому +1

    Hey can you please make a video on stripe connect standard? so for an app like lyft where the app takes lets say 10%

    • @manfraio
      @manfraio  7 місяців тому +1

      Hey, sure. Probably on 2 weeks. I’m finishing a video for next week, and after that I’ll make one about stripe connect.

    • @RR-et6zp
      @RR-et6zp 7 місяців тому

      @@manfraio great thanks so much. I thin it will do well because there isn't much content on it on youtube + others would like to try and build the lyft type app where the marketplace takes a percentage and distributes to drivers, for example

  • @mrinalbera6080
    @mrinalbera6080 3 місяці тому

    I am a newbie in stripe, i have a doubt that when u click in checkout the payment page open, is it by default come or you have created this page?
    Thank you so much for your content ❤❤❤

    • @manfraio
      @manfraio  3 місяці тому

      It comes automatically.

    • @mrinalbera6080
      @mrinalbera6080 3 місяці тому

      @@manfraio thank you sir, plz keep making other required videos to implement other features of stripe. Also plz keep making videos on other important features packages same way so can get benefitted 💕💕
      Love from India 🇮🇳🎉🎉🎉

    • @manfraio
      @manfraio  3 місяці тому

      Thank you my friend.
      There’s a video about how to create Stripe Subscriptions:
      ua-cam.com/video/iUJ82_mVEVI/v-deo.html
      And also how to create your own card form to collect payments or save to a customer wallet, using Stripe Elements:
      ua-cam.com/video/Gss3XDfjNKo/v-deo.html

    • @mrinalbera6080
      @mrinalbera6080 3 місяці тому

      @@manfraio thank you sir

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

    great men thank you very much ♥

  • @karanchavan6818
    @karanchavan6818 5 місяців тому

    Error: Cannot find module 'ejs' ??? please give me solution

    • @manfraio
      @manfraio  5 місяців тому +1

      When this error is happening? When you’re installing the module or running the application?

    • @karanchavan6818
      @karanchavan6818 5 місяців тому

      ​@@manfraio when running the application in first time.

    • @manfraio
      @manfraio  5 місяців тому

      @karanchavan-xx8fs are you seeing ejs installed on the package.json file?

  • @naeemmahaar5192
    @naeemmahaar5192 4 місяці тому

    I want to collect donations in my stripe account with two preset and one custom amount.how can i create a checkout session for that plz guide by making a video on this

    • @manfraio
      @manfraio  4 місяці тому

      Hey. We’re making several of videos about Stripe and donations will be on the way as well.

  • @wesleyparastchuk4653
    @wesleyparastchuk4653 2 місяці тому

    Are you from Brazil?

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

    Wha about making a live version?

    • @manfraio
      @manfraio  7 місяців тому +1

      In future videos we’ll publish a complete project with Stripe to production.

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

      @@manfraio Thank for the content. this is amazing. please build custom component instead of redirecting to stripe checkout page

  • @ChetanRaval-cd3du
    @ChetanRaval-cd3du 6 місяців тому

    nice

  • @bonekazz-8441
    @bonekazz-8441 5 місяців тому

    é do braza meu mano? kkk

    • @manfraio
      @manfraio  5 місяців тому

      Sim rsrs🇧🇷

    • @bonekazz-8441
      @bonekazz-8441 5 місяців тому

      @@manfraio dalee 🇧🇷 lkls. Reconheci pelo sotaque

  • @i3looi2
    @i3looi2 2 місяці тому

    I just closed all my paypal accounts after struggling for 8y with their ass Documentation that is rarely up to date and mostly merges v1 with v2 in a total mess. (+ their website loads like ass; even though documentation is mainly text)
    But today , was too much. I have 2FA enabled on account so imagine what happens when the SMS CODE is no longer coming.
    Try to ask for help in support chat ? Nope, you need to be loggedin.
    Try to call ? Robot handler.
    Try on forums ? Nope, Paypal loggin.
    Try to make new dummy account ? Nope, it requires phone number , that uses OTP code .. back to square 1, since their SMS does not work/is down.
    I am locked out from account for 3days now. With no remedy in sight.
    Thanks for the video. I knew Stripe integration was easier .. but damn , this is too easy.

  • @srgmedia.agency
    @srgmedia.agency 2 місяці тому

    Hi, one quick question... when I first run "npm init" and then again click enter in the terminal, it doesn't create the package.json file

    • @srgmedia.agency
      @srgmedia.agency 2 місяці тому

      okay nvm I got it now

    • @manfraio
      @manfraio  2 місяці тому

      Great. Sometimes you might have to refresh VSCode when using npm init for the package.json file to appear.