EmailJS team has rearranged the dashboard design. "Integration" page has been removed from the dashboard. API Keys moved to the "Account" page. "User ID" renamed to "Public Key"
Don't you think this approach has security issues since here we are storing the serviceId, templateId and public tokens in the frontend code so anyone probably can get hold of these details ?
It will send the email to the user's mail who is filling the form right? but in case I want to send an email to both sender and the admin on which website a user is filling the form? what should I have to do about this?
At last when we inspect the code got error saying uncaught the 3rd parameter is expected to be html form element or the style selector of form send form.js
EmailJS team has rearranged the dashboard design. "Integration" page has been removed from the dashboard. API Keys moved to the "Account" page. "User ID" renamed to "Public Key"
Anyone used this with react native app by any chance? I am getting the following error even though i have enabled option to allow api calls from non browser apps: {"status": 403, "text": "API calls are disabled for non-browser applications"}
Please subscribe to my channel, it really motivates me to do more and more tutorials. you can check the code in my git repo - github.com/voranzovv/react-emailjs/tree/master
Great video, thank you so much. Probably better off without the music in my opinion, rather than going up and down. Or just leave it low in background,
I'm getting mails but the only concern is it's showing my email id only as "'from", basically not getting the email id from whom i received the message
@@CodewithVoran yes i do pass the e... But aparently the problem was related with the form i was using (i was using an ant design form) . With an usual form works pefectly Well. Thenks
Please I still dont get it. Please can you make a video on linking or route to thank you page to emailjs code. I have been having issues with that for more than 3weeks and no video of that nature on youtube
You are the best teacher I have on youtube. Please I want you to do a video on how to add thank you page to emailjs react code . I have been battling with that for weeks
Hi sir, I'm using React Native to create a mobile application instead of web application. May I know what can I change for the "e.target"? There is an error (The 3rd parameter is expected to be the HTML form element or the style selector of form) shown.
I had the same error. I wanted to send a String not a form element. In that case I replace "emailjs.sendForm" to "emailjs.send" because it's not necessary a form element. There, I put in 3rd parameter a object who have the variable name and String(ex. parametersNames {name: "John Doe", city: "New York"}).
Hi Voran, thank you for making this video. Is EmailJS the best service in the market for implementing this feature? Is there anyway without third-party?
@@CodewithVoran Thank you brother will follow it. Can you please are for JavaScript like important topics to cover and wanted to do small projects in it.
It's weird, when I receive the mail to my mail box, the textarea part is empty ....anyone have encountered this problem please?Need help...thank you for your video.
@@CodewithVoran I don’t see any id value for the textarea in your video, I’ve always put a value on it. Maybe it’s béa cause I have 2 form on my website and using the same e.target for both forms?
god video , but after click the send button , how to make auto refresh the form , what I mean , how to set the default form after click the send button that is the question on my side .
To solve this problem, you need to go to EmailJS dashboard -> Services, click on the Gmail service in your list, and reconnect your account. Please click on the checkbox "Send email on your behalf" to allow us to send the emails through your Gmail account
EmailJS team has rearranged the dashboard design. "Integration" page has been removed from the dashboard. API Keys moved to the "Account" page. "User ID" renamed to "Public Key"
not working Bro getting error
@@SathishKumar-em1kf youtube is filled with outdated tutorials. becoming like a junkyard of outdated stuff because no one wants to delete anything.
@@Jeff-zc6rr brother. Its still not out dated. You can find the keys in account page.
use your public key instead it worked for me
Ss correct th
anks bro
One of the best tutorials ever, thanks to you and keep it up, you are good at this. Your explanations are very explicit and very clear indeed.
Thanks selikie. Subscribe for more useful tutorial
Thanks a lot brother, I was not getting the documentation but you solved the problem.
Glad to hear that
Buddyy you are just Awsome mann
Thanks a lot brother
Thanku so much sir you saved my project from getting critics today..I am so much thankful to you🤗..keep it up👍🏻
Welcome Fatima. happy to know that. 🤗🤗
It's awesome, I needed it for my portfolio, nice video bro! Thank you!
thanks brother
That's really I wanted keep update more simple ReacJS tutorials please I'm your new Subscriber!
thanks brother. I will upload more tutorials
Loool. I legit spend 6 years using gms before finally getting serum. I was making blown out saw softs and exporting them to Edison
really nice tutorail thats easy to follow , thanks
Thanks a lot. Please subscribe to my channel, it really motivates me to do more and more tutorials.
Very useful video 👍🏻👍🏻 thank you so much
Welcome brother
Good stuff bro👍
Thanks bro
short, clear and AWESOME thanks!
thanks carlos
Whether it is possible to make one submit button perform 2 function, sending information as well as redirect to another page that work as a link
How can I send to email to dynamic user email id using Email Js
Thank you, Voran! - great tutorial :)
great video. thankyou so much💗
Welcome
can we put form in email content and perform action on same email page.?
Thanks for this i was stuck, but now I'm free
Happy to know Emmanuel
Thanks for your nice tutorial.
welcome Nasreen. subscribe for more
Don't you think this approach has security issues since here we are storing the serviceId, templateId and public tokens in the frontend code so anyone probably can get hold of these details ?
Worked like a charm, thank you
Welcome Gleb
Great tutorial. Thank you so much!
Welcome 🥰🥰
You saved me today, thank u
You're welcome 😊
It will send the email to the user's mail who is filling the form right? but in case I want to send an email to both sender and the admin on which website a user is filling the form? what should I have to do about this?
hi yogesh. Check this documentation www.emailjs.com/docs/tutorial/creating-email-template/
Great
can't reach site anymore i tried from all browser and on other laptops too it's not working anymore
I think your url is wrong
At last when we inspect the code got error saying uncaught the 3rd parameter is expected to be html form element or the style selector of form send form.js
You should pass the form element as the 3rd parameter. Please console.log the form and check.
thanks for the great tutorial
Welcome buddy. Subscribe to my channel for more useful tutorials
Excellent video thank you !
Thanks kosmos
is it ok for sending for example 200 emails at once?
How to develop a website where mails shud be sent to many ppl through a csv file
I love you, bro. Thank you
Welcome brother
very helpful! thanks!
Welcome Mirna. Subscribe for more
I dont have the integration section in my email.js account. Instead of the init number it requires the public API key found in account
How can i make it cover whole screen width
2.50 remove width. Or make it 100%
Thank you, I'm making my portfolio page and I'm not that experienced woth CSS
@@rankokoturic6633 ok brother. If you get any doubt, feel free to ask me
Thanks i appreciate it
cannot able to find the integration tab
thank you bro
Do more videos on react .
sure bro. Subscribe to mu channel and give your support
where to find integration in emailjs?
EmailJS team has rearranged the dashboard design. "Integration" page has been removed from the dashboard. API Keys moved to the "Account" page. "User ID" renamed to "Public Key"
Without using email.js how can we get email responses
Anyone used this with react native app by any chance? I am getting the following error even though i have enabled option to allow api calls from non browser apps:
{"status": 403, "text": "API calls are disabled for non-browser applications"}
Unfortunately this method doesn't work with react native
Thank you! this was a lifesaver
thanks buddy. subscribe to my channel for more useful tutorials
How would you make it more secure? I feel like this exposes too much on the client
you can use .env file to store the credentials. refer this. create-react-app.dev/docs/adding-custom-environment-variables/
@@CodewithVoran in production?
Amazing video thank you so much
Welcome dina. Subscribe for more useful tutorials 😊😊
@@CodewithVoran i am building a portfolio website right now that has a route for a blog section. how do i go about doing this?
Please subscribe to my channel, it really motivates me to do more and more tutorials.
you can check the code in my git repo - github.com/voranzovv/react-emailjs/tree/master
Nice video!
What about emails from different domain like godaddy.
thank you ,,its working
Welcome priyo
Can you send file with this thing? Without subscribtion
it is available here github.com/voranzovv/react-emailjs/tree/master
Great video, thank you so much. Probably better off without the music in my opinion, rather than going up and down. Or just leave it low in background,
Yeah miscany. I got many comments about this. Now upload tutorials without the music
When I send the message it gives an error: " TypeError: Converting circular structure to JSON". Please say, how can I solve it?
Somebody got solution to this??
Sir in my account integration option is not showing
I'm getting mails but the only concern is it's showing my email id only as "'from", basically not getting the email id from whom i received the message
same, have you fixed it yet??
All ok..but i cant get the user email..it shows the same email in (from and to)
It worked for me but how can i render form submission confirmation message to user?
i didn't get integrtion and init code
if we want to send mail to different user each time and also want same user filled data in database Then how we can do?
Answer this??
thank you for make it easier to all... :D
Welcome brother
Hi. i got 2 erros .. the first is that doesnt recognize e.preventDefault() as a function and that doesn`t recognize e.target as a valid parameter
5:46 check the 3rd line. you need to pass the parameter e.
@@CodewithVoran yes i do pass the e... But aparently the problem was related with the form i was using (i was using an ant design form) .
With an usual form works pefectly Well. Thenks
@@nicolasascona448 is that working fine now?
@@nicolasascona448 good
Hi..did you get the solution? I'm using antd as well
hey, good job with this one, can you do with file attachment in frontend and emailjs?
very nice
Thanks fateh. Subscribe for more useful tutorials
I follow all but I got a error412 from google API, pls help
could you show me the code please?
thank you so much sir :)
Welcome Nawel
Thanks this helped to clarify things
Welcome mark. Subscribe to my channel for more useful tutorials
@@CodewithVoran How can I create a message to tell the user the message was sent?
@@codeAlongwith 9.22 after line 12 addthis line
alert("mail sent")
@Code with Voran This video seems to explain it fairly well ua-cam.com/video/jOviw8Ou_Yk/v-deo.html
@@codeAlongwith that's cool
Can you show us how to connect react js ts with idp 4
Yeah sure. I'll make a video for that in future
Please I am having problems in redirecting another page after clicking send. Pls assist
You should use react router
@@CodewithVoran please can you write this code for me and link me up to your github?
Please I still dont get it. Please can you make a video on linking or route to thank you page to emailjs code. I have been having issues with that for more than 3weeks and no video of that nature on youtube
You are the best teacher I have on youtube. Please I want you to do a video on how to add thank you page to emailjs react code . I have been battling with that for weeks
@@GMERT hi brother. sorry for the late reply. 9.20 after line 12, write this code location.replace("www.yourPageURL.com")
how will you clear the input field after submitting ?
window.location.reload();
write this code after the sendForm function
@@CodewithVoran thanks
But even if the user puts incorrect email id..the email is getting send which is not right I think.
Thank you so much!
welcome. please subscribe to my channel for more videos
is it safe?
Hi sir, I'm using React Native to create a mobile application instead of web application. May I know what can I change for the "e.target"? There is an error (The 3rd parameter is expected to be the HTML form element or the style selector of form) shown.
hi Jia, Check this video. It may help you. ua-cam.com/video/x7Ewtay0Q78/v-deo.html
I had the same error. I wanted to send a String not a form element. In that case I replace "emailjs.sendForm" to "emailjs.send" because it's not necessary a form element. There, I put in 3rd parameter a object who have the variable name and String(ex. parametersNames {name: "John Doe", city: "New York"}).
I want it to be able to avoid spam mail. And it shouldn't send an empty mail when you click on send.
Hi Voran, thank you for making this video. Is EmailJS the best service in the market for implementing this feature? Is there anyway without third-party?
you have to use third-party libraries. EmailJS is one of the famous libraries.
@@CodewithVoran Thank you Voran.
Great tutorial. Short and crisp. Just one thing, after successful submission how can we redirect to a new page?
Thanks bro. Use react router dom
@@CodewithVoran Ok, Thanks
Link the repo in the future videos. It will be a huge help.
ok brother. I will link it in the future
github.com/voranzovv/react-emailjs.git
Thank you
Welcome bro. Subscribe to my channel for more useful tutorials
Can you please tell us important topics should know for React JS while learning it.
I like your videos they are very understandable
check this article. it will be useful for beginners blog.glitch.com/post/react-starter-kit
@@CodewithVoran
Thank you brother will follow it.
Can you please are for JavaScript like important topics to cover and wanted to do small projects in it.
@@udayjprg2988 this video will help you ua-cam.com/video/rt11z-V-IhY/v-deo.html
THANK YOU
Hello sir,please can share the code
you can check the code in my git repo - github.com/voranzovv/react-emailjs/tree/master
Thank you very much .,..
Welcome abi. Subscribe for more useful tutorials
It's weird, when I receive the mail to my mail box, the textarea part is empty ....anyone have encountered this problem please?Need help...thank you for your video.
You need to check the id of the textarea
@@CodewithVoran I don’t see any id value for the textarea in your video, I’ve always put a value on it. Maybe it’s béa cause I have 2 form on my website and using the same e.target for both forms?
god video , but after click the send button , how to make auto refresh the form , what I mean , how to set the default form after click the send button that is the question on my side .
soft interface support.
Teach form validation and pdf generated
I will do a video about validation soon, by the way, I've already done a pdf generator. Check it out. ua-cam.com/video/rZr23bMwHsU/v-deo.html
@@CodewithVoran using react
@@fayasahamed5587 yeah. i will do bro
You were my salvation, thank you :D
welcome brother. please subscribe to my channel for more videos. Thank you
tNice tutorials really helped
thanks buddy
bro can you please give this code..i mean github
Thanks a lot bro.
Please provided a video react js & laravel forget password with email verify.
thanks bro. I will do it in future
❤️
Thanks a Lot
welcome brother. subscribe to my channel for more videos.
can you give me source code?
You can find the link in the comments section
hello sir could u send me source code of this project ?
yeah sure
github.com/voranzovv/react-emailjs.git
@@CodewithVoran Thank u sir
@@AMIRSHOOTER
this is the correct branch github.com/voranzovv/react-emailjs/tree/master
GOD or what?
i don't understand brother
@@CodewithVoran it was god level amazing
@@prathameshTBSM Thanks a lot brother
thanks :)
Welcome bro. Subscribe for more useful tutorials
When u first used a phone in ur life it probably was complicated too.
sir dont put playcards befoe ending the video ,it hard to see last details
you didn't say "no homo" man
please don't add background music
Sorry bro. I'll not use it in future
good job can u send me the code plz !!!
github.com/voranzovv/react-emailjs.git
lets make soft
background music is so annoying
Sorry to know the brother. Now i stopped playing music
Gmail_API: Request had insufficient authentication scopes
To solve this problem, you need to go to EmailJS dashboard -> Services, click on the Gmail service in your list, and reconnect your account. Please click on the checkbox "Send email on your behalf" to allow us to send the emails through your Gmail account
STİLL WORKS . AWESOME
Good to hear