Send emails from a HTML Contact Form

No video

Send emails from a HTML Contact Form

Рет қаралды 384,781

Күн бұрын

⭐ Sign up for my Full Stack Developer Course: www.codewithan...
In this video I show you how to create a working contact form in HTML. This contact form will send emails from your website, to your inbox.
Other links:
In this video I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-...
If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
-Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
For this video, I used FormSubmit. They are a free service so if you like what they do and would like to sponsor them, please visit: formsubmit.co/
___
⭐ New to code and none of this is making sense? Watch my '12hr+ KZfaq Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
#codingbootcamp #coding

Пікірлер: 685

@josephclander 3 жыл бұрын

Brilliant. Exactly what I was looking for. A short video to the point with a straight forward nice use case for me to build from. Thank you so much!

@sidsmith1080 3 ай бұрын

Like a lot of others have commented on here, this has saved hours of messing around with php, postmark, 3rd party apps and email servers, not to mention the tears of frustration. A big thank you!

@aniakubow 3 ай бұрын

🥰

@workfromhomebuddy3683 3 жыл бұрын

Miss Ania, I'm still learning about HTML, CSS, and Javascript from your 12hr+ coding bootcamp and knowing that you put this type of content here on KZfaq is a big help for me that is still starting out to become a web developer. More power to you, Miss Ania.

@aniakubow 3 жыл бұрын

Thanks so much for doing the bootcamp with me James! Such an honour to have you onboard :)

@aysepalaci7074 2 жыл бұрын

Sen ne zaman geleceksin ona gore de beni 11

@thiagosullivan 3 жыл бұрын

That was the easest way that I've saw on how to send a email from the form. Thank you very much Ania!

@aniakubow 3 жыл бұрын

youre very welcome!!!

@whitedobie Жыл бұрын

One feature you might want to add to this vid is that FormSubmit will send you a random-like string to replace your naked email address in the action attribute of your form. This will give you yet another level of security hiding your email completely from DEVS or anyone snooping in the code.

@DominicNweze Жыл бұрын

Especially all them damn hackers or scammers

@Zzaa01 2 жыл бұрын

I’m in bootcamp right now and googling so much stuff on my “off” time to teach myself how to do things & your videos have been so helpful! From one woman coder to another, thank you so much!! Your tutorials are clear, concise, and easy to follow. 💖

@AmandaVieiraMamaesouCult 2 жыл бұрын

Let's do this!

@bmehder 3 жыл бұрын

I had on my todo list to find a simple api-based contact form solution. Your timing is impeccable.

@aniakubow 3 жыл бұрын

I’m glad I could help :)

@WaffleDog-ep3cf 3 жыл бұрын

Every Single person building a contact form should watch this video! YOUR THE BEST!! :DDD

@pawanmishra9342 2 жыл бұрын

Exactly what I wanted to do, everyone is using Firebase or some node module to do such a simple thing, you saved me a lot of work!!

@tajirihassan Жыл бұрын

*Ania, you're a wizard! Your video just saved me so much time that I feel like I have a secret time-turner stashed away somewhere. I'm pretty sure my productivity just went up by 300%, and my boss is going to think I'm some sort of work superhero. Thanks a million!*

@uabeemployeebiblestudy888 2 жыл бұрын

Dear Mrs. Kubow, Thank you so much! Still working with it but you put me on the right road! Thank you so much and may God bless you tremendously today!

@haroldmangrum2087 Жыл бұрын

You are one of the best instructors in the coding profession, and you should do more videos. You come right to the point without a bunch of promotion fluff. In addition, the points of your presentations remain simple, and are as practical as they are simple. Keep up the great work and please do many more videos.

@mayrarosas7107 2 жыл бұрын

Thank you so much!!! spent almost 3 days searching for something simple and straight to the point like this!!

@aniakubow 2 жыл бұрын

I’m so happy I could help! If there is ever anything Else you would like me to make, please do let me know :)

@user-yd1xy9ll7s 2 жыл бұрын

I have not enough words to thank you! Really!!! This video was an absolute time and struggle savior! I love it! If i haven't find it, i would probably write real back-end to do that for at lest few hours or days! But with that, it took me up to 40 minutes with all the customization. THANK YOU! I subscribe for this channel!

@arielsouto7326 3 жыл бұрын

You saved my week, I went crazy looking for a solution because I didn't want to use php, thank you so much!!!. Greetings from Argentina..

@TByteTube 2 жыл бұрын

I love the simplicity and directness, Keep up the good work !

@kevinchaplin672 3 жыл бұрын

Absolutely fantastic! So simple, yet all the videos and articles I saw were all so complicated, or just lacking the actual "submit" part! Thank you.

@humanthehuman 2 жыл бұрын

Thank you so much for this. I spend over an hour trying to get EmailJS to work with no luck. This worked for me!

@bonarhya25146 10 ай бұрын

OMG! I love you xxx. I have spent so many hours trying Java, php etc and this is the first one that actually works and probably the easiest too. Thank you so much.

@juliagarant3314 2 жыл бұрын

In case anyone else was looking for it: to get the name, email, and message from the form into your inbox make sure you have - in name input: type="text" name="name" - in email input: type="email" name="email" - in textarea: name="message"

@lolz4902 2 жыл бұрын

thank you! this made it work as I was receiving blank emails before

@juliagarant3314 2 жыл бұрын

@@lolz4902 glad it helped!

@briandev8 2 жыл бұрын

This is by far the easiest method for creating a contact form. Thank you so much!!

@JBurky15 3 жыл бұрын

Wow, I have been looking for this simple of an explanation of this for so long. Thank you so much for this!

@aniakubow 3 жыл бұрын

You’re so welcome 🤗

@aymanmakhoukhi3591 3 жыл бұрын

Omg these eyes, I'm getting lost ! Thank you for the great content ANIA KUBOW

@aniakubow 3 жыл бұрын

Thanks for watching

@Ba72an 2 жыл бұрын

I was going crazy with submitting the form to my email. Thanks a lot Ania.

@frostyredoc2120 3 жыл бұрын

Your lessons are a blessing.. Keep up the good work..

@digitalgyanwithprakash 2 жыл бұрын

Thank you for such a valuable information, I was stuck for days to solve this issue for my client. Today i did it in matter of 30 min. Please keep uploading such useful information. Research & find what are issues freelancer face, those who are not hard core coder. You will find tones of topic to make videos on. Thank you again!

@vishsingh7235 3 жыл бұрын

Thanks for sharing this, Ania! I did something similar with Netlify Forms to a React project and a Next.js project, but this is another fantastic option to have that saves us from having to deploy a back-end.

@aniakubow 3 жыл бұрын

You are so welcome !! I’m glad it has helped :)

@aharmess 3 жыл бұрын

Thank you so much Ania, you are great! I was searching for this to make a functional form on my portfolio website and this was the easiest way to submit a form to my email.

@tonystephens9184 Жыл бұрын

Tony Stephens - Your video inspired me to create a new Html Form for our Museum's Website(Trenchard Museum). At this point I had no prior knowledge of Coding. I managed to get an Html Editing program from the USA, they had a very good Forum that helped me solve some issues. The Form was uploaded to our Website on the 19th Oct 2022. Without FormSubmit this would not have been possible.

@pornbreaker6404 2 жыл бұрын

Thank god someone with the sense to show how to actually create a contact form that ACTUALLY WORKS!

@thegamegabon 9 ай бұрын

Smart and beautiful. Thank you so much Ania for breaking the stereotype that you can only be either

@ITGirlll 2 жыл бұрын

Seriously, thank you! There are NO vids on how to connect the forms once you've created them! Bless you lol

@hitthecity2 3 жыл бұрын

A.M.A.Z.I.N.G. - Been struggling for weeks with a bloody PHP script and here's the solution. Just like That! THANKS

@nftcryptomix Жыл бұрын

OMG thank you again, love watching your video's on coding as they always help me out.

@uodige1 Жыл бұрын

thank you so much, Ania!!, I was able to put my CSS into your tutorial now it looks very professional contact us page. I was looking for youtube but your tutorial is the best ever!!

@deborahsbeghen 2 жыл бұрын

Soooo glad to see a GIRL actually MAKING THINGS HAPPEN here!! And it's BETTER than any other bloody add on affiliate!!! Big thanks Ania. I really hope google will let me use this form.

@aniakubow 2 жыл бұрын

Thank you Deborah! Big love! Let me know how you get on with implementing the submit form :)

@deborahsbeghen 2 жыл бұрын

@@aniakubow is it possible to have the subscription data downloaded to my spreadsheet? Also, the workflow for response is being sent from FormSub domain, any chance I could make it use my domain to reply to prospects? It just steals leads the way it seems to me know. (I am close to zero in coding, will pay in case you can rock it). :) thanks again.

@silvercrow86 2 жыл бұрын

This is exactly what i needed. And you are absolutely right about the part that there's not that much info on form submission around the web..TY!

@smondello Жыл бұрын

I created the contact form in Webflow, and then I embedded the action code, and it worked!

@busyrand 2 жыл бұрын

This is a very nice addition to front end projects that can use this documentation to leverage the backend processing of the microservice you showed. Brilliant demonstration.

@timonwa_loves_art 3 жыл бұрын

Thank you for this. Php was really being a pain in the butt.

@hitmeup7003 3 жыл бұрын

Php developer's life matters 😝

@akulgoel9259 2 жыл бұрын

I know a ton to coding languages but php has always sucked. ( no offense :D )

@DominicNweze 2 жыл бұрын

@@akulgoel9259 yeah me too. Like php is cool but it's stressful.

@DominicNweze Жыл бұрын

@@hitmeup7003 it's does but it's stressful too. I do want to learn php also.

@fernandopassaia 2 жыл бұрын

Thank you Ania, I follow your channel for a long, but this is the first time I'll really use something in my work, It's perfectly what I'm in a need now... have a great weekend...

@croosheck 2 жыл бұрын

Ania, jesteś wielka! Tego mi było trzeba, drugi raz ratujesz mój kolejny projekt 😁 Wszystkiego dobrego!

@ricardogreen4190 3 жыл бұрын

I didn't see it in your notes, but formsubmit sends you a string value that you can plug in to replace your email address. Thanks for the video, this is great and great timing for an app I'm creating. Thanks!

@jmv1969 Жыл бұрын

Watching all those videos on making PHP contact forms 😢. This was so much simpler! Thank you. Subscribed!

@ukaszczajkowski632 Жыл бұрын

Obejrzałem kilkanaście tutoriali jak zaprojektować formularz kontaktowy i dopiero u Ciebie jest to wyjaśnione w przejrzysty sposób. Dzięki Ania 😎

@craigleppan7164 Жыл бұрын

Magic, fast and a fullon wonderfull solution. Well done Ania. THANKS THANKS THANKS

@sumanshekhar8110 2 жыл бұрын

Massive respect to you girl, I was looking for something like this and bumped into you with this video. I think the whole universe was conspiring for this moment, 😅😅 jokes apart keep up the excellent work.

@k-c Жыл бұрын

Straight to the point, gets the job done. Thank you.

@catherined6399 Жыл бұрын

So excited about your channel! I am owrking on your tutorials during maternal leave xx

@WebDevCody 3 жыл бұрын

This was cool. I didn’t know about form submit! Thanks for sharing

@ashiinsane90 3 жыл бұрын

been looking for something like this for a while now.. Amazing and delicate video !! thank you

@aniakubow 3 жыл бұрын

Thanks so much that’s so kind of you! 💚

@mind_of_a_darkhorse 3 жыл бұрын

Quick easy and very informative! Keep up the great work! I will also admit, your eyes are very mesmerizing as well, but what really gets me is the fact you like to code games!

@00MagicMatt 2 жыл бұрын

This is exactly what I wanted for beginner web developers! Something easy to start up and to get things rolling! Instant subscribed and liked! Lol

@alofa853 2 жыл бұрын

Omg thank you so much, I looked for so many contact form tutorials and none of them showed how to do it with the submit website!

@aniakubow 2 жыл бұрын

Thanks for watching Tseitin! Hopefully it makes sense. I have a newer video using this too in my ‘build a website’ playlist 😄

@minnuss 3 жыл бұрын

Those Eyes Really Are the Window to Her Soul ! Thank you for tutorial :-*

@Derfinater 3 жыл бұрын

Actually amazing timing for me I am about finished my portfolio page and need this :D thanks

@aniakubow 3 жыл бұрын

You’re welcome!!

@fit_mugo 3 жыл бұрын

This was awesome got a little bit confusing in the end but I still loved thank you.

@sylvanusjoseph1140 2 жыл бұрын

Thank You Ania for your beautiful video. So many videos on youtube has contact forms but does about its response. Your video is perfect for the response I wanted and very easy to understand. Brilliantly done again. Thank you a million timesvover. 😊

@GoldenFlowerAbbey 5 ай бұрын

Best coder on KZfaq 💕

@spirit820ruka5 2 жыл бұрын

Thanks! accidentally discovered your channel! The video was helpful to me! Like and subscription.

@aniakubow 2 жыл бұрын

Thank you

@vanshikhaagarwal397 3 ай бұрын

Very helpful! I literally got the answer in the first 2 minutes itself! Thankyouuu

@akhilshivnani7701 2 жыл бұрын

Amazing, I went through the entire internet at last, found something that'll work 🙂😅. Thankyou so much Ania

@sayori3939 2 жыл бұрын

This was very helpful thank you, but i have a doubt, how dangerous it would be to have a contact email (not a main rmail) leaked in my portfolio website?

@fabaladibbasey7453 3 жыл бұрын

I liked while waiting for the video because your content are always great

@kristinayordanova365 2 жыл бұрын

I've been looking for an easier alternative than using PHP for example, and there we go!!! Thanks, Ania, well done!

@vio-noob_6737 3 жыл бұрын

I’ve only learned python so far but I am enjoying your videos on HTML!

@TIMZDABEZT 3 жыл бұрын

Thank you so much Ania, tbh I was a little anxious to do my contact form but this solution is so simple and easy to do! Phew! xx

@LordKharnak Ай бұрын

Thank you very much, this is something I was looking for and works like a charm 🤩

@zokhcat 3 жыл бұрын

You heard what I really wanted. Loved it. Why is this channel so underrated :((

@santiagoandresbettinluna1555 Жыл бұрын

I was able to do it thank you very much, I´m very happy right now

@designerdo3956 2 жыл бұрын

Thank you so much Ania! I've been struggling with this and this was so clear! Please keep posting and helping us to the next level! You're making development fun, easy and straight forward.

@jamiuyusuf9434 2 жыл бұрын

Thank you for this video... It helped solved a problem I've having for a couple of days

@thakursaad9364 2 жыл бұрын

Thank you noona. As a begginer it was troublesome for me to integrate other services.

@georgedlamini3093 2 жыл бұрын

wow! Thank you so much Ania, you saved me from a lot of trouble. Keep doing the great work.

@nehachaudhary5748 3 жыл бұрын

Thank you so much!! for this tutorial was looking for this from such a long time!! Much love Ania

@aniketborkar7114 3 жыл бұрын

Much Appreciated. for your work. It solved my whole 10 days hard work in a 15 min. Thank you!! Great work. But now i want to learn more about JavaScript for page transitions or CSS. Please upload a video :)

@leandronagata1985 3 жыл бұрын

Thank you so much for this tutorial!!! I've been looking for some solution on the contact form for my website, and it helped me a lot!!! Thank you, thank you, thank you !!!

@timothyroy20111 2 жыл бұрын

Danke! Lot less hassle and works like a charm! Liked and subscribed!

@BhagyaRana 3 жыл бұрын

Thank You Ania Mam for Great 🔥 Tutorial!

@preciousnwaoha3123 3 жыл бұрын

U just saved my final year project

@shaunnarooskie81 10 ай бұрын

Your tutorials are always the best! Thank you for providing helpful information :)

@juliussteinkamp3882 Жыл бұрын

Thaanks you helped me that mutch i struggled for hours before. In the beginning i thought this is too easy but it works 👍

@mateuszzaniewski9956 3 жыл бұрын

Ania i Love you, everything worked, with love from Poland !

@aniakubow 3 жыл бұрын

Thanks for watching Mateusz! :) Big love from London!

@akhilchintalapalli1205 2 жыл бұрын

Thank you soo much.I was just looking for a video like this on eit solved all my problems regarding forms .thanks alot

@oluwatobioseni6085 2 жыл бұрын

I don't normally do this🤧, but this video just saved my life.. thank you so much❤

@jeffroberts2642 2 жыл бұрын

This worked perfectly and was easy to set up, many options I haven't tested yet. Thank you!

@lavendercode 3 жыл бұрын

Thank you Ania! I needed to know how to do this! You are awesome!

@firas_alalo Жыл бұрын

Simple and straight to the point, thank you Ania!

@frankiefab 2 жыл бұрын

I think this approach is cool. I was trying to build the contact form using PHP. Thanks for this video, it was helpful.

@eulerischezahl613 3 жыл бұрын

you're born for this, love the way you speak :D

@dangercode6125 3 жыл бұрын

Than for share you're knowledge Thanks for all , grated from Mexico And other suggestions could you make more tutorials of angular with spring?

@taoloveu 3 жыл бұрын

Smart Knowledgable Great accent A hearty Let's do it! how could one not learn from this?

@michelange5102 3 жыл бұрын

I'm here for the algoooo and thanks a lot, lady!

@aniakubow 3 жыл бұрын

Thank you Michel!!!

@najat._.ilzahuodi6891 2 жыл бұрын

Thank you sooo much you helped me, I needed it. Thank you so so so so so so so MUCHHHH

@usamamukhyermukhyer8329 3 жыл бұрын

Thank you so much mam. My whole day spoiled before watching this vedio. Have you proper series on php or other web languages

@aniakubow 2 жыл бұрын

I have mainly JavaScript videos :) maybe I’ll try php one day

@dingjoyce5500 Жыл бұрын

Fantastic! I tested on my github page and it works!

@morrismwinsa7186 2 жыл бұрын

Excellent!! this was what I was missing!! Thank you so much Ania

@mattoattacko 3 жыл бұрын

This video was exactly what I've been looking for! Thank you Ania!

@brett3554 3 жыл бұрын

Your videos are amazing truly, thank you.

@aniakubow 3 жыл бұрын

Thank YOU for watching

@yousufkhan2909 3 жыл бұрын

Another superb tutorial... Thank you so much dear.

@aniakubow 3 жыл бұрын

You are so very welcome :)