Send Email using HTML + JavaScript (EmailJs Tutorial)

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 237

  • @adumski464
    @adumski464 Год назад +16

    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!

  • @davidetoros755
    @davidetoros755 Год назад +12

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

  • @adrianhernandez1807
    @adrianhernandez1807 Год назад +4

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

  • @kalanzans
    @kalanzans Год назад +2

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

  • @its-random-SHORTS
    @its-random-SHORTS Год назад +1

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

  • @amapianozizwe3995
    @amapianozizwe3995 7 месяцев назад +1

    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
      @CodewithVoran  7 месяцев назад

      I'm glad my tutorial helped you out.🥰

  • @wizrd696
    @wizrd696 Год назад +1

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

  • @WabiSabiSupport
    @WabiSabiSupport Год назад +2

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

  • @TechHaven_
    @TechHaven_ 8 месяцев назад +1

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

  • @StanislavAmrich
    @StanislavAmrich Год назад

    Finally some solution that works with Gmail. Thanks

  • @josealbertocastano2213
    @josealbertocastano2213 2 года назад +1

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

  • @kabahjdaniels1669
    @kabahjdaniels1669 3 месяца назад +1

    Thank you for this tutorial, it is actually working 👍

  • @jhonpilled
    @jhonpilled Год назад +3

    Great tutorial

  • @MuhammadBilalSheikh21
    @MuhammadBilalSheikh21 Год назад +1

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

  • @MdSamir-ie7fv
    @MdSamir-ie7fv Год назад +1

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

  • @VinhNguyen-nq6iu
    @VinhNguyen-nq6iu 6 месяцев назад +1

    it really worked well, thanks!

  • @TristinKolby
    @TristinKolby Год назад +1

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

  • @kingvoice456
    @kingvoice456 Год назад

    Grateful for your helpful video.❤❤😍

  • @jstv5592
    @jstv5592 6 месяцев назад +1

    sehr hilfreiches Video.

  • @pietra_gamers
    @pietra_gamers 2 года назад +4

    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!

  • @BeyondEntertainment-X
    @BeyondEntertainment-X 2 года назад +2

    you are the best bro much love to you😍

  • @rajatpratapsingh3123
    @rajatpratapsingh3123 2 года назад +1

    Great work

  • @fmlilo
    @fmlilo 2 года назад +1

    Thank you Voran. Simple and useful

  • @SabhariA
    @SabhariA Год назад

    Great job!! Keep doing..🌟

  • @PraveenshanKulendiran
    @PraveenshanKulendiran Год назад

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

  • @wildhog7210
    @wildhog7210 7 месяцев назад

    Thank you, excellent tutorial !!

  • @RelaxingMusic-lk4xj
    @RelaxingMusic-lk4xj Год назад +1

    Thats great tutorial sir!

  • @nahuel9173
    @nahuel9173 2 года назад +2

    Thanks man, works perfectlly

  • @priyankayadhav3930
    @priyankayadhav3930 7 месяцев назад

    It's working Thanks for the video ❤

  • @cedriic0
    @cedriic0 Год назад +1

    Thanks man, you really helped me out.

  • @linosouza8871
    @linosouza8871 8 месяцев назад

    Thanks for sharing.

  • @shashanksp8089
    @shashanksp8089 Год назад

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

  • @rpw2k23
    @rpw2k23 2 года назад +5

    Working fine you are great sir

  • @markjosephortizano5084
    @markjosephortizano5084 Год назад +3

    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
      @sumitjana975 7 месяцев назад

      @@markjosephortizano5084 you missed a ;

  • @babalomgebisa4363
    @babalomgebisa4363 Год назад +1

    this just helped me a lot

  • @rinkradio2284
    @rinkradio2284 8 месяцев назад

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

  • @RiarddHalimi
    @RiarddHalimi Год назад

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

  • @mkamranusmanipk
    @mkamranusmanipk 2 года назад

    great work voran thanks

  • @aishwaryasaravanakumar6594
    @aishwaryasaravanakumar6594 Год назад

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

  • @satishbind2246
    @satishbind2246 2 года назад

    Great 👍 work

  • @sunnywang200
    @sunnywang200 2 года назад +1

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

  • @quickmediaofficial
    @quickmediaofficial Год назад

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

  • @SwahiliSpicE
    @SwahiliSpicE 10 месяцев назад

    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?

  • @joysaha231
    @joysaha231 2 года назад +1

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

  • @slearmendoza3863
    @slearmendoza3863 2 года назад +2

    Hey bro, thanks a lot it works.

  • @givendarian2023
    @givendarian2023 Год назад

    Thanks man very helpful.

  • @Techvirologist
    @Techvirologist Год назад +1

    Thanks , saved my hours!

  • @Octo-BoY
    @Octo-BoY 2 года назад +4

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

  • @bethelamadi5622
    @bethelamadi5622 Год назад +1

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

  • @liskookmanoban6023
    @liskookmanoban6023 Год назад

    gonna try this later

  • @bernsTech
    @bernsTech 10 месяцев назад

    excellent!!!!

  • @TruongThanhTho
    @TruongThanhTho 2 года назад +1

    wonderful

  • @apoorvsharma3694
    @apoorvsharma3694 Год назад +2

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

  • @ArunK-k9l
    @ArunK-k9l Год назад

    thnks sir

  • @rakshi4291
    @rakshi4291 Год назад

    Osm thank you ❤

  • @pawan99835
    @pawan99835 5 месяцев назад

    thanks sir😇

  • @naveenshashipriya
    @naveenshashipriya Год назад +1

    thanks man, you save my day 💪

  • @muhammadnaajil9397
    @muhammadnaajil9397 2 года назад +1

    Thanks bro worcking

    • @CodewithVoran
      @CodewithVoran  2 года назад

      Welcome bro

    • @muhammadnaajil9397
      @muhammadnaajil9397 2 года назад

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

    • @Voranzov
      @Voranzov 2 года назад

      @@muhammadnaajil9397 you need to subscribe to premium plan.

  • @TheJvorte
    @TheJvorte Год назад

    thanks my friend!

  • @johnvega6825
    @johnvega6825 Год назад +1

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

  • @archeron3004
    @archeron3004 Год назад

    thank you sir 🔮

  • @Bastardovl
    @Bastardovl Год назад

    Thank you a lot

  • @minimagnet2748
    @minimagnet2748 Год назад

    love you man,

  • @abuaslam1004
    @abuaslam1004 10 месяцев назад

    THANKS its working

  • @kaweeshaavindu1409
    @kaweeshaavindu1409 2 года назад

    Thank You Very much broh...

  • @oyeleketaiwo1
    @oyeleketaiwo1 7 месяцев назад

    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

  • @gopinathkrm58
    @gopinathkrm58 Год назад

    Thanks

  • @rabbyislam8824
    @rabbyislam8824 Год назад

    tnx a lot

  • @KennethIsla-v7s
    @KennethIsla-v7s Год назад

    Thank you so much!

  • @SIVAPRIYA-x9d
    @SIVAPRIYA-x9d 2 месяца назад

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

  • @ozodbekboriboyev1010
    @ozodbekboriboyev1010 Год назад

    Thank you !!!!

  • @marrytushsky4652
    @marrytushsky4652 2 года назад

    Thanks Man. You saved me

  • @yogadharshnisridharan3560
    @yogadharshnisridharan3560 Год назад

    Thank you so much:)

  • @xudayfitechofficial
    @xudayfitechofficial Год назад

    thanks pro really you help me thanks

  • @sandeeprn6959
    @sandeeprn6959 2 года назад

    Ur grate sir

  • @mahdijafari5338
    @mahdijafari5338 2 года назад +1

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

  • @5408XDD
    @5408XDD Год назад +1

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

  • @raqeebmemon336
    @raqeebmemon336 Год назад

    thank you so much bro

  • @deepakh7826
    @deepakh7826 Год назад

    Can you Make a Video on Mass Mail dispatcher

  • @xyzshoaib3759
    @xyzshoaib3759 Год назад

    thank you

  • @sota5455
    @sota5455 Год назад

    Thank you for the helpful video!
    I've got one question. How can we protect our credential info such as service ID, template ID and public key?

  • @muzamilkaradan3270
    @muzamilkaradan3270 2 года назад

    Thank you brother

  • @williamsromero4269
    @williamsromero4269 2 года назад

    Thanks you!

  • @davidwilliams3449
    @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

  • @simoncraggs1238
    @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?

  • @Editz2920
    @Editz2920 Год назад +1

    can i use this for mass mailing if yes how?

  • @adubright598
    @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

  • @mohammedabdulrahman5649
    @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

  • @lotherwick3197
    @lotherwick3197 2 года назад +2

    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
      @mehdijafari2418 2 года назад

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

    • @sk..395
      @sk..395 Год назад +2

      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")
      }
      }

  • @leonardomedina613
    @leonardomedina613 Год назад

    thanks man

  • @sundarapandim1104
    @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...

  • @Rajaocks
    @Rajaocks Год назад

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

  • @jimmynov79
    @jimmynov79 Год назад +1

    😀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
      @CodewithVoran  Год назад

      You can check the source code in the description.

    • @duztv5370
      @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
    @vladimiruchiha4420 Год назад +1

    is emailjs safe? can i use formsubmit instead?

    • @CodewithVoran
      @CodewithVoran  Год назад

      Yes. But you need to prevent reloading.

    • @CodewithVoran
      @CodewithVoran  Год назад +1

      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
      @vladimiruchiha4420 Год назад

      @@CodewithVoran thanks a lot for explaining me🫂

  • @rdigs_
    @rdigs_ 2 года назад +1

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

  • @ayeshaabobakr5610
    @ayeshaabobakr5610 2 года назад +1

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

  • @LearnAndEarnTV
    @LearnAndEarnTV 2 года назад +1

    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
      @anmolkaushik7543 2 года назад

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

    • @LearnAndEarnTV
      @LearnAndEarnTV 2 года назад

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

    • @roguinpena1303
      @roguinpena1303 2 года назад

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

  • @jklk8077
    @jklk8077 Год назад

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

  • @Cnkcr
    @Cnkcr 2 месяца назад

    i did everything like the video but i got an error says "emailjs not defined"

  • @ivangrca9870
    @ivangrca9870 Год назад

    hello,i get status code 412 when i try to send mail from my app.I did everything like you did but i got this status code Gmail_API: Request had insufficient authentication scopes.'}