How To Accept Payments With PayPal

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/WebDevSimplified/p...
PayPal Developer Dashboard: developer.paypal.com/develope...
PayPal Checkout Documentation: developer.paypal.com/docs/bus...
Reduce Video: • Learn JavaScript Array...
Reduce Article: blog.webdevsimplified.com/202...
Async/Await Video: • JavaScript Async Await
🌎 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:30 - Client only setup
06:05 - Secure server setup
#PayPalCheckout #WDS #JavaScript

[@nicholasdittmer4494]

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

[@jakubtomas9154]

3:10 in addition, PayPal offers the donate button as a separate entity

[@basiccodingwithadam8125]

Great video as usual, Kyle!

[@julianmanuel5804]

This is gonna be pretty useful for my current personal project. Thanks a lot, you're the man!

[@dhanushdhanush9823]

Have you done ?, need some guidance, I'm struggling with it, can you provide me your email id ???

[@clikhamitsolutions]

you made this very simple, thank you

[@elliestilwell4993]

Thanks so much for making this!

[@user-vv6ri7uk8k]

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.

[@KeyserTheRedBeard]

stunning content Web Dev Simplified. I killed the thumbs up on your video. Continue to keep up the fantastic work.

[@barkingdog67]

This guy is a great presenter. Very helpful.

[@syllight9053]

Just what I needed! Thank you

[@SeanCassiere]

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.

[@DebjitMajumdar]

Kyle comes up with the most premium content.

[@JMuks]

I'd been dying for this guys tutorial for stripe payments, and now he has delivered more than expected, good job kyle. Kudos

[@madhavmadhusoodanan1877]

Thank you Kyle! I badly wanted to find out how to use PayPal in code :)

[@yitzchaksviridyuk932]

Great tutorial man. Thanks :)

[@nirmesh44]

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.

[@erykwks]

Great tutorial man! Give me more! 😃

[@abukhalidrifat3994]

Thanks a billon. Love you man 🖤

[@nemeconcept]

Thank you for all you do

[@Hartley94]

Thank you.

[@Mrabdulazizbidani07]

Thanks, this is helpful🥰🥰

[@nuno3180]

Love it!

[@aminaelkhattabi7517]

Love your videos and how you ease the understanding

[@kvetoslavnovak423]

Great video! As usual. Any plans to prepare similar video concerning Stripe?

[@senpaijs798]

You are a live saver bro )))))))))))))) :)

[@jeethechamp7458]

What about setting up subscription payments? Could you please do a video on that? It would be very helpful. Thank you

[@alfonsopayra]

man i love your tutorials, do you have a tut for splitting payments in between "marketplace" and "vendor" ?

[@IshanKesharwani]

Ok I am trying this instantly. Let's close everything and do this.

[@NorteXGame]

The legend!!!

[@bluemodize7718]

thnak you

[@Pilosofia]

finally I locked for this video for a long time.

[@OmAr-vv6fh]

Fast & efficient.

[@alexander_nunezf]

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?

[@nivoset]

Should talk about floating point math messing up currency. (Try 0.1 +0.2 in a console)

[@RocketDogg77]

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!

[@bennop62]

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?

[@vipervalour]

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

[@michaeljacinthasimione2246]

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?

[@MrRossss1]

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

[@YovelHadad]

can you do a video for these smart buttons but on react when the dropdown checkout is shown?

[@masteringreactnative]

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?

[@birdaid5242]

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!

[@mysteriousbillionaire7349]

How do you hide your javascript code in a server instead of the browser where anyone can see through view source?

[@FahadAli-ot5kn]

Finally accept the request

[@blueandraedevera6605]

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.

[@viekva]

King Kyle!

[@user-vd9cz3oy3n]

If I have a project running a server on live it is possible to run that server from locally to a platform like Netlify?

[@camc6864]

I wonder how long Kyle has been coding for? He is exceptionally knowledgeable.

[@Rentaro_dev]

ye

[@veremox]

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

[@camc6864]

@@veremox cheers for the help!

[@anonymousalcoholic3648]

and he's good looking too

[@kiddhkane]

ROFL. Not using .env, not using async / await... require instead of import. he barely gets the basics right.

[@esportsnexus]

Hey Kyle , can you drop the link of the guitar in the background?

[@fastestmanalive1549]

He is a living legened. This helped me a lot thankyou!!

[@lfernandorg]

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?

[@dannyslea]

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.

[@keydib8913]

So interested to try this. Though i had no idea whats happening thooo

[@Arabian_Epileptic]

Kyle inspired my to start my own JavaScript channel too😊

[@richardalfredo367]

Subbed to you

[@RXCodes]

Ooooo yummy!

[@ankurtiwari4707]

Plz make videos on making scalable nodejs app using containers and microservices

[@uwegenosdude]

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 ;-)

[@midouwebdev2224]

Thanks ! Can you do the login with discord using html css js crash course ?

[@RicardoManuelArana]

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.

[@alexmercerind]

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

[@eagleofsharm]

awesome

[@jacobmani1319]

Good job. Can you explain how to integrate with Flutter Web Application

[@syedahamed2362]

what hair products do you use man??? Your hair looks really good!!!

[@QuasarsSuck]

He uses HTMgeL

[@syedahamed2362]

@@QuasarsSuck 😂😂😂😂

[@LeGreeCos]

Could you do an example with Angular -> Java Backend??? I cant apply this to my system :( PLS

[@looterbmgo5545]

what if the client tries to donate negative amounts?

[@sameerasampathcicrasolutio9856]

Can we add or update card details by using API

[@iqbal5942]

Can you make a video on payment method with ethirium or bitcoin etc 🤔

[@dolevdo]

Finally :)

[@PerceptronGameplay]

nice

[@deandrehayward4478]

why aren't my buttons rendering? I have the code exactly yours to test before I begin and the buttons do not render.

[@solooms2911]

"Error: Expected an order id to be passed at ... Any fixes?

[@syedjawad4298]

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?

[@Kareszrk]

how can I pass reference_id in the purchase_units?

[@vaibhavthalanki7320]

what about instant payment notifications

[@zedin27]

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?

[@zedin27]

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.

[@slammerton]

legend

[@RachidBoudjelida]

Only one year, the client side only will not work anymore it got depricated

[@beautyofworld1700]

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

[@ulyanaenglish2339]

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

[@lou.104]

Kyle, is this still relevant/working today?

[@lfernandorg]

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?

[@iliyanalinski9385]

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?

[@user-ki2qz1gl1n]

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.

[@iliyanalinski9385]

@@user-ki2qz1gl1n dynamically? That's not dynamic. It just looks more advanced but the truth is that's not.

[@teapartyoff]

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

[@abehonestly]

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.

[@teapartyoff]

@@abehonestly ty 👌🏾

[@abukhalidrifat3994]

How can I get transaction ID?

[@me.deepaksharma]

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?

[@TheStruders]

You should probably teach people not to store credentials in source code/repositories. Especially when dealing with payment systems

[@connergoldberg]

.env documentation pretty much covers that it isn't meant to be stored within your source code/repositories since it is an environment variable.

[@MrCuteguylol]

where are we defining the "paypal" variable?

[@camango1]

Ok but finished code is for port how to make it live on a website

[@mykalimba]

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?

[@AlexGower]

i believe you are correct but anyone can setup developer account

[@TheRealWesTolman]

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!

[@brianlemba3059]

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

[@webcoderspeed9566]

Next video on RazorPay

[@freestreet_official]

it is better to show the payment processing in php

[@elmandiliaymane7349]

why is everyone explaining the sandbox , please someone explainthe live payment gateway

[@Hardeepsingh-ch4rm]

Hello kyle

[@oswaldoolea2889]

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

[@mayank_singh_43]

Sir, please try to speak little slowly, i can't understand so fast 😒

[@scsfulsarahr598]

This is the simple version? :( It's like a foreign language. Any video out there that just says, 'Copy this, paste here'?

[@Meltdown_Gaming]

When i press the PayPal button, all I see is a spinning lock...

[@sujalkhatiwada2267]

Could you make this using PHP ?

[@VitaminDe3]

❤️❤️❤️❤️❤️❤️