Это видео недоступно.
Сожалеем об этом.
How To Accept Payments With PayPal
HTML-код
- Опубликовано: 16 авг 2024
- PayPal is one of the largest payment platforms and it is the preferred payment method for millions of people. In this video I will show you how to integrate PayPal payments in your application 2 different ways so that you can start accepting payments in the way that fits your situation best.
📚 Materials/References:
GitHub Code: github.com/Web...
PayPal Developer Dashboard: developer.payp...
PayPal Checkout Documentation: developer.payp...
Reduce Video: • Learn JavaScript Array...
Reduce Article: blog.webdevsim...
Async/Await Video: • JavaScript Async Await
🌎 Find Me Here:
My Blog: blog.webdevsim...
My Courses: courses.webdev...
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/Web...
CodePen: codepen.io/Web...
⏱️ Timestamps:
00:00 - Introduction
00:30 - Client only setup
06:05 - Secure server setup
#PayPalCheckout #WDS #JavaScript
I'd been dying for this guys tutorial for stripe payments, and now he has delivered more than expected, good job kyle. Kudos
3:10 in addition, PayPal offers the donate button as a separate entity
Kyle! You absolutely rock mate. People like you are why we fell in love with the internet in the first place. This is a very important topic but not covered at all well in the official docs (as usual). You make our lives bearable! My man
Ok I am trying this instantly. Let's close everything and do this.
24 minutes of video and only 10s of short, brief introduction, what a legend
Thank you Kyle! I badly wanted to find out how to use PayPal in code :)
Should talk about floating point math messing up currency. (Try 0.1 +0.2 in a console)
I wonder how long Kyle has been coding for? He is exceptionally knowledgeable.
ye
i've stumbled upon a podcast not a long time ago in which he says that... i can't remember exactly but it's a bald dude interviewing him :P you can look it up
@@veremox cheers for the help!
and he's good looking too
ROFL. Not using .env, not using async / await... require instead of import. he barely gets the basics right.
Love your videos and how you ease the understanding
Considering the wide range of tutorials Kyle has covered, I'm surprised he hasn't done a beginner-friendly S3 or similar block-storage tutorial.
This is gonna be pretty useful for my current personal project. Thanks a lot, you're the man!
Have you done ?, need some guidance, I'm struggling with it, can you provide me your email id ???
what hair products do you use man??? Your hair looks really good!!!
He uses HTMgeL
@@QuasarsSuck 😂😂😂😂
Kyle comes up with the most premium content.
stunning content Web Dev Simplified. I killed the thumbs up on your video. Continue to keep up the fantastic work.
Thank you so much. Saved the whole lot of time. There is some documentation on PayPal site but it is way less helpful than this clarification "way A does this, way B does that and beware of these peculiarities". Respect, dude.
Great video as usual, Kyle!
This guy is a great presenter. Very helpful.
Great video! As usual. Any plans to prepare similar video concerning Stripe?
you made this very simple, thank you
Hi thank you for the video can you please make a video to show how to setup a full working contact Form with your custom email!
What about setting up subscription payments? Could you please do a video on that? It would be very helpful. Thank you
Is it secure to do this on the client if the price is fixed, with no input to change it, for example, if I fetch the shirt info from db and store it in a variable, and then use that variable as a price field when doing transaction, is there a way for a hacker to change the price?
Hey great tutorial.... can you do one about subscriptions.... and how to unlock certain web pages when the user subscribes and pays the subscription.... Im really struggling with it... Keep up the good work!
How do you hide your javascript code in a server instead of the browser where anyone can see through view source?
great Job as always. I would like to see more tutorial around jest and enzyme with antd react based component like how to test table and axios calls etc.
Thanks so much for making this!
great video as always: I was wondering if you could make one about what's your opinion about Content Management Systems and ERPs; do you recommend such solutions? what are the best ones you recommend?
how can I pass reference_id in the purchase_units?
Just what I needed! Thank you
If you get a donation of 1 cent it costs you 35 cent transaction fee. So it matters also for donation buttons if the user can change the amount or not ;-)
Thanks for the really cool video. I understand how you did the backend integration. I have question however. Here is what I need, after successful payment, I need to inform my backend that the payment was successful. I could after the frontend onApprove method gets called, tell the backend all is ok, however some could hack that just by calling that backend method manually. Any suggestions for me?
great video, i am planning on opening my first online store but im not and expirienced web dev (only know a bit of front end, never did back end stuff) is it a good idea to follow your video step by step and set paypal up even tho i will not really feel comfortable with this code? or should i just set it up with shopify and come back to it as i gain some back end expirience? thanks
Kyle inspired my to start my own JavaScript channel too😊
Subbed to you
Ooooo yummy!
I coded along, code along too dont just scroll down reading comments...Learning is easier if you follow along...it takes a lot to create these videos its a waste if you dont extract the full knowledge from this video by coding along. Thank me later
man i love your tutorials, do you have a tut for splitting payments in between "marketplace" and "vendor" ?
I can finally start my online business
Awesome thanks. Could I request a vid on how users can upgrade their subscription/ buy more credits once they've used up their quota please ? Thanks
You should probably teach people not to store credentials in source code/repositories. Especially when dealing with payment systems
.env documentation pretty much covers that it isn't meant to be stored within your source code/repositories since it is an environment variable.
Great tutorial man. Thanks :)
what if the client tries to donate negative amounts?
Hey, I like the video, very informative, I need to confirm the payment and then execute the download of a pdf, Can I done that in OnApprove?
Only one year, the client side only will not work anymore it got depricated
can you do a video for these smart buttons but on react when the dropdown checkout is shown?
Can you make a video on payment method with ethirium or bitcoin etc 🤔
Great tutorial man! Give me more! 😃
Is there a way to customize the Paypal buttons and the way it redirects to another tab when the button is clicked? I want to put it like in an Iframe and embed it in my page.
Hey everyone. I’m new to this, I don’t understand anything, but I have to learn because I need this: when buyers want to make payments on my site, they do t need to enter their pay pal login and password. I can’t find anyone who can do that. Probably I’m looking in the wrong place. Can anyone tell me where this guy writes this code? Is it some kind of a program? And one more question - video was out 2 years ago. I’m watching it I’m 2023, interface of pay pal develop page changed and I can’t find where I can copy the whole code. Only some parts 😊I’d really appreciate if you help me
Thank you.
Instead of saying "just go to this place" can you please please show a step-by-step from the Home Screen, what buttons, what menus, where to scroll and click. The site has surely updated since this video and I have no idea where to find the script you are referring in the first 10 seconds because the menu is vast and there are so many options. Please help!
I have a question where is the details of buyer account I didn't understand exactly payment were gone on which account? can anyone clear it?
If I have a project running a server on live it is possible to run that server from locally to a platform like Netlify?
Thanks a billon. Love you man 🖤
where are we defining the "paypal" variable?
what about instant payment notifications
I'm a newbie to java and have a question. At about marker 6:30 you talk about installing libraries on servers. I don't have a server and I host my website. Where do I install this library and other components. Do I install them on my ftp space of my host or do most hosts already have these libraries available?
Thank you for all you do
"Error: Expected an order id to be passed
at ...
Any fixes?
Plz make videos on making scalable nodejs app using containers and microservices
So interested to try this. Though i had no idea whats happening thooo
Good job. Can you explain how to integrate with Flutter Web Application
Could you do an example with Angular -> Java Backend??? I cant apply this to my system :( PLS
finally I locked for this video for a long time.
Hey Kyle , can you drop the link of the guitar in the background?
Sir, please try to speak little slowly, i can't understand so fast 😒
Ok but finished code is for port how to make it live on a website
there is separate API for capturing too... what if one just removes capture call from onApprove... store payer's data in db or something to track payment by using PaymentCaptureOrder
Thanks, this is helpful🥰🥰
why is everyone explaining the sandbox , please someone explainthe live payment gateway
This is to tutorial I've been looking for since I want to run the paypal intent/capture from the backend. But I am far a long in my project and I am not sure how to change my project to be able to run a script like that. All the paypal documentation seems to funnel you to their instructions on their most basic option that I don't want to use.
why aren't my buttons rendering? I have the code exactly yours to test before I begin and the buttons do not render.
So I have been trying to get this working, but I'm having an issue that the login after pressing one of the buttons, is not showing up fully. What happens is that it briefly shows the loading screen pop-up window; but, it closes automatically. I'm trying to understand why it happens, but I can't currently figure it out. Is there a way to find the issue?
I'm doing a little bit of fiddling from the docs and it seems to work whenever I don't use the ``. Instead, it is fine if I do `
paypal.Buttons().render('#paypal');
// This function displays Smart Payment Buttons on your web page.
`
Yours is cleaner and I was thinking how I can render the whole thing with just using the file of the script. So I'm currently doing this part to play around.
we have react native app and backend in node js . have to integrate paypal payment integration for below scenario.
we have online workshop creation system .any user can create workshop . and any user can subscribe to the workshop by paying. once the workshop is successfully complete only on the date . release payment to workshop organisor(creator) after app platform commision. provide a solution which can be implemented
You are a live saver bro )))))))))))))) :)
What's the point of storing the API key in the back end when it's visible on the front end when parsing it in the script tag?
7:31 It doesn't matter whether the API key is visible in the script tag or not, the point is about dynamically import API key.
Because the sandbox and live version of the code are going to have different API key.
@@user-ki2qz1gl1n dynamically? That's not dynamic. It just looks more advanced but the truth is that's not.
exceptional topic to make a video, kudos, pitty is too fast paced and too many technologies(npm installs....) too follow easily and implement as explained. One button one product example to begin with could have being easier to explain, follow and undrestand. Remenber... SIMPLIFIED!
.....
Can we add or update card details by using API
Thanks !
Can you do the login with discord using html css js crash course ?
Finally accept the request
I am getting this error "We aren't able to process your payment using your PayPal account at this time. Please go back to merchant and try using a different payment method."
Anyone knows what is the issue?
Is there any way to use paypal scripts without having to use their forms and stuff, in my web designs their forms just don't show properly and they won't scroll up or down either.
Love it!
Fast & efficient.
Kyle, is this still relevant/working today?
The legend!!!
Another question, if is there a hacker in my PC, and he sees my secret Keys and Id, what is the damage of that if the hacker has these data in his hands?
He is a living legened. This helped me a lot thankyou!!
it is better to show the payment processing in php
thnak you
King Kyle!
How do you link that to an actual sql database that would give informations according to the item id sent (POST method) from the website?
I’m very new to json lol
You would need to create a backend rest service that connects to your database. Then when you do .fetch you use the URL for your rest service.
@@abehonestly ty 👌🏾
This is the simple version? :( It's like a foreign language. Any video out there that just says, 'Copy this, paste here'?
When i press the PayPal button, all I see is a spinning lock...
How can I get transaction ID?
When I was setting this up a while ago, I believe the receiving PayPal account had to be a _business_ level account, i.e. it's not possible to set up a _personal_ PayPal account to receive payments using this system. Anyone confirm that is still the case?
i believe you are correct but anyone can setup developer account
Your videos are very nice and informative but there is only one problem for me... My first language is not English and your speech is a bit fast for me. Reducing the video speed might be a solution but for me it makes the experience worse!!! That's why I have a hard time understanding it. I think it's also a bit annoying for other non-native English speakers. I just wanted to point that out... Other than that, I've been following your wonderful tutorials... Especially the NodeJS ones...
Thats on you what do u want him to do..?
@@atheniyah It would be more understandable for me if it reduced the current speech rate by 0.25
Next video on RazorPay
awesome
legend
nice
Finally :)