Send Emails Using Only HTML Code

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

[@Thegamer_channel]

Thanks, i needed it for a company!

[@touaitmohamed6318]

This is so amazing you have no idea how you helped me ❤ Thank you so much

[@CodingDesign]

Glad I could help!

[@HifzaBhopal]

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

[@CodingDesign]

Thank you!

[@abhijeetbhandari21]

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

[@CodingDesign]

With time if your business grow then I would recommend you to upgrade your sites.

[@statement-01]

Your explanation is excellent. I follow you from Egypt

[@CodingDesign]

Thank you very much! Keep l❤ving & supporting.

[@xidro2687]

متقوله بتابعك من مصر😂

[@statement-01]

@@xidro2687 ليه يا غالي 😅

[@Bnsami]

​@@statement-01صباحوووو

[@naufalzhalifunashadaya5450]

@@statement-01 هلا ي مصراوي

[@fairosefairose3792]

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

[@Pottahreal]

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

[@CodingDesign]

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.

[@xavierparlat4178]

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!

[@CodingDesign]

Thanks for the tip!

[@heptagaming2k5]

Thank you so much bro ❤❤❤

[@CodingDesign]

Welcome 😊

[@user-rr8cw1qp2r]

Thankyou very much😃

[@CodingDesign]

You're welcome. Hope you did learn something from this video.

[@DetectiveSquarepants]

Excellent video, friend! This worked perfectly for me 😁

[@CodingDesign]

Hope it was helpful to you.

[@rivelthawn3975]

​@@CodingDesign does this works once a day? or any form i submit in one day it should be fine?

[@osnoss3149]

amazing ! thank you

[@CodingDesign]

Glad you like it!

[@D7ooom.200]

thank you so much my bro 🥰

[@CodingDesign]

Always welcome

[@user-bo7ib2qh6f]

thank you so much bro

[@CodingDesign]

Always welcome

[@sanjay3396]

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 !

[@CodingDesign]

Yes you can! but now only HTML is not enough. You need to write separate code for that.

[@olivierboulanger1118]

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 ?

[@its_yourbro_edits]

Hi it worked❤ but when I submit successfully then I click to go back it's not going to my page

[@JTACalpha]

Hey buddy is it possible to make some videos about run api in website.... please

[@CodingDesign]

Can you please elaborate it. Do you mean "Run & test API that you've already build." or "Create a REST API."

[@adivafatma4949]

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

[@mhshoisob9498]

same brother. I didn't get

[@AOMALLLIFE]

thank bro so easy

[@CodingDesign]

You're welcome! Hope you'll show your same ❤ & support in the future too.

[@faizanpervez3145]

thank you so much it worked

[@CodingDesign]

Glad to hear

[@deepikamewada680]

Thanku you brother

[@CodingDesign]

You're most welcome.

[@mallenoid1]

thank you very much

[@CodingDesign]

Glad it helped

[@wwl1464]

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?

[@CodingDesign]

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.

[@mc_narth3491]

what if i want user to recieve a pdf book automatically to their email after submitting the form

[@CodingDesign]

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.

[@wwl1464]

I got the activation link, but the form still dosent work and it doesn’t send any emails, what should i do??

[@CodingDesign]

❓ Did you activate it? 🟢 If "YES" please once check your code whether you have given your proper email address.

[@abhishekchettri8807]

after activation message is not showing

[@CodesphereDev]

Thanks man

[@CodingDesign]

No problem

[@malekmechri7179]

help it says Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files.

[@MuhammadFirdaus-rg5ze]

you need to do custom server on visual studio or other app that supports it

[@MuhammadFirdaus-rg5ze]

on visual studio, it's called live server so you can test your code including HTML online

[@dhanushrajiv3046]

thank you bro It's working you gained a new suscriber

[@CodingDesign]

Thanks for the sub

[@dejaaiofficial]

I have a question, how to change the thank you page after submitting the form? I already made thanks.html but it didnt work

[@ArshdeepSingh42108]

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

[@andersrammbraten5708]

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?

[@CodingDesign]

Did you give your proper email? Did you watch complete video?

[@influecendbysouls]

Is thiis work with hotmail? or just gmail. @@CodingDesign

[@_Kadir_Abi_]

Allah senden razi olsun

[@tshegofatsolentsoana6242]

How do I make an email notification? After clicking submit I should receive a notification from gmail

[@Mohanapriya.Chandana]

you should enable notifications for that

[@eugzasax9995]

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.

[@pascoasekgota5247]

I would like to know as well🤔

[@knwrtv2544]

You mean I can deploy this form on internet sever 😢😢😢. Then what's the purpose of it ??

[@eugzasax9995]

@@knwrtv2544 I stopped using it. I decided to use email.js

[@sandhya_30]

mera to wrk hi nhi kr rha h plx koi mujhe code send kr doo html css both with working mail

[@lubnashaikh7697]

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?

[@CodingDesign]

I don't have any idea why didn't you received it. Just try it again.

[@dailydankdose]

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"

[@CodingDesign]

My friend! please checkout comments, I've already answer how to send file as well.

[@padmapriya3042]

Is this method supports form validations

[@CodingDesign]

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

[@AJAYY614]

I keep getting Unable to sumbit form how can i change that

[@CodingDesign]

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.

[@mdyasinarafathasib1150]

Bro how can I create thank you page? And where?

[@CodingDesign]

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.

[@mhshoisob9498]

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 ?

[@CodingDesign]

Did you provide your Gmail ID properly?

[@mhshoisob9498]

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

[@donguyenduybachk17hl11]

i use neat bean, jsp , servlet but it is not active

[@CodingDesign]

Much appreciated.

[@shortsplus.60]

how many emails can I get with this Formsubmit website? There are many website like this but there are limits to get email

[@CodingDesign]

Currently, there are no limits, but there may be changes in the future.

[@eliteklr5011]

thanks so so much my bro but your css code is missing here

[@CodingDesign]

This video is part of creating contact form: kzbin.info/www/bejne/bYnVaIqen8elaqM

[@godppl4307]

how to integrate recaptcha inside ?

[@CodingDesign]

Within same HTML page you can't integrate "Recaptcha".

[@jamaljazz6150]

how can connect react js form like this

[@CodingDesign]

If you're working with React.js. Instead why don't you try different NPM Packages such as "react-email", "emailjs", etc.

[@LaithTheLegend]

where source code?

[@udayignet6119]

what u told it it not confusing there is vide. TELL clear TO USE or NOT TO USE CAPTCHA ?

[@CodingDesign]

For security purpose. It's better to use it. And I do recommend to use it.

[@robinhudxx4643]

I need email sending software

[@CodingDesign]

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.

[@sanasingha2321]

Can u please make a video on how to log-in in my webpage (Actual work)

[@CodingDesign]

Are you using (PHP, NodeJs, python, java, C#) as Backend language?

[@sanasingha2321]

I can understand only HTML, CSS, JS

[@shwethalok186]

Bro node js is in js

[@shwethalok186]

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.

[@sanasingha2321]

Wow nice now, I know HTML, CSS, JS, PHP, MYSQL database.

[@aishwaryac7041]

My mail got verified but i didn't get activation link what to do

[@CodingDesign]

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.

[@aishwaryac7041]

@@CodingDesign i got mail of only mail link has been created but me not getting the mail for activation

[@CodingDesign]

@Aishwarya C Can you take screenshot & send it to my Gmail? [e-mail]

[@AIEnthusiasm]

I need code HTML and CSS finall to learn :)

[@CodingDesign]

If you really wanna learn then I've already shown step by step process in the other 🎬video. ✅ kzbin.info/www/bejne/bYnVaIqen8elaqM

[@ChristianWarrior1]

email does not show me the data

[@CodingDesign]

It's completely working fine. Did you skip any part of video?

[@herkuszilaitis3618]

for me it only works once, then i never get an email again

[@CodingDesign]

Did you verify or give permission to activate "FormSubmit"?

[@shubhamnikhare6042]

😍😍😍

[@CodingDesign]

Hope it was helpful.

[@user-gq2py1op1l]

bro isn't work for angular project

[@CodingDesign]

I'm sorry😭 I don't have any idea about Angular.

[@reyasatansari6551]

is it working offline

[@CodingDesign]

No! it doesn't work on offline.

[@gchatterjee7012]

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.

[@CodingDesign]

Sorry to disappoint you. Right now I don't have any code regarding LOGIN/REGISTRATION.

[@sanasingha2321]

Using this Formsubmit ink is safe ?

[@CodingDesign]

It is trust worthy. But we can not say 100% as you know even Google has all your personal info.

[@sanasingha2321]

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

[@CodingDesign]

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

[@sagardhuri7634]

🙏 tell me how to send file attached in mail .

[@CodingDesign]

➕ 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__"

[@sagardhuri7634]

@@CodingDesign thanks 😊

[@CodingDesign]

@@sagardhuri7634 You're most welcome. Hope you'll show your same ❤ & support in the future too.

[@i_hunterz]

Can we change FROM name??

[@CodingDesign]

Right now it's not possible but in future if there is any updates then I'll inform you.

[@CodingDesign]

Right now it's not possible but in future if there is any updates then I'll inform you.

[@missulu]

Or you could use PHP and process the information and put it in a database. Either or...

[@CodingDesign]

Yeah! if you've backend knowledge it's much more better.

[@warlordxone07]

Your frequency very high

[@CodingDesign]

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.

[@kishorkumarrm8735]

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.

[@CodingDesign]

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.

[@IqwinderRai]

Bro it says formsubmit doesnot work for html pages.. has to be run from a web server

[@CodingDesign]

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.

[@r.mendes]

You don’t breathe??

[@CodingDesign]

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.

[@hetpatel8450]

source code?

[@CodingDesign]

I apologize, but the source code is currently unavailable.

[@Huseyn7296]

Hi Pls Add Codes

[@Mrdnaya]

sourse

[@CodingDesign]

Unavailable.

[@knwrtv2544]

Is it work for today or not 😢😢

[@CodingDesign]

I works.

[@MAA-op4gw]

Easy BUT NOT a safe way of doing things, Keep this in mind before use.

[@TalentedTech]

Why it’s not safe?

[@CodingDesign]

I'm just providing you the easiest way (shortcut) & it's some how Vulnerable. But when it comes to security "Nothing is 100% secure."

[@fatokunbooluwakemi6364]

Why is it not safe

[@fatokunbooluwakemi6364]

How many percent security is it

[@sachinsinghiscool]

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