Send Email from HTML Form for Free | EmailJS

In this video, we're going to show you how to send email from a contact form using JavaScript. This is a very simple tutorial that will help you easily send email from your contact form.
If you're looking to improve your website's email functionality, then this video is for you! By following this tutorial, you'll be able to easily send email from your contact form using JavaScript. This will help you keep your contact form functional and up to date, while also increasing your website's email marketing capabilities!
Sending emails from your website has never been easier! Whether you're building a personal portfolio, a business site, or just looking to add email functionality, this tutorial is for you.
We'll cover:
- Setting up emailjs and obtaining your user ID.
- Creating a simple HTML contact form.
- Writing JavaScript to handle form submissions and send emails.
- Troubleshooting and testing your contact form.
By the end of this tutorial, you'll have a fully functional contact form that allows visitors to get in touch with you easily. Say goodbye to server-side email handling and enjoy sending emails directly from your website with emailjs-com.
Emailjs - www.emailjs.com/
Emailjs docs - www.emailjs.com/docs/sdk/inst...
Don't forget to like, subscribe, and hit the notification bell to stay updated with more web development tutorials!
#email #emailjs #javascript #coding #webdevelopment #css #html #javascriptforbeginners #javascriptemail

[@itsgoodforyou4235]

Thanks! Keep up the good work!

[@codeeasy3667]

You’re welcome 😊

[@HuyTran-ne3oz]

Your video just saved me, thank you so much !

[@codeeasy3667]

I'm happy that it helped ☺

[@bongajewelmsimang5337]

Excelllent tutorial basic and simple to use.

[@codeeasy3667]

Thank you 😊

[@nathanvazquez84]

Great video! easy to follow and the service has no paywalls thus far. thank you

[@codeeasy3667]

Thank you 🙏

[@VeeraJana]

Thanks for the video man, Guys if you didn't received the email try to put your recovery email id on the cc in template, so you can get a copy of the email.

[@codeeasy3667]

Great info Thank you 😊

[@matiaslupo5930]

Thanks a lot! It worked for me.

[@codeeasy3667]

You're welcome 😊

[@BrunoVlogs270121]

could you help me with this? I have project submission next week

[@codeeasy3667]

Can i please know the exact issue that yoy are facing?

[@FoodiesCanteen]

Thanks bro helped a lot !

[@codeeasy3667]

Glad it helped 😊

[@maulicemouradchams-edine5921]

thanks bro personnaly I tried it with vuejs and it work as well

[@codeeasy3667]

You're welcome I'm happy that it helped. 😊

[@nomanhassan4718]

exactly what i was searchinng for. great video. mate

[@codeeasy3667]

Thank You 🙏

[@remofiloephokontsi8538]

You telling me it worked even in 2024??

[@nomanhassan4718]

@@remofiloephokontsi8538 yes I've been using it for my website for almost a week now

[@emirPHP]

thank you for video

[@codeeasy3667]

You are welcome

[@CryoLegende]

Theoretically you could design it with CSS so that it looks like a registration form and you could steal data that way?

[@codeeasy3667]

I hope no one tries that😂😂

[@CryoLegende]

@@codeeasy3667 i will not try it 😏

[@user-mv8hq7yy3p]

Super bro

[@codeeasy3667]

Thank you 🙏

[@user-uv2pp6hk8d]

hey which software do you use to record your videos please reply

[@codeeasy3667]

Hey I used the built in function in Mac to record, In windows you can use obs screen recorder

[@anubhabchowdhuryproduction9149]

@@codeeasy3667 brother I am receiving email but Its not showing any message

[@aminuzzamanshohag5491]

It worked....Thanks buddy..............

[@codeeasy3667]

You're welcome 😊

[@emirPHP]

I tried the site and I am receiving an e-mail.

[@Sofie-gn9cv]

I do receive an email from email js but it says ‘The Gmail service may have stopped working or is unstable. It failed to send the email at least three times in a row’. When opening the events I get: status 412, response Gmail_API: Request had insufficient authentication scopes. Could you help me with that? :)

[@codeeasy3667]

There could be a simple fix for this one. You can simply go to your email js and disconnet your account and try reconnecting it and there should be a checkmark, so click on "Send email on your behalf". This should solve your problem.

[@Sofie-gn9cv]

@@codeeasy3667 Thank you so much! I'll try that :)

[@romanashaikh5837]

why im not getting from name like you did demo

[@codeeasy3667]

Sorry i don't understand what you are trying to tell ...

[@itz_afif02yt3]

The message was successfully sent 12 times. but after that it didn't work I don't know what the cause was

[@codeeasy3667]

You might have reached the limit but the limit is more than 12 Might be some other issue

[@user-px3tl3ou1s]

It says email send successfully but it is not entered in to the inbox. Why?

[@codeeasy3667]

There must be some issue with your js when accessing the class names. Really hard to tell the exact reason

[@malikshahmahimi9398]

you can go through it

[@codeeasy3667]

Can you make it an public repository and put the link to repo here in comment?

[@everydaycode1535]

it sends empty message but when i fill in all fileds then click submit, it wouldnt work. !

[@codeeasy3667]

There must be something wrong with the class name that you used in your js file.

[@campervan-vlad]

Same story, test messages is send no problem, when built in in html form - stop working. So shows on email history, but not delivered to the email.... 😢😢😢

[@codeeasy3667]

​@@campervan-vlad Sorry to hear that. If you could send me your file in instagram, then I can have a look and better understand the issue.

[@campervan-vlad]

@@codeeasy3667 find the problem, need configuret template properly - have some mistakes.

[@imanemouhoubi4819]

why i didn't receve any msg in my email 😔

[@codeeasy3667]

There could be something wrong in your class names or the parameters that you set in email js might not be matching.

[@emirPHP]

Hello, I received an e-mail on the first try, but the content did not appear. No e-mail arrived on the second try.

[@codeeasy3667]

The first try might just be the email that you triggered from Email js when you were setting up your emailjs. There might be some issue with your form or you might not have got all the values correctly in your script.js file. For me when I was setting up script.js file, I accidentally put "subjec" instead of "subject" which didn't trigger the email

[@emirPHP]

Use ig? Give me id please

[@gogila69]

Big security problem

[@tanzeelkhan111]

What is it?

[@Y22CM067]

for a free emailJs account how many mails can we send ( it says 200 per month ) . can't i send mails after the limit is over?

[@codeeasy3667]

Yes unfortunately that is the limit If you want more than you can create email js using multiple gmail accounts and just change template id and private key in your code and setup the same template in email js as well as

[@primproawdoungarpai4783]

The email went through but I got a not allowed error status 405 wrapped in html tags with red background. Any idea what might be causing the issue?

[@codeeasy3667]

Hey Not exactly sure what happened there. I've never seen that red background appear on mine. Could you please provide some more info?

[@primproawdoungarpai4783]

the message says "Not allowed with 405 status" like I mentioned. I also deployed mine on github, could that be the problem?@@codeeasy3667

[@primproawdoungarpai4783]

@@codeeasy3667 🤔not sure how I could provide a scrrenshot of the error. It is exactly what I mention but seeing a picture might be more helpful.

[@codeeasy3667]

@@primproawdoungarpai4783 You can add me on instagram and send me the screenshot there. You can find the link to instagram on my channel bio. Thank You!

[@riq_raw68]

Not working

[@codeeasy3667]

Sorry to hear that. Are you getting any errors?

[@riq_raw68]

@@codeeasy3667 Yes. Its not returning any emails

[@riq_raw68]

@@codeeasy3667 Kindly advice

[@vaxo873]

this didn't work :((( why.i have been trying for 7 days exactly

[@codeeasy3667]

If possible can you please send me your html and css file in the instagram account that is mentioned in my channel description. I will have a look and let you know where the issue is in your code. Thank you 🙏

[@vaxo873]

@@codeeasy3667 wow really?

[@vaxo873]

@@codeeasy3667 sadly I completely remoed everything from my code that was in this code because it didn't work

[@vaxo873]

@@codeeasy3667 okay

[@vaxo873]

@@codeeasy3667 check your message requests

[@malikshahmahimi9398]

not working

[@Ethio3_10minutes]

Actually it works but you have not to miss a single step, for example you can't put script tag in the body, unless it won't work

[@malikshahmahimi9398]

shall i give you my github id

[@personalmail423]

Can You please explain how to recieve files using email.js

[@codeeasy3667]

Yeah sure Will do in later video and let you know once its in my channel