Тёмный

Send Email from HTML Form for Free | EmailJS 

CodeEasy
Подписаться 2,3 тыс.
Просмотров 39 тыс.
50% 1

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.co...
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

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 106   
@itz_afif02yt3
@itz_afif02yt3 3 месяца назад
The message was successfully sent 12 times. but after that it didn't work I don't know what the cause was
@codeeasy3667
@codeeasy3667 3 месяца назад
You might have reached the limit but the limit is more than 12 Might be some other issue
@mohanasundaram8891
@mohanasundaram8891 2 месяца назад
Bro it not work in my code i need help
@codeeasy3667
@codeeasy3667 2 месяца назад
Sorry to hear that. Really hard to guess the issue but please check if your key, service id, template ids are matching and the id/class selectors are correct in js file.
@mohanasundaram8891
@mohanasundaram8891 2 месяца назад
@@codeeasy3667 i tried it again bro now it work on my local host but i have a dout it work while hosting on godaady? because now only i start frontend web development so help me bro please!!
@codeeasy3667
@codeeasy3667 2 месяца назад
Yeah it should work when you host your website as well
@malikshahmahimi9398
@malikshahmahimi9398 11 месяцев назад
shall i give you my github id
@CryoLegende
@CryoLegende 4 месяца назад
Theoretically you could design it with CSS so that it looks like a registration form and you could steal data that way?
@codeeasy3667
@codeeasy3667 4 месяца назад
I hope no one tries that😂😂
@CryoLegende
@CryoLegende 4 месяца назад
@@codeeasy3667 i will not try it 😏
@shyguy4129
@shyguy4129 День назад
412 Gmail_API: Request had insufficient authentication scopes Someone pls help, I can't create a service. It's saying that error 😢
@codeeasy3667
@codeeasy3667 День назад
Try turning off the 2-factor authentication mode in your Gmail account, go back to emailjs refresh it and try again. You will be good to go. Hope this helps. Thanks.
@MagdyKishk
@MagdyKishk Месяц назад
I like that you hide your email address but you showed us your public key 👍👍
@VeeraJana
@VeeraJana 9 месяцев назад
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
@codeeasy3667 9 месяцев назад
Great info Thank you 😊
@yc_code
@yc_code Месяц назад
Is the source code on github ?
@codeeasy3667
@codeeasy3667 Месяц назад
Unfortunately not for this project. Sorry for that
@Sofie-gn9cv
@Sofie-gn9cv 9 месяцев назад
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
@codeeasy3667 9 месяцев назад
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
@Sofie-gn9cv 9 месяцев назад
@@codeeasy3667 Thank you so much! I'll try that :)
@nathanvazquez84
@nathanvazquez84 6 месяцев назад
Great video! easy to follow and the service has no paywalls thus far. thank you
@codeeasy3667
@codeeasy3667 6 месяцев назад
Thank you 🙏
@tamilthalaivas8002
@tamilthalaivas8002 24 дня назад
Can i use it for more numbers of response?
@codeeasy3667
@codeeasy3667 20 дней назад
Sorry I didn’t get that, did you mean more input fields in the form?
@tamilthalaivas8002
@tamilthalaivas8002 20 дней назад
@@codeeasy3667 yes
@codeeasy3667
@codeeasy3667 4 дня назад
Yes you can Simply add input field in html and use the same name anywhere you want in the emailjs template
@imanemouhoubi4819
@imanemouhoubi4819 10 месяцев назад
why i didn't receve any msg in my email 😔
@codeeasy3667
@codeeasy3667 10 месяцев назад
There could be something wrong in your class names or the parameters that you set in email js might not be matching.
@HuyTran-ne3oz
@HuyTran-ne3oz 8 месяцев назад
Your video just saved me, thank you so much !
@codeeasy3667
@codeeasy3667 8 месяцев назад
I'm happy that it helped ☺
@DeviKumavath-h5s
@DeviKumavath-h5s 7 месяцев назад
hey which software do you use to record your videos please reply
@codeeasy3667
@codeeasy3667 7 месяцев назад
Hey I used the built in function in Mac to record, In windows you can use obs screen recorder
@anubhabchowdhuryproduction9149
@anubhabchowdhuryproduction9149 5 месяцев назад
@@codeeasy3667 brother I am receiving email but Its not showing any message
@mohanasundaram8891
@mohanasundaram8891 2 месяца назад
bro i have a dout it work while hosting
@YaredAlebachewu
@YaredAlebachewu 8 месяцев назад
It says email send successfully but it is not entered in to the inbox. Why?
@codeeasy3667
@codeeasy3667 8 месяцев назад
There must be some issue with your js when accessing the class names. Really hard to tell the exact reason
@gogila69
@gogila69 8 месяцев назад
Big security problem
@tanzeelk111
@tanzeelk111 4 месяца назад
What is it?
@emirPHP
@emirPHP 11 месяцев назад
I tried the site and I am receiving an e-mail.
@everydaycode1535
@everydaycode1535 5 месяцев назад
it sends empty message but when i fill in all fileds then click submit, it wouldnt work. !
@codeeasy3667
@codeeasy3667 5 месяцев назад
There must be something wrong with the class name that you used in your js file.
@campervan-vlad
@campervan-vlad 4 месяца назад
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
@codeeasy3667 4 месяца назад
​@@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
@campervan-vlad 4 месяца назад
@@codeeasy3667 find the problem, need configuret template properly - have some mistakes.
@maulicemouradchams-edine5921
@maulicemouradchams-edine5921 10 месяцев назад
thanks bro personnaly I tried it with vuejs and it work as well
@codeeasy3667
@codeeasy3667 10 месяцев назад
You're welcome I'm happy that it helped. 😊
@romanashaikh5837
@romanashaikh5837 10 месяцев назад
why im not getting from name like you did demo
@codeeasy3667
@codeeasy3667 10 месяцев назад
Sorry i don't understand what you are trying to tell ...
@Rakkesh0
@Rakkesh0 3 месяца назад
How many times is limit for life time
@codeeasy3667
@codeeasy3667 3 месяца назад
I think there is around 200 email free per month
@matiaslupo5930
@matiaslupo5930 9 месяцев назад
Thanks a lot! It worked for me.
@codeeasy3667
@codeeasy3667 9 месяцев назад
You're welcome 😊
@BrunoVlogs270121
@BrunoVlogs270121 9 месяцев назад
could you help me with this? I have project submission next week
@codeeasy3667
@codeeasy3667 9 месяцев назад
Can i please know the exact issue that yoy are facing?
@nomanhassan4718
@nomanhassan4718 3 месяца назад
exactly what i was searchinng for. great video. mate
@codeeasy3667
@codeeasy3667 3 месяца назад
Thank You 🙏
@remofiloephokontsi8538
@remofiloephokontsi8538 3 месяца назад
You telling me it worked even in 2024??
@nomanhassan4718
@nomanhassan4718 3 месяца назад
@@remofiloephokontsi8538 yes I've been using it for my website for almost a week now
@itsgoodforyou4235
@itsgoodforyou4235 7 месяцев назад
Thanks! Keep up the good work!
@codeeasy3667
@codeeasy3667 7 месяцев назад
You’re welcome 😊
@FoodiesCanteen
@FoodiesCanteen 5 месяцев назад
Thanks bro helped a lot !
@codeeasy3667
@codeeasy3667 5 месяцев назад
Glad it helped 😊
@emirPHP
@emirPHP 11 месяцев назад
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
@codeeasy3667 11 месяцев назад
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
@emirPHP 11 месяцев назад
Use ig? Give me id please
@malikshahmahimi9398
@malikshahmahimi9398 11 месяцев назад
you can go through it
@codeeasy3667
@codeeasy3667 11 месяцев назад
Can you make it an public repository and put the link to repo here in comment?
@emirPHP
@emirPHP 11 месяцев назад
thank you for video
@codeeasy3667
@codeeasy3667 11 месяцев назад
You are welcome
@bongajewelmsimang5337
@bongajewelmsimang5337 9 месяцев назад
Excelllent tutorial basic and simple to use.
@codeeasy3667
@codeeasy3667 9 месяцев назад
Thank you 😊
@DjDj-f7f
@DjDj-f7f 5 месяцев назад
Super bro
@codeeasy3667
@codeeasy3667 5 месяцев назад
Thank you 🙏
@riq_raw68
@riq_raw68 7 месяцев назад
Not working
@codeeasy3667
@codeeasy3667 7 месяцев назад
Sorry to hear that. Are you getting any errors?
@riq_raw68
@riq_raw68 7 месяцев назад
@@codeeasy3667 Yes. Its not returning any emails
@riq_raw68
@riq_raw68 7 месяцев назад
@@codeeasy3667 Kindly advice
@vaxo873
@vaxo873 4 месяца назад
this didn't work :((( why.i have been trying for 7 days exactly
@codeeasy3667
@codeeasy3667 4 месяца назад
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
@vaxo873 4 месяца назад
@@codeeasy3667 wow really?
@vaxo873
@vaxo873 4 месяца назад
@@codeeasy3667 sadly I completely remoed everything from my code that was in this code because it didn't work
@vaxo873
@vaxo873 4 месяца назад
@@codeeasy3667 okay
@vaxo873
@vaxo873 4 месяца назад
@@codeeasy3667 check your message requests
@Y22CM067
@Y22CM067 4 месяца назад
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
@codeeasy3667 4 месяца назад
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
@malikshahmahimi9398
@malikshahmahimi9398 11 месяцев назад
not working
@Ethio3_10minutes
@Ethio3_10minutes 6 месяцев назад
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
@Jeeva-d6x
@Jeeva-d6x 2 месяца назад
I am done in local host, its not working,why bro
@codeeasy3667
@codeeasy3667 2 месяца назад
Hard to tell, do your get email when you send it from emailjs? If so, there must be some issue in your code is javascript file
@aminuzzamanshohag5491
@aminuzzamanshohag5491 10 месяцев назад
It worked....Thanks buddy..............
@codeeasy3667
@codeeasy3667 10 месяцев назад
You're welcome 😊
@primproawdoungarpai4783
@primproawdoungarpai4783 9 месяцев назад
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
@codeeasy3667 9 месяцев назад
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
@primproawdoungarpai4783 9 месяцев назад
the message says "Not allowed with 405 status" like I mentioned. I also deployed mine on github, could that be the problem?@@codeeasy3667
@primproawdoungarpai4783
@primproawdoungarpai4783 8 месяцев назад
@@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
@codeeasy3667 8 месяцев назад
@@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!
@personalmail423
@personalmail423 6 месяцев назад
Can You please explain how to recieve files using email.js
@codeeasy3667
@codeeasy3667 6 месяцев назад
Yeah sure Will do in later video and let you know once its in my channel
Далее
Send Email using HTML + JavaScript (EmailJs Tutorial)
16:30
Send emails from a HTML Contact Form
12:40
Просмотров 387 тыс.
ТАРАКАН
00:38
Просмотров 855 тыс.
ASMR Programming - Animated Login Page - No Talking
18:18
How to Send HTML Form Data to Gmail Using JavaScript
10:49
I tried every website builder. This is the BEST
19:31
Просмотров 114 тыс.
ТАРАКАН
00:38
Просмотров 855 тыс.