My form isn't working. Not even appearing on my forms page for consoranalytics.com

I’m using react and I went through the checklist for Netlify forms. I have check forms enabled. My form has a name and each field is different. I have data-netlify=“true” as well but it’s still not working. Anyone know why it’s not working for consoranalytics.com

Thanks in advance!

Hi, @Wahaj10. You need to have an HTML form for the build system to process. If I view the HTML, it is clear there is no <form> tag anywhere:

$ curl -s https://consoranalytics.com/
<!doctype html><html lang="en"><head><script src="commonninja.js" defer="defer"></script><meta charset="utf-8"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[]</script><title>Consor Analytics</title><meta name="description" content="Consor: Unleashing data's potential, empowering businesses with insights for remarkable growth.  "/><meta property="og:title" content="Data analytics: Unlocking insights, driving decisions, and empowering smarter strategies"/><meta property="og:description" content="Consor: Unleashing data's potential, empowering businesses with insights for remarkable growth. "/><meta name="twitter:title" content="Data analytics: Unlocking insights, driving decisions, and empowering smarter strategies"/><meta name="twitter:description" content="Consor: Unleashing data's potential, empowering businesses with insights for remarkable growth. "/><script defer="defer" src="/static/js/main.123406c0.js"></script><link href="/static/css/main.c684b92e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></body></html>

You will need to create an HTML version of the form somewhere for it to be processed. If there are questions about how to do so, please let us know.

Oh interesting, I was just checking the inspect element and I could see it there, but I’m not sure how I could make an HTML form that would appear there. If you could please explain a bit more or give me resources where I could get started that would be greatly appreicated!

Hi @Wahaj10,

Thanks for the follow-up.

Here’s an example of a working Netlify form in React. The HTML form is added here:

react_forms_netlify/public/index.html at main · MelvinPeepers/react_forms_netlify (github.com)

within the Public folder, in the index.html file.

The second part is shown here:

react_forms_netlify/src/Form.js at main · MelvinPeepers/react_forms_netlify (github.com)

You can read more here:

https://docs.netlify.com/forms/setup/#html-forms

And we have a troubleshooting Support Guide for forms here:

Let us know if you have any questions.

1 Like

Oh that makes sense. Awesome, thank you for the quick help!