I was going bonkers trying to solve this situation for my site. Went through a few tutorial with no luck. This video though was exactyl what I needed. Clearly spoken, step-by-step. Thanks!
I really want to thank you. I was looking for this kind of tutorial for almost weeks and now I finally found this just because of you. it helps me a lot. Once again thanks a lot, please make more tutorial videos like this.
Thank you for this presentation. I have been combing the internet trying to find the best way to make a contact function for my website for almost half a year. This helped out a ton.
Soooooooo helpful! I was wanting to see if it was possible to achieve an email submission with form redirect and all I could find was having to use php but this video saved me a lot of work and looks very seamless. Thank you so much
Thanks a lot for this tutorial, this was exactly the kind of solution that I was looking for. I'm an iOS developer and just wanted something straightforward for implementing a functioning contact form without any extra serverside backend work.
I am a developer who just knows how to design. I am a front end developer and plan to learn backend languages like javascript. But for a project that I needed to put on the internet as soon as possible; it also required backend. My site did not have many things that required a backend but I just had a contact page which had to be connected to a backend. I searched it on youtube and saw dozens of video but each time I either got an error or it didnt work. I wasted my 2 hours in this. I also had some other front end work remaining which would easily take 2-3 hours. I got panicked that I will not be able to do it before my deadline but then I found this video as a life saver without writing a single line of backend code I brought life to my contact page. Thanks a lot sir. I subscribed to your channel liked the video and shared it and from now on I will follow you on a regular basis. I pray that you go viral on the internet. Thanks. Regards Shaad Hashmi.
@@ADesignerWhoCodes thanks for the reply sir. I have uploaded the contact form on the internet. you can see it at techfreak.epizy.com/contact.php please I request you to write something in the form. I will be so happy if I recieve something from you. Just a wish no force sir. Thanks from the bottom of my heart!
Hell yea! This was great and was exactly what I was looking for. I was searching forever to find something like this. Keep doing your thing, designer that codes! It is appreciated for real.
I know only as much as Netlify provides in their docs. One thing to consider is adding the additional captcha. Here's the official documentation: docs.netlify.com/forms/spam-filters/
Thank you Haydn for this tutorial! I used it in my project. My question is when a user enters an Invalid email address and clicks on the submit button, the user gets directed to FormSubmit's page that reads: Invalid email address You entered email. That is an invalid email address. Please correct the form and try to submit again here. You are using FormSubmit logo How can I change this page to an alternative URL? I looked into the docs on FormSubmit's website and I couldn't find that option. I used _next to create a "Thank You" page successfully, but I couldn't find documentation for an "invalid email" page. Thanks so much for this video!
Great video man, I want to ask can I change the _next into only alert notification? So that the users only get alert notification that says 'your forms submitted' not the whole HTML file, thank you
Unfortunately form submit is very slow sometimes depending on the server traffic. Sometimes it feels like it takes forever to send an email from a webpage contact form
Hey.. Thanks for this video man, it's really amazing. Anyways I got into some issue, like for some reason I can't receive an activation email, idk if I'm the only one that faced this.. Any hope I can get a support from you or anyone willing to help.. Thanks
Unfortunately I can’t troubleshoot everyone’s technically issues. In a perfect world, yes. I’d reach out to the company and see what is happening. That’s the best suggestion. Sorry you’re having issues.
I got everything working on my personal website with this, however when i used the contact form on mobile, it is failing to load my success page, do you have any idea why? Also thank you very much for this tutorial it was super helpful
My url comes up red whenever I place it in the html. When I click the https link it takes me to the site that says your form should include method= “POST” which it does. Any idea what I’m doing wrong?
I mean technically you just sent your communications to a third party website by commenting and creating an account on Google. If it makes you feel uncomfortable, you don't have to use it. I just put out these videos as an option.
@@ADesignerWhoCodes No. Technically I just posted a public message on a social media site where there is no presumption of privacy. Much different than routing my private emails through an unknown.
Any advice for the file uploading. I used the code given, and it says I should be able to upload more than one file, but when I try it the email that is sent to me only includes the most recent file that was uploaded.
Thanks for your details. I want you to create contact page for me. That have three things; optional name and required email and message. I don't know anything about codes, please create for me. Or tell me where I can find it for free.
Hey Thank you for the video But I have a small issue Since I dont have a paid Github Account I cannot use Github Pages I tried running the HTML on a local server But I keep getting the error Connection Timed out
everything is perfect thank you! but my success page leads to a "NET::ERR_CERT_COMMON_NAME_INVALID" idk how to fix this? do i need to add the success page to my dns and create a new ssl to include it? im basically using tumblr to "host" my website
I suppose I could build one manually by it hitting a database. But then I’d have to setup notifications and spam protections. I use either formsubmit or Netlify forms because it saves me countless hours. Thank you!
@@ADesignerWhoCodes the free version of formsubmit only allows me 50 submits before locking it and any further replies from showing. I rather not lose customers over this. Am I missing something?
hello Haydan , i am a developer , I have 3 websites and i want to use your method of receiving mails as it is excellent, how many websites can Github support ?? i configured it on 1 other it's not working to create a repository in main ...there is no main option...
In theory, unlimited. Main is the default branch. If it is an older repo, the default was master, but they changed it for a more neutral tone. I've got a few older repos that still use master I'll eventually get around to switching. Thanks! I just try and find the easiest path.
I was going bonkers trying to solve this situation for my site. Went through a few tutorial with no luck. This video though was exactyl what I needed. Clearly spoken, step-by-step. Thanks!
I really want to thank you. I was looking for this kind of tutorial for almost weeks and now I finally found this just because of you. it helps me a lot. Once again thanks a lot, please make more tutorial videos like this.
You're very welcome!
Thank you for this presentation. I have been combing the internet trying to find the best way to make a contact function for my website for almost half a year. This helped out a ton.
Oh sweet! You are so welcome.
Soooooooo helpful! I was wanting to see if it was possible to achieve an email submission with form redirect and all I could find was having to use php but this video saved me a lot of work and looks very seamless. Thank you so much
You are so welcome. Ya the php way was the default way for years but there are new and better ways now. Stoked it helped you!
David did you have to pay for the upgrade on Github when you reached the 'pages'?
@@Bruce_Yes He clearly did. Though rather unhelpful that he didn't mention the fact.
Such a good tutorial. You are an amazing instructor, seriously.
I appreciate that. Thank you!
The best video I watched that really helped me in 2022 I think. thank you so much man!
Wow. That's such an awesome comment. You are so welcome.
Your presentation is very smooth and professional. Loved your video Thank you for sharing such informative content.
You're so welcome! Stoked it helped you.
Thanks a lot for this tutorial, this was exactly the kind of solution that I was looking for. I'm an iOS developer and just wanted something straightforward for implementing a functioning contact form without any extra serverside backend work.
I am a developer who just knows how to design. I am a front end developer and plan to learn backend languages like javascript. But for a project that I needed to put on the internet as soon as possible; it also required backend. My site did not have many things that required a backend but I just had a contact page which had to be connected to a backend. I searched it on youtube and saw dozens of video but each time I either got an error or it didnt work. I wasted my 2 hours in this. I also had some other front end work remaining which would easily take 2-3 hours. I got panicked that I will not be able to do it before my deadline but then I found this video as a life saver without writing a single line of backend code I brought life to my contact page. Thanks a lot sir. I subscribed to your channel liked the video and shared it and from now on I will follow you on a regular basis. I pray that you go viral on the internet. Thanks. Regards Shaad Hashmi.
Oh I've been in that panic before. So happy it helped you.
@@ADesignerWhoCodes thanks for the reply sir. I have uploaded the contact form on the internet. you can see it at
techfreak.epizy.com/contact.php
please I request you to write something in the form. I will be so happy if I recieve something from you. Just a wish no force sir. Thanks from the bottom of my heart!
Don't know why I always assumed there has to be backend work. This saves so much time. Thanks.
If it's too complicated, take a step back and see how it can be easier. That's kinda how I think about it.
Thank you again! I came here from your form video that you mentioned at the end of this one and fits my needs perfectly.
You are so welcome! I'm stoked to have helped you.
Thank you so much for taking the time to create this video, it was exactly what I was looking for. You have saved me a lot of time :-)
You are very welcome.
Hell yea! This was great and was exactly what I was looking for. I was searching forever to find something like this. Keep doing your thing, designer that codes! It is appreciated for real.
Atlast، a free service to get mail 😇😌
Thanks man❤️
You're so welcome!
Thank you so much. I am currently self studying and your video is a great help in achieving my goal. Hope to learn more from you :)
Oh stoked. Click on the videos tab in my channel and you can find all of my videos. I'm re-launching my online course too.
you are the best , thank you realy, i was looking for this tutoriel, & because you i find it , thank you
Hey Brother! 👋
I'm really thankful to you for helping us.
Love from India 🇮🇳
Thanks! Always love to hear where people are writing in from.
Wow, that's the project I was dreaming of!
Thank you soooo much!
Great video, thank you! I was also able to use formsubmit to set up an Attach Files option so that users could send in images.
That’s sweet! You’re so welcome
Thank you very much.
I tried it and it worked perfectly.
I'm glad I found this video. It's a life saver!!!
I put in my info haven't gotten email for source code. btw amazing tutorial been looking for something like this for ages.
Thank you very much. Great explanation. Subscribed! I found out that '_next' is replaced by '_redirect'.
Very well explained he could be a great teacher.
This was a great video! thanks for sharing!
Love from Egypt!
So welcome. Hello to Egypt.
Excellent tutorial!! 🙏💙💙🙂
You're welcome.
You are great man...this is the thing which I needed.
Sweet! You're welcome.
Thanks for this. Any updated info/coding on the honeypot? I'm still getting some spam on a daily basis
I know only as much as Netlify provides in their docs. One thing to consider is adding the additional captcha. Here's the official documentation: docs.netlify.com/forms/spam-filters/
You are da best bro keep it up
Thanks so much, really needed this video. However that honeypot did not stop spammers, had to put the captcha back on.
Good to know. So far it has been catching all of my spam, but unfortunately I can't control the spammers out there.
Same, the form has been online a couple days, and I've already received 4 spam e-mails...
Hello, it's a beautiful tutoriel but i have a question. Can I use it in a real online web application ??
Excellent! Thank you sir!🙏🏿👍🏿
So welcome!
Thank you for this tutorial, very helpful!
You are so welcome
Awesome!! thanks mate it worked just fine
Nice. Thanks a lot actually. It worked, you explained it well. Thank you
Stoked!
Thank you so much. You are amazing!
Hey Man, I cant thank you enough for this wonderful presentation, thank you. regards
You're welcome.
Love you! Super, super helpful!!!
This is very powerful! Thank you very much!!!!
You're so welcome!
Wonderful tutorial!
Great Tutorial and Great service.
This is so useful, thank you so much
Glad it was helpful!
THANKS THANK YOU SO MUCH YOU ARE AMAZING
Sir... Plz post video about WhatsApp button and call now button on website bottom side.. Plz post video and sourcecode sir
Thank you Haydn for this tutorial! I used it in my project. My question is when a user enters an Invalid email address and clicks on the submit button, the user gets directed to FormSubmit's page that reads:
Invalid email address
You entered email. That is an invalid email address. Please correct the form and try to submit again here.
You are using FormSubmit logo
How can I change this page to an alternative URL?
I looked into the docs on FormSubmit's website and I couldn't find that option. I used _next to create a "Thank You" page successfully, but I couldn't find documentation for an "invalid email" page.
Thanks so much for this video!
Great video! Thank you.
Great presentation job! Very useful.
Thank you very much.
This was very good, thank you sir!
You are welcome!
Where to get the Honeypot? And where is the configuration for honeypot?
Great video man, I want to ask can I change the _next into only alert notification? So that the users only get alert notification that says 'your forms submitted' not the whole HTML file, thank you
In theory. But double check the docs to be sure.
I'm looking for the same solution. It appears from the docs that it can be done with AJAX.
Unfortunately form submit is very slow sometimes depending on the server traffic. Sometimes it feels like it takes forever to send an email from a webpage contact form
There’s also Netlify forms. That’s what I generally use. But I enjoy giving all the options.
thanks man u r a legend
Awesome tutorial!
Thank you!
AMAZING !!!! Thank You !!!
Thank you!
awesome! everything works
Thank you very very much!
A Designer Who Codes is a cool cat.
Awww man. Thank you
sir can you make part 3? design the form using css. thank you
Not a bad idea. Let me see what I can come up with.
@@ADesignerWhoCodes thank you! I will wait for it :)
Great video, thank you
Amazing! Thanks man!
Welcome.
Thank you so much for this.
You are so welcome!
Thank you so much sir 🎉
So nice of you
Excellent, thanks!
Hey.. Thanks for this video man, it's really amazing. Anyways I got into some issue, like for some reason I can't receive an activation email, idk if I'm the only one that faced this.. Any hope I can get a support from you or anyone willing to help.. Thanks
Unfortunately I can’t troubleshoot everyone’s technically issues. In a perfect world, yes. I’d reach out to the company and see what is happening. That’s the best suggestion. Sorry you’re having issues.
@@ADesignerWhoCodes Thanks..
@@ADesignerWhoCodes It finally worked
@@Joey_-id5uw what did you do to make it work?
THANK YOU SO MUCH!!!!!!!!
You are so welcome.
THANK YOU SO MUCH !👍👍
Welcome!!
Can u show me another tutorial because i did not see the persons message in my gmail.
Hello, everything works, but when I want success page it won't work, is it only html because I using php ?
Thanks alot it's working
love it!
I have my own html already created I uploaded and followed steps and my file failed please help.
Thank you for the video 👍
You're welcome. Happy to make it.
*success page not working he just show the form submit thankyou page*
I got everything working on my personal website with this, however when i used the contact form on mobile, it is failing to load my success page, do you have any idea why? Also thank you very much for this tutorial it was super helpful
That's odd. Are you getting a 404 error? Don't forget to try incognito mode to ensure pages aren't cached.
I'm not receiving the activation email from them :(((
Hay, where do you enter the CAPTCHA key code and secret code?
Why I get "Whoops, looks like something went wrong."
Unfortunately you'll have to check the docs for it. Wish I could tell ya.
I have got verified mail message to my mail but me not getting activation link mail what to do
Can this be used on online server also ?
good question. Can anybody answer it please?
Heeey please can you help me
You see when its said you using formsubmit how do i remove it
My formsubmit did not work.
My url comes up red whenever I place it in the html. When I click the https link it takes me to the site that says your form should include method= “POST” which it does. Any idea what I’m doing wrong?
Why would anyone send all their communications to a third party website for processing? This is stupid.
I mean technically you just sent your communications to a third party website by commenting and creating an account on Google. If it makes you feel uncomfortable, you don't have to use it. I just put out these videos as an option.
@@ADesignerWhoCodes No. Technically I just posted a public message on a social media site where there is no presumption of privacy. Much different than routing my private emails through an unknown.
I like this guy
I’m not sure
And which way can you send it for it to be encrypted? Nothing is hidden in this world lol! We are all under their watch.
Any advice for the file uploading. I used the code given, and it says I should be able to upload more than one file, but when I try it the email that is sent to me only includes the most recent file that was uploaded.
How is the deliverability of this form? Will it hit the email inbox consistently? Thx!
I haven't had an issue with it yet.
Do you know any easy solution for newsletter too?
Convertkit is your friend. Convertkit.com
For me it does not show activate form in my email
did you find any fix?
Nice video. But I’m having an issue when I click send I do not get the default confirmation page/captcha, What could be causing this?
Oh and I’m using git hub pages.
I'm not entirely sure. Unfortunately I didn't encounter that issue.
does the version of bootstrap may be the reason why it is not working?
Make sure you are using Bootstrap 5.
please send me the source code on Github or drive
Thanks for your details.
I want you to create contact page for me. That have three things; optional name and required email and message.
I don't know anything about codes, please create for me.
Or tell me where I can find it for free.
Here's the source code:
adesignerwhocodes.ck.page/fd82069e2b
You're probably going to have to learn a little bit about coding.
Hey Thank you for the video
But I have a small issue
Since I dont have a paid Github Account I cannot use Github Pages
I tried running the HTML on a local server
But I keep getting the error Connection Timed out
Netlify.com or firebase are free
Can I add multiple email addresses to the section for those who receive the form when it is submitted? And do I just separate with a comma?
Possibly. Haven’t tried that yet.
everything is perfect thank you! but my success page leads to a "NET::ERR_CERT_COMMON_NAME_INVALID" idk how to fix this? do i need to add the success page to my dns and create a new ssl to include it? im basically using tumblr to "host" my website
nvm i just needed to give it a bit of time to fully go thru. thank you for the tutorial!
I tried to buy your code for $3.00 and it did not work
I changed things around. Email me from my site and I’ll help.
I don't know why it only has to be index.html, why can't it be contactform.html...?
It can be whatever you want. Index is just the first page to any website and we’ll I don’t have any other pages. 🤷♂️
@@ADesignerWhoCodes I tried that though. And when I clicked my GitHub pages link to the form it gave me a 404 error. I'll try it again soon. 👍
@@resurekt97 if you are using git hub pages, give it about 30 min to get the URL working.
@@resurekt97 having the same issue, even after it's uploaded with firebase
How diffucult is it to design a form with security without relying on a thirdparty website like formsubmit?
great tut btw
I suppose I could build one manually by it hitting a database. But then I’d have to setup notifications and spam protections. I use either formsubmit or Netlify forms because it saves me countless hours.
Thank you!
@@ADesignerWhoCodes the free version of formsubmit only allows me 50 submits before locking it and any further replies from showing. I rather not lose customers over this.
Am I missing something?
hello Haydan , i am a developer , I have 3 websites and i want to use your method of receiving mails as it is excellent, how many websites can Github support ?? i configured it on 1 other it's not working to create a repository in main ...there is no main option...
In theory, unlimited. Main is the default branch. If it is an older repo, the default was master, but they changed it for a more neutral tone. I've got a few older repos that still use master I'll eventually get around to switching. Thanks! I just try and find the easiest path.
Thanks a googol!