@trimidis It looks like there’s a few things wrong, you should work back through the documentation.
The forms documentation is here:
https://docs.netlify.com/forms/setup/
The main support guide is here:
https://answers.netlify.com/t/support-guide-form-problems-form-debugging-404-when-submitting/92
Note that Netlify only detects forms that are actually in the HTML of the site at the conclusion of your build, and your page is an SPA (Single Page Application) where the form is being rendered into the page via JavaScript at runtime. Notice how there is no form in the source of your /index.html
:
- Enable Form Detection
- Ensure there is an actual HTML form for it to detect (either hidden in the main
/index.html
or in some other file)
Once that portion of it is set up correctly you will see the form being detected in your build log.
You will also find that as is mentioned in the documentation:
When Netlify parses the static HTML for a form you’ve added, the build system automatically strips the data-netlify="true" or netlify attribute from the <form> tag and injects a hidden input named form-name. In the resulting HTML that’s deployed, the data-netlify="true" or netlify attribute is gone, and the hidden form-name input’s value matches the name attribute of <form>