[Support Guide] Form not showing in Netlify site dashboard

[charlottechhum]

Hey there! Do you want to link us to a site you’ve deployed where Netlify is having trouble picking up the form? That will help us look into it a little more deeply. Thanks!

[hineko]

This is the site i have with the form Contacto

[dig]

Have you enabled form detection @hineko?

Forms setup

[hineko]

Yeah I have it enabled.

[nathanmartin]

@hineko Make sure to rebuild/redeploy once it is enabled.

[hineko]

I cleared cache and deployed again and still the same.

[dig]

Have you read this article

Deploy An Astro site with Forms, Serverless Functions, and Redirects

[hineko]

Yeah I even copied that form and put it in a route to try, and netlify doesn’t pick it up either.

[nathanmartin]

@hineko

I even copied that form and put it in a route to try

What’s the route on your site?

[dig]

@hineko

…it in a route to try,…

Are you using Astro SSR?

[nathanmartin]

@hineko Are you sure it’s a static file, because curiously…

This “exists”:
https://indaber-demo.netlify.app/pruebaForm

But this does not:
https://indaber-demo.netlify.app/pruebaForm.html

[hineko]

I just tried putting export const prerender = true; and it worked thanks. I read something about the form needing to be on html and not working if it was on js or something like that, but didnt know or think about needing prerender for this, now I know.
Thanks @nathanmartin and @dig for the help.

[dig]

@hineko

I read something about the form needing to be on html and not working if it was on js or something like that

Perhaps you read something about it in the Forms documentation? Or did you not read the documentation at all?

Forms setup

[nathanmartin]

Excellent, there’s a bit of a description here (Classics | Netlify) regarding how Netlify Forms was built when they were primarily targeting and hosting static sites, and thus if you’re working with more complex systems you need to jump through a few extra hoops.

[luke]

Hi, @hineko. Did you try the troubleshooting steps in the support guide linked to above? The guide below:

[Support Guide] Form problems, form debugging, 404 when submitting

Last reviewed April 2024 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the requested information that we request at the end of this guide in a new post that you create. Thank you! Why use Forms? Forms are one of the most useful parts of modern websites because they allow us to capture input from our visitors. There are many ways to use forms: such as contact forms and sign-up forms. Seeing as there are many types of forms, im…

If not, would you please perform the checks in that guide. If you have read the guide, would you please provide the details requested in that guide, quoted below:

1. The URL for your live form as you want visitors to use it
2. The URL of your deployed html form. In case you have a javascript form, we need to literally be linked to the html version you’ve deployed, as mentioned above (look for “pure javascript form”)
3. The form name that you’ve set and that shows in our UI (if it shows in the UI)
4. Any errors or logs from the Netlify build logs, dashboard or browser developer console
5. Description of anything you have tried that did or didn’t help or make things better/worse

If you would please send us those details above, we’ll take a look and let you know what we find.

[Gentlestan]

Hi,
I think I did everything correctly as stipulated in the article. form submission works correctly on UI, but form not recognized in netlify. have enabled form detection. please what exactly should I do.

here is the my site github repo GitHub - Gentlestan/starntechtraining

here is my form content
export default function Contact() {
return (

Have questions about our training or want to schedule a solar, CCTV, or fire alarm installation at your premise?

Fill out the form below and we’ll get back to you as soon as possible.

Your Name:

Your Email:

Message:

Send

  </div>
);

}

[hrishikesh]

Did you really review the above article?

@Dennis

If you’re using a pure javascript form or Server Side Rendering instead, this additional step is required:

• You still need to include an HTML form that meets the criteria above, including all the inputs with the same names as the JavaScript form. This is required because we parse HTML to find forms during your deploy - but we don’t try to parse javascript files. This means if you are using any framework which create HTML elements using JavaScript during the render, you’ll still need to include an actual HTML file that includes all of the form details in it, including all possible inputs that you want to use. For a working example using React that you can generalize to other frameworks from, check out this blog post .