Send Email using HTML + JavaScript (EmailJs Tutorial)

[@adumski464]

After about 3 hours of researching this has not only been the most helpful video but actually works! Liked and subscribed after this one thanks mate!

[@CodewithVoran]

Thank you adumski

[@davidetoros755]

You're a lifesaver. This will help me in our mini project and capstone. You earned a new subscriber. Thanks man!

[@CodewithVoran]

Awesome, thank you!

[@adrianhernandez1807]

You just made my day, after years using php, I finally did the switch to JS

[@CodewithVoran]

Glad it helped you

[@davimogrovejo8443]

same here

[@its-random-SHORTS]

Thanks bro. Finally found a video that works after hours of searching. Gave u a like and follow because you deserve it..

[@CodewithVoran]

Thanks and welcome

[@kalanzans]

Thank you from Brazil! Direct, clean, objective... Congrats! :^)

[@CodewithVoran]

Glad it helped!

[@amapianozizwe3995]

Hi, Thanks for your content. I've been trying to get emailJS to wok 2 weeks now. All the videos I tried didn't work but yours. Just got yourself a new sub. Thanks #SouthAfrica

[@CodewithVoran]

I'm glad my tutorial helped you out.🥰

[@wizrd696]

Hermano, quizas no entiendas esto o siquiera lo leas, pero me salvaste la vida. Ya tenia 3 dias peleando con esto

[@CodewithVoran]

Glad to hear bro 😍😍

[@TechHaven_]

Finally a tutorial that works! thank you so much, easy like and subscribe

[@CodewithVoran]

Glad it helped

[@jhonpilled]

Great tutorial

[@StanislavAmrich]

Finally some solution that works with Gmail. Thanks

[@CodewithVoran]

Welcome

[@kabahjdaniels1669]

Thank you for this tutorial, it is actually working 👍

[@CodewithVoran]

You're welcome!

[@WabiSabiSupport]

Took time to make it work, but got it in the end!
Fantastic tutorial, very easy to follow. Thanks!

[@CodewithVoran]

Welcome bro

[@VinhNguyen-nq6iu]

it really worked well, thanks!

[@MdSamir-ie7fv]

Great video, It's really helpful....thank you so much.

[@CodewithVoran]

Glad it was helpful!

[@josealbertocastano2213]

brilliant video mate, I followed all your steps and it worked with smtp server. thank you!

[@kingvoice456]

Grateful for your helpful video.❤❤😍

[@CodewithVoran]

Glad it was helpful!

[@jstv5592]

sehr hilfreiches Video.

[@CodewithVoran]

Danke😍

[@BeyondEntertainment-X]

you are the best bro much love to you😍

[@CodewithVoran]

Thanks brother

[@MuhammadBilalSheikh21]

thank you so much voran this video is totally help full for me

[@CodewithVoran]

Happy to know it helped you 🥰🥰

[@RelaxingMusic-lk4xj]

Thats great tutorial sir!

[@CodewithVoran]

Thank you buddy

[@SabhariA]

Great job!! Keep doing..🌟

[@narainkarthick.s6344]

Now massss na neeeeeree🎉

[@CodewithVoran]

Thanks bro🥰🥰

[@CodewithVoran]

Thanks bro

[@rpw2k23]

Working fine you are great sir

[@CodewithVoran]

Thank you rick

[@priyankayadhav3930]

It's working Thanks for the video ❤

[@TristinKolby]

Thank you so much!! This helped a ton!!! Great video.

[@CodewithVoran]

You're welcome!

[@wildhog7210]

Thank you, excellent tutorial !!

[@CodewithVoran]

You are welcome!

[@aishwaryasaravanakumar6594]

omg!!!!!!!!!!!!! thanks a lot... it works!!!!!!!!! 🤩

[@CodewithVoran]

Happy to know 🥰

[@rajatpratapsingh3123]

Great work

[@nahuel9173]

Thanks man, works perfectlly

[@CodewithVoran]

Welcome brother

[@fmlilo]

Thank you Voran. Simple and useful

[@CodewithVoran]

Glad it helped

[@PraveenshanKulendiran]

Thank you soooooooo much for your help. keep going god bless you

[@CodewithVoran]

Always welcome

[@linosouza8871]

Thanks for sharing.

[@CodewithVoran]

Thanks for watching!

[@Techvirologist]

Thanks , saved my hours!

[@pietra_gamers]

Muito bom! Você sabe explicar muito bem todos os detalhes... Mesmo eu nao sabendo falar inglês, consegui entender só visualizando o que você fez! Top!

[@slearmendoza3863]

Hey bro, thanks a lot it works.

[@babalomgebisa4363]

this just helped me a lot

[@mkamranusmanipk]

great work voran thanks

[@CodewithVoran]

Glad you like it

[@cedriic0]

Thanks man, you really helped me out.

[@givendarian2023]

Thanks man very helpful.

[@CodewithVoran]

Glad it helped

[@bernsTech]

excellent!!!!

[@CodewithVoran]

Thank you! Cheers!

[@rakshi4291]

Osm thank you ❤

[@CodewithVoran]

Welcome 😊

[@shashanksp8089]

Thanks sir, a very good explanation,
Love from India ❤❤

[@learningfullstack]

Hey does it work?

[@CodewithVoran]

Welcome brother

[@minimagnet2748]

love you man,

[@CodewithVoran]

Thank you bro

[@satishbind2246]

Great 👍 work

[@CodewithVoran]

Thank you! Cheers!

[@joysaha231]

thanks bro...! it's worked.....❤❤

[@TheJvorte]

thanks my friend!

[@naveenshashipriya]

thanks man, you save my day 💪

[@CodewithVoran]

Glad to hear that!

[@TruongThanhTho]

wonderful

[@CodewithVoran]

Many thanks

[@pawan99835]

thanks sir😇

[@liskookmanoban6023]

gonna try this later

[@kaweeshaavindu1409]

Thank You Very much broh...

[@CodewithVoran]

Welcome kaweesha

[@marrytushsky4652]

Thanks Man. You saved me

[@CodewithVoran]

Glad to hear it

[@Octo-BoY]

Sir... Could you please upload a new video about adding attachment with this feature..... Message+attachment

[@archeron3004]

thank you sir 🔮

[@CodewithVoran]

You're most welcome

[@rinkradio2284]

Thankyou very much I am looking for this and I get this thak you ❤❤❤

[@CodewithVoran]

You're welcome 😊

[@sunnywang200]

Thank you very much! I followed all your steps and it works well. Could you please give another video about sending emails with attachments?

[@RiarddHalimi]

Thank you so muchhhhh my first project its complet ty 😃😊

[@CodewithVoran]

Great job!

[@muhammadnaajil9397]

Thanks bro worcking

[@CodewithVoran]

Welcome bro

[@muhammadnaajil9397]

@@CodewithVoran hou to rimove email js website link in email please Ripley bro

[@Voranzov]

@@muhammadnaajil9397 you need to subscribe to premium plan.

[@apoorvsharma3694]

How to make any field required?
the normal area-required or required attributes are not working

[@ArunK-k9l]

thnks sir

[@CodewithVoran]

Most welcome

[@KennethIsla-v7s]

Thank you so much!

[@CodewithVoran]

You're welcome!

[@quickmediaofficial]

Great brother, somehow elastic mail was not working in my site, It worked, thanks

[@CodewithVoran]

Glad it helped

[@abuaslam1004]

THANKS its working

[@CodewithVoran]

You're welcome!

[@sandeeprn6959]

Ur grate sir

[@Bastardovl]

Thank you a lot

[@CodewithVoran]

You are welcome

[@markjosephortizano5084]

hi why does my index.js doesn't show "your message sent successfully" i'm just a newbie , coulde share on how i suucefully confirm my submit botton. the i follow your step. but all html code , becuase i have code already dude. my problem doesn't pop-up this alert "your message sent successfully" after i click to submit botton

[@sumitjana975]

@@markjosephortizano5084 you missed a ;

[@ozodbekboriboyev1010]

Thank you !!!!

[@CodewithVoran]

Welcome brother

[@yogadharshnisridharan3560]

Thank you so much:)

[@CodewithVoran]

Welcome sister

[@raqeebmemon336]

thank you so much bro

[@SwahiliSpicE]

Hi, thanks for this tutorial, very very helpful. How would I add form validation to ensure the email is not sent unless the required fields have been filled out?

[@muzamilkaradan3270]

Thank you brother

[@CodewithVoran]

Welcome muzamil

[@xudayfitechofficial]

thanks pro really you help me thanks

[@bethelamadi5622]

thank you so much !! is it possible to send pictures too? or file attachment

[@gopinathkrm58]

Thanks

[@CodewithVoran]

Welcome

[@rabbyislam8824]

tnx a lot

[@5408XDD]

is there any possible to change font color in the email content?

[@williamsromero4269]

Thanks you!

[@CodewithVoran]

You're welcome!

[@Editz2920]

can i use this for mass mailing if yes how?

[@johnvega6825]

Muchas gracias por tu ayuda me sirvio mas que los videos en español.

[@CodewithVoran]

Happy to know 🥰🥰

[@Chrisoyeleke]

Well done!@code with Voran
Mine is not working properly ,after clicking on send button my inputted data are not showing on the gmail,I don't know why

[@deepakh7826]

Can you Make a Video on Mass Mail dispatcher

[@xyzshoaib3759]

thank you

[@CodewithVoran]

You're welcome

[@davidwilliams3449]

I added this to my webpage and all fields work but not at the same time. If I fill all three fields, nothing gets sent but if I fill in 2 or 1 at a time it works. Please help

[@đ.anhnef]

thank you

[@SIVAPRIYA-x9d]

this video is very helpful... but i need to know the expiry of api key in email.js

[@LearnAndEarnTV]

Im having a problem. The email is sent in the gmail that I put in emailjs(which is the To email). The app doesn't send it to the email I specified in the app.

[@anmolkaushik7543]

you have to change the template. put {{to_email}} in the To email field in the template.

[@LearnAndEarnTV]

@@anmolkaushik7543 I already figure it out. I used smtp and it's free.

[@roguinpena1303]

@@LearnAndEarnTV what smtp you're using? you need to have a host and domain to do it?

[@adubright598]

Hello voran , pls after the programming, my console says
Uncouth ReferenceError: sendmail is not defined at htmlButtonElement .onclick (email.html:49:66.
Pls what's the causes

[@lotherwick3197]

hello sir i have problem about your code after i try your tutorial. it when i fill my column name and message the email was send but when i try to fill my column email with column name and message it does't send any message email to my email. it more weird when i try to fill email column without fill any column (name and message) it can send it to my gmail and after i see the console it was said t "{status: 200, text: 'OK'}"

[@mehdijafari2418]

I have the same issue. When filling all columns it doesn't work.

[@sk..395]

function sendMail(){
var params= {

name: document.getElementById("name").value,
email:document.getElementById("email").value,
message: document.getElementById("message").value,
};

const serviceID = ""; //Enter your serviceID inside the double quotes
const templateID = ""; //Enter your templateID inside the double quotes
if
(document.getElementById("name").value=="")
{
alert("Your name field is empty");
return false;
}
else if
(document.getElementById("email").value=="")
{
alert("Your email is empty");
return false;
}
else if
(document.getElementById("message").value=="")
{
alert("Your message is empty");
return false;
}
else {
emailjs
.send(serviceID,templateID,params)
.then //empty the fields
(document.getElementById("uname").value="",
document.getElementById("email").value="",
document.getElementById("message").value="")
alert("Message sent successfully")
}
}

[@simoncraggs1238]

Not working as I don't use Bootstrap. It seems the divs with "form-group" and h5s with "for="message" etc. are the problem. I'm using the tags. Can anyone advise how I can still execute the sendMail function?

[@CodewithVoran]

Replace form by div tag.

[@leonardomedina613]

thanks man

[@mahdijafari5338]

Hi Voran. Really adorable and useful video. Thanks man.
I have sent an email could you please reply. Thank you for your help.

[@mohammedabdulrahman5649]

hi there. My code is working properly but when I put a @ in gmail it doesn't work without @ it work properly...... Please help me about this Thank you

[@Rajaocks]

Sir it only send the empty message if i send any name email it is not responding ,how to solve it

[@ayeshaabobakr5610]

Hello.. I have an error in the Service_id even though it has been copied from the site.. Please help me

[@rdigs_]

How can i lock the button, and unlock when all is filled?

[@jklk8077]

Can I direct the user to a specific link instead of showing the alert?

[@brightohakam]

Hi, I tried this on a message submission and it is throwing this error. Please any help? {
"status": 412,
"text": "Gmail_API: Recipient address required"
}

[@jimmynov79]

😀Did not work for me as well. the script is not responding at all even after checking every single details for about 4 hours nothing.

[@CodewithVoran]

You can check the source code in the description.

[@duztv5370]

@@CodewithVoran nice video bro, but it didn't work for me to, followed the video to the letter. Nothing even displays in the console so as to have an idea what the problem is.

[@vladimiruchiha4420]

is emailjs safe? can i use formsubmit instead?

[@CodewithVoran]

Yes. But you need to prevent reloading.

[@CodewithVoran]

Indeed, someone could copy your keys (a well-known issue of any public API), but they will only be able to send your templates with your content, and they will not be able to send a custom email with their content (spam), which is not interesting for spammers

[@vladimiruchiha4420]

@@CodewithVoran thanks a lot for explaining me🫂

[@deeptidubey8725]

for me its giving error emailjs is not defined??pls reply???

[@CodewithVoran]

You might have made mistakes in cdn. Make sure you use the correct cdn link

[@sundarapandim1104]

Respected Sir,
Kindly Post Video about "Website Home page web banner slides -5 slides moving horizontally by clicking left or right arrow icon"... Post html css javascript code or make live video and post it...

[@CodewithVoran]

I'll make a tutorial