Send Emails Using Only HTML Code
ฝัง
- เผยแพร่เมื่อ 15 ก.ย. 2024
- In this video, we'll Send Email From HTML Contact Form Using Only HTML Code*. So, to send email we *won't be using any Backend Language like PHP, Python, Nodejs. Similarly, I'll show you how to send email to multiple recipients using only HTML.
Subscribe my channel for more helpful videos:
🔔 / @codingdesign
Add Google Map Location With Contact Us Page | Embed Google Map In Website
✅ • Add Google Map Locatio...
Tips And Tricks 🎬 Playlist:
▶ • Tips And Tricks
FORM-SUBMIT
✅ formsubmit.co/
🌎 Browser : Brave V.1.40 (Chrome V.103.0)
📝 Code Editor : VS Code
💠 Extensions : Live-server
Thanks, i needed it for a company!
Good luck
Welcome.
you sure that's html code. it uses a php API. TYSM BTW, IT WORKS, Even When I Tried To Use My Javascript Skills It Didn't Work So This Is Awesome
We're using 3rd party library so behind the scene indeed it uses some backend language but I don't know which one. They didn't give any kind of info in their 📝DOCUMENTATION.
A.O.A! just a little bit tricks to add in my web to send emails ...no need a lots of pages of code ..its a very great helpful for me.....i will remember you in my prayers...Greetings from Pakistan
Thank you!
This is so amazing you have no idea how you helped me ❤
Thank you so much
Glad I could help!
Thanks alot for letting know this method. this solved a huge problem for me. I was actually creating a Static website with this only Dynamic element "the order request form" and I dint want to do any DB for a single page. This helped me straight send data to emails in the company's order department and solved the issue. please let me know is it reliable for long term or I should change it after some time
With time if your business grow then I would recommend you to upgrade your sites.
Your explanation is excellent. I follow you from Egypt
Thank you very much!
Keep l❤ving & supporting.
متقوله بتابعك من مصر😂
@@xidro2687 ليه يا غالي 😅
@@statement-01 هلا ي مصراوي
Hai bro I have A problem
To click submit its shows
Unable to submit form
Make sure you open this page through a web server formsubmit will not work in pages browsed as html files.
What am do please help bro its part of project
Ok so basically there are two methods,
1) you have a server/pay for a server and upload the files there.
2) in vs code search for an extension called "Live server" for html and install it, now on the bottom right there will be a button with something like "live", just click it and wait a few seconds, it will open a page on the browser. Now you have a simulated server.
Hope I helped you
@@EnneBoh ok bro
help it says Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files.
you need to do custom server on visual studio or other app that supports it
on visual studio, it's called live server so you can test your code including HTML online
I'm not getting the activation link after giving my id in youremail and after clicking on submit button it says method post is requires but i already put it in the form action and it takes so much time for loading and then gives timeout occured 5:22
same brother. I didn't get
I want to thnk and congrts you! and let you a friendly tip, get a bit down the music volume and up your voice :) so we can hear you better :) great video! Greetings from Sweden!
Thanks for the tip!
Great 😃👍🏻 video thank you are true god ❤❤❤
Keep l❤ving & supporting.
Excellent video, friend! This worked perfectly for me 😁
Hope it was helpful to you.
@@CodingDesign does this works once a day? or any form i submit in one day it should be fine?
I got the activation link, but the form still dosent work and it doesn’t send any emails, what should i do??
❓ Did you activate it?
🟢 If "YES" please once check your code whether you have given your proper email address.
what if i want user to recieve a pdf book automatically to their email after submitting the form
Within the you can add(➕) extra "Input Field"
❗ "accept" attribute is only necessary if you want to 🚫prevent user from submitting other than PDF file.
Hello it's awesome but I have a question. The request is a bit long and is there a possibilty to stay on the form page ?
Thank you so much brooother !!!!! You really were able to help me out but can I modify the message like one perticular message only for everyone !
Yes you can! but now only HTML is not enough. You need to write separate code for that.
thank you bro It's working you gained a new suscriber
Thanks for the sub
Hi it worked❤ but when I submit successfully then I click to go back it's not going to my page
Thankyou very much😃
You're welcome.
Hope you did learn something from this video.
Im making an auction website and I want the system to automatically send email notifications to users how won or lost the bid, how can i do that?
You can take various steps:
⚠ Only HTML is not sufficient you need both frontend & backend.
1️⃣: First you need to create API that provides all the necessary data regarding emails (won & lost).
2️⃣: Using JavaScript you can manipulate HTML code.
3️⃣: @4:30 I've show you how can you send email to multiple users.
If you want to built it from scratch then It's a bit complicated. It won't be possible over night.
But if you have budget then you can take help of different services regarding email.
Okay, so whole this stuff works only on the local server?? because I've deployed my website on the net, but the form submit switches my website to the local server on my computer.
I would like to know as well🤔
You mean I can deploy this form on internet sever 😢😢😢. Then what's the purpose of it ??
@@knwrtv2544 I stopped using it. I decided to use email.js
Thank you!
this is a very great tutorial, but I can't seem to receive an activation link email from FormSubmit. Any idea how I might resolve this issue?
Did you give your proper email?
Did you watch complete video?
Is thiis work with hotmail? or just gmail.
@@CodingDesign
mera to wrk hi nhi kr rha h plx koi mujhe code send kr doo html css both with working mail
I have a question, how to change the thank you page after submitting the form? I already made thanks.html but it didnt work
Make sure your thanks.html file is in the same folder as that of the main file.
If you have already done that and still its not working then put a / before thanks.html like /thanks.html
How do I make an email notification? After clicking submit I should receive a notification from gmail
you should enable notifications for that
Thank you so much bro ❤❤❤
Welcome 😊
after click send button it was loading but i didn't get any activation message or any mail in my email. What can i do now ?
Did you provide your Gmail ID properly?
@@CodingDesign actually it works. but in my portfolio if i links a javascript link then it doesn't work.. so whats the problem? but if i dont give the javascript link then it works
how to integrate recaptcha inside ?
Within same HTML page you can't integrate "Recaptcha".
Thanks a lot , but I didn't receive any activation link email even after submitting the form two times. Do you have any solution for this?
I don't have any idea why didn't you received it. Just try it again.
P
how many emails can I get with this Formsubmit website? There are many website like this but there are limits to get email
Currently, there are no limits, but there may be changes in the future.
Hey bro,
Can i customize the message i want to send to my form user to his email
Actually i want to send a image instead of "Text"
My friend! please checkout comments, I've already answer how to send file as well.
after activation message is not showing
Hey buddy is it possible to make some videos about run api in website.... please
Can you please elaborate it. Do you mean "Run & test API that you've already build." or "Create a REST API."
You don’t breathe??
Actually English is my second language. So, when I'm recording my 🔊audio there're lots of pauses I've to spend extra 🕝time on editing audio because of that it doesn't sound natural.
Sorry for the audio quality. But in future definitely it's gonna be better.
thank you so much my bro 🥰
Always welcome
i use neat bean, jsp , servlet but it is not active
Much appreciated.
thanks so so much my bro but your css code is missing here
This video is part of creating contact form:
th-cam.com/video/7Xr7Whjbr4A/w-d-xo.html
I keep getting Unable to sumbit form how can i change that
Did you run html file in your local server?
If not I've clearly shown in video that with the help of VS code extension called "Live-server" I did open my HTML file and ran it in local server.
what u told it it not confusing there is vide. TELL clear TO USE or NOT TO USE CAPTCHA ?
For security purpose. It's better to use it. And I do recommend to use it.
Is this method supports form validations
Actually No! ( Client Slide )
Talking about "Client Slide" you can use JavaScript to validate Form.
But you can prevent spam, bots, etc by providing different "Name Attribute" for your input elements.
Such as:
1️⃣ _blacklist
2️⃣ _captcha (by default reCAPTCHA is enabled)
3️⃣ _honey
For more info you can check out Documentation
✅ formsubmit.co/documentation
I need email sending software
You can use same code. @4:32 I've clearly explain you that if you want to send mail to multiple email addresses you can use "_cc" for name attribute.
amazing ! thank you
Glad you like it!
thank you so much bro
Always welcome
thank you so much it worked
Glad to hear
how can connect react js form like this
If you're working with React.js. Instead why don't you try different NPM Packages such as "react-email", "emailjs", etc.
Thanku you brother
You're most welcome.
thank you very much
Glad it helped
is it working offline
No! it doesn't work on offline.
I need code HTML and CSS finall to learn :)
If you really wanna learn then I've already shown step by step process in the other 🎬video.
✅ th-cam.com/video/7Xr7Whjbr4A/w-d-xo.html
Allah senden razi olsun
Bro how can I create thank you page? And where?
In the same Directory/Folder where you've created your HTML file.
You can just create thank you.html file and give your own custom THANK YOU! page.
where source code?
thank bro so easy
You're welcome!
Hope you'll show your same ❤ & support in the future too.
email does not show me the data
It's completely working fine. Did you skip any part of video?
Can u please make a video on how to log-in in my webpage
(Actual work)
Are you using (PHP, NodeJs, python, java, C#) as Backend language?
I can understand only HTML, CSS, JS
Bro node js is in js
Bro I am 10 years old and I know Html, css, c , js, c++, python, json, Sql, Ajax and built multiple websites and apps bro.
Wow nice now, I know HTML, CSS, JS, PHP, MYSQL database.
Please send me the code to send data of registration form to MySQL database of free infinity free. I have tried many php code, but all failed. I am very much worried because no codes are functioning. Please send me codes that registration form and login work properly. Your immediate response is highly appreciated.
Sorry to disappoint you. Right now I don't have any code regarding LOGIN/REGISTRATION.
bro i've got this error while submitting the form ,Unable to submit form
Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files.
It's because you've to send request through server.
If you haven't host your website
then you can install extension called 💠"Live Server" in your "VS Code" editor & open your HTML file with this extension. It'll open your HTML file in "Local Server".
I've clearly shown in this video.
My mail got verified but i didn't get activation link what to do
Didn't you get any mail from "Form Submit" ? If you didn't, how did you know that your account was verified? If your account is verified then it'll work completely fine.
It's just that with the help of modified version of your e-mail address helps to give extra security.
@@CodingDesign i got mail of only mail link has been created but me not getting the mail for activation
@Aishwarya C Can you take screenshot & send it to my Gmail?
sarujeet55@gmail.com
Thanks man
No problem
for me it only works once, then i never get an email again
Did you verify or give permission to activate "FormSubmit"?
Can we change FROM name??
Right now it's not possible but in future if there is any updates then I'll inform you.
Right now it's not possible but in future if there is any updates then I'll inform you.
Using this Formsubmit ink is safe ?
It is trust worthy. But we can not say 100% as you know even Google has all your personal info.
When I used formsubmit link
Then it's show me :
Unable to submit form
Make sure u open this page though a wed server , formsubmit will not work in page browsed as html files
Owww... it might be because you need to run your HTML file in 'LOCAL SERVER'.
For that in VS Code (if you're using) you can install extension called 💠'Liver Server'.
Create separate file and folder, after that in your html file you can right click and hit option called 🔘"open with live server".
🙏 tell me how to send file attached in mail .
➕ extra attribute for element
enctype="multipart/form-data"
You can add field with type "file" with "name" attribute "attachment"
⚠ File size must not exceed the "__5MB__"
@@CodingDesign thanks 😊
@@sagardhuri7634 You're most welcome. Hope you'll show your same ❤ & support in the future too.
bro isn't work for angular project
I'm sorry😭 I don't have any idea about Angular.
Your frequency very high
I'm sorry it's because I'm not using Mic. But in future, I'll make sure that you won't get same issues.
sourse
Unavailable.
Is it work for today or not 😢😢
I works.
Easy BUT NOT a safe way of doing things, Keep this in mind before use.
Why it’s not safe?
I'm just providing you the easiest way (shortcut) & it's some how Vulnerable. But when it comes to security "Nothing is 100% secure."
Why is it not safe
How many percent security is it
@@fatokunbooluwakemi6364 It is not safe because the data first goes to the FormSubmit website and then they send you an email. So the data you submit is not 100% safe.
Hi Pls Add Codes
source code?
I apologize, but the source code is currently unavailable.
Or you could use PHP and process the information and put it in a database. Either or...
Yeah! if you've backend knowledge it's much more better.
Bro it says formsubmit doesnot work for html pages.. has to be run from a web server
If you're using VS Code Editor then please install 💠Extension called "Live-Server".
And then run your HTML file with Live Server. It'll definitely work.
😍😍😍
Hope it was helpful.