This was realy helpful, thank you! Btw, If you want to prevent your email from being spammed with empty emails, make sure to implement form validation. Currently, even if the input fields are empty, the email will still be sent. By adding validation, you can ensure that the user fills out all required fields before sending the email.
Thank you so much this has helped me a lot, in case the integration tab is not in your dashboard, go to "Account" tab and you will find the API keys there.
Thank you! I just finished a bootcamp and I'm putting my portfolio together, I feel like this integration will really help with getting people to reach out, as it's taking so many steps out of the process of reaching me. The guide was super clear, I really appreciate it!
Mind if I ask how your job hunt went/is going? I just finished a bootcamp a month ago and would be interested to hear how things went for you after finishing :)
@OhShiverMeTimbers nobody in my cohort (myself included) managed to get a job. The market basically locked up as we got our certs of completion and bootcamps in general seem to not appeal to employers anymore. I think some other members of my class are still looking but I've given up. I tried grinding really hard on putting out applications and coding, but I had very few interviews and no callbacks, even for entry level and internships. The course itself was expensive and I basically obliterated my savings paying for it and then trying to job search and practice full time afterwards. I went back to my old restaurant job, and I'm just trying to make the best of it. I'm sorry this is probably not the sort of answer you were looking for, but it's not really the outcome I was hoping for, and the whole experience has been pretty tough. Not that I'm in a position to give advice, cause I didn't really "make it" but I don't think it's impossible. If you just hold down a job to support yourself and spend your spare time coding/ studying/ applying I think you'll make it. It's still a broad and expanding industry, and it'll open up again as some of the FANG companies start hiring again in the coming year. You just need the willingness to keep trying, and a sincere passion for coding. Best of luck to you, stranger.
Is there a way to add dynamic data to the forms? I have an order form similar to yours which has a selections of goods unique for every client. The data I have is an array of ids and names of the products that a user selected.
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 ?
The data is sent to Emailjs through the sendForm method. That's why you specify the Service ID, Template ID, and Public Key. Once you click send, the data is sent to your account.
Thanks for this tutorial. I have a question. How do you do to make a loading state for that moment when you click to sent the email. I mean, in that moment i wanna see a "loading"
they changed the website and dont have an integration tab to lead to finding the public key with the apis... (update, I found it in the "Account" tab at the top
But it is sending me email from my email to my email. Like the sender and the receiver email remains same. So the email sender cannot see any sent emails to their inbox. Why this happening?
Why am I seeing "Team Members" instead of seeing "Integration" in my emaijs dashboard? can you please help me? I can not find any "integration" in my dashboard, as well as userId
i am encoupntering an error for no reason, the task is always failing, if someone can help please let me know(ps: I am coding in react itself for my portfolio website)
User ID is replaced by Public key which can be find in settings
Thank you!
can i use this service for my client's site?
@@MilanPatel-ri7my yes
thank you
Now found in Account
This was realy helpful, thank you!
Btw, If you want to prevent your email from being spammed with empty emails, make sure to implement form validation. Currently, even if the input fields are empty, the email will still be sent. By adding validation, you can ensure that the user fills out all required fields before sending the email.
Thank you so much this has helped me a lot, in case the integration tab is not in your dashboard, go to "Account" tab and you will find the API keys there.
Thanks a lot, I spent like three hours trying to figure out how this library worked. But your video was straightforward, well detailed and precise.
ua-cam.com/channels/cvrowWWzbIIErU164UAtgQ.html
Thanks, mate for posting the video. I'd like to advise that "YOUR_USER_ID" should be replaced with "PUBLIC_KEY" which is now under Account>API Keys
cute
Yeah, just found out too
Yeah
How to hide your user id in .env file ??
CN you explain suppose .env file write "PUBLIC _KEY "= "123456789abcd"
Then how to write code in main file ? Process.env{PUBLIC_KEY} ???
Something others tried to teach in 1 hour you did in 11 minutes and it worked so well👏👏👏👏
Thank you! I just finished a bootcamp and I'm putting my portfolio together, I feel like this integration will really help with getting people to reach out, as it's taking so many steps out of the process of reaching me. The guide was super clear, I really appreciate it!
You're welcome 😊
Mind if I ask how your job hunt went/is going? I just finished a bootcamp a month ago and would be interested to hear how things went for you after finishing :)
@OhShiverMeTimbers nobody in my cohort (myself included) managed to get a job. The market basically locked up as we got our certs of completion and bootcamps in general seem to not appeal to employers anymore. I think some other members of my class are still looking but I've given up. I tried grinding really hard on putting out applications and coding, but I had very few interviews and no callbacks, even for entry level and internships. The course itself was expensive and I basically obliterated my savings paying for it and then trying to job search and practice full time afterwards. I went back to my old restaurant job, and I'm just trying to make the best of it. I'm sorry this is probably not the sort of answer you were looking for, but it's not really the outcome I was hoping for, and the whole experience has been pretty tough.
Not that I'm in a position to give advice, cause I didn't really "make it" but I don't think it's impossible. If you just hold down a job to support yourself and spend your spare time coding/ studying/ applying I think you'll make it. It's still a broad and expanding industry, and it'll open up again as some of the FANG companies start hiring again in the coming year. You just need the willingness to keep trying, and a sincere passion for coding. Best of luck to you, stranger.
Good to see a brother from Kenya on the YT tech scene
Thanks bro...
Nicely done!! Adding this to my portfolio contact page just got a lot easier.
thank youa lot bro, you're the only one who's made a great comprehensive tutorial on emailjs. good luck.
Sir I am not getting where the integration section is
Is there a way to add dynamic data to the forms? I have an order form similar to yours which has a selections of goods unique for every client. The data I have is an array of ids and names of the products that a user selected.
how do you style the email ? What if I want the email to look attractive and fancy
Thank you so much. This information is very useful. I thought that I need to setting the backend first to make the form functional 😆
integration page isn't active anymore in emailjs dashboard, can someone please tell me how to find userID, even chatGPT doesn't know how
In case someone has the same problem as mentioned, just use the public key instead of userID and you can find it in account page of dashboard ;)
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 ?
make use of an .env file to fix that in production
thanks, man. you're big help to my thesis
Thank you
But please how do I go about it that after sending the mail it refresh the contact input
It's really helpfull and your explaination were straightforward man.thank you so much guy for help.😊😊
Thank you so much. Can anyone explain why don't we need to store the form data in a state, as we normally would with forms in React?
The data is sent to Emailjs through the sendForm method. That's why you specify the Service ID, Template ID, and Public Key. Once you click send, the data is sent to your account.
You're the goat!!! Thanks it worked guys.
Please I want to build a portfolio like this one you have. Please where can I watch the video?
Thank you so much bro,
It's really work and helpful for my projects.
Hello,
how I can send default values during the first reload of the component plz?
Aff Module not found: Error: Can't resolve 'styled-components' in 'C:\production github react\mystate\src'
thank you big boss it has worked and you have saved lots of hours for me your amazing
thank you so much! but how to validate form before sent to email sir? Can you tech me or Do you have a video?
basic html validation is as easy as setting the input types and adding required attributes so they can't submit a blank form.
Very fast one! Thank you for sharing :)
Hello, I have a react site using typescript. How can I write this in typescript? Thank you!
Big help, thanks for this easy to follow tutorial!
thankyou so much for this tut 🙏 can i use this platform for client project..............?
absolutely useful and easy to follow, it works perfectly, thank you so much, you got my subscribe!
Thankyou sirr for you tutorial may god bless you....... love from Srilanka...
Perfect tutorial!!! Thank you mate!
I'm having a problem on console "Invalid value for prop `submit`"
Thanks for this tutorial.
I have a question. How do you do to make a loading state for that moment when you click to sent the email. I mean, in that moment i wanna see a "loading"
How did you do the message that appears when you send the email ?
Look for react toastify tutorial
How can i lock the button, and unlock when all is filled?
After hosting. It is requesting for public key even when the public is available. On local host it works
It's useful but I couldn't use this service. Now after watching your video I must tray again. 😊
should we be using this emailjs in real project?will there be any security concerns?
Hello! Thanks for this Tutorial !
What is your vs code font !
JetBrainds Mono
This video helped me a lot! Thank you and also you have the nice portfolio website :)
Thank you!
Thank you so much for your video! It was incredibly helpful
Glad it was helpful 🫡
Hi is it possible can we put form in email content and perform action on same email page.?
what is yout theme dude? thanks 4 video!
So helpful you saved a ton of time! thank you
Great video Charles. Thanks for sharing the knowledge, I learned a lot. :)
Great buddy
Why i m getting "Template: One or more dynamic variables are corrupted" in my email
is it possible to do the reverse? you're the one sending to the email they give?
Really simple tutorial, nice work, really appreciate valuable content like this 👍👍
thank you your video really helped me as a beginner 🙌🙌🙌
Thanks nice tutoriel i appreciate a lot u don't know how much u helped me
you're an amazing human being, thank you so much
There is no integration tab in emailjs..How do I add my user id ?? Please help
thanks for the tutorial. Does anyone know if this will work with Firebase hosting? Thanks
how can i do this using checkboxes?
What If I have to send all mails to professional mailId? Please reply
they changed the website and dont have an integration tab to lead to finding the public key with the apis... (update, I found it in the "Account" tab at the top
Solid guide.....great work sir!
incredible, fast and effective, thank you very much
new subscriber
Thank u so much, cheers from Argentina!
Thank you so much, this was very helpful and it was time saving.:)
But it is sending me email from my email to my email. Like the sender and the receiver email remains same. So the email sender cannot see any sent emails to their inbox. Why this happening?
You created a new service in Gmail but I want to create create in SMTP ,will it work??
This video was SUPER useful !
Awesome 👌
how to get the radio button value
Thanks brother! It was a great help :)
Just thank you !! Subscribed !
This was extremely helpful, thanks!
Why am I seeing "Team Members" instead of seeing "Integration" in my emaijs dashboard? can you please help me? I can not find any "integration" in my dashboard, as well as userId
Nice work. You explained it very neatly.
getting error "Gmail_API: Recipient address required"
Great vídeo Chaoo, you are so cool. Thanks for the explanation. ;)
ty so much bro new subscriber here!
facing some issues after adopting these library. can anyone help me please
Thank you it works!😄
i am encoupntering an error for no reason, the task is always failing, if someone can help please let me know(ps: I am coding in react itself for my portfolio website)
Doest it uses our email to send the messaage to us ?m
When I am sending mail, I am not getting the name and email, I am getting the message, what happened
great bro,its work with next.js as well if somebody use it,tnx a lot bro
Pretty good explanation, thanks for tutorial!
I always got public key is invalid. I have follow all instructions actually
I love your Video your video help me alot bro❤
Thank you brother. very good tutorial was for me
you helped me A LOT! thank you so much!
Welcome buddy
Thank you! Great video :)
thank you chaoo charles. well expalined and easy to implement🙏
Thank you, I finally got this to work^U^
this is secure or not? can i use real time project for company website
Halo, I had input my Public Key and and i sure, that i'm correct. When i tested that, the console said that 'FAILED, the public KEY INVALID"
Excelente video!! Saludos desde colombia!!
Great Video! Clear and concise!
Very Helpful design thanks.
Fantastic explanation, thank you!
Great video, thanks! :) 😃
why is it not working for any random email in react.js ??
short question. Does this also works for react-native?
Awesome video! Still works!
Awesome 👌
Thank you, helps me alot 😊