Form not working on my Gatsby powered site

kohlhofer · December 31, 2019, 3:53pm

I have instrumented a form as per documentation on my Gatsby.js site (Gatsby has instructions on their docs too). The backend picked up the form (called contact). But when I submit it no data is coming through.

form is here: https://kohlhofer.netlify.com/contact/

source is here:

github.com

kohlhofer/kohlhofer.com/blob/master/src/pages/contact.js

import React from "react"

import Layout from "../components/layout"

const contactPage = () => (
  <Layout pageTitle="Get in touch" color="blue">
  <div className="contact">

  <form method="POST" action="/thankyou" data-netlify="true" name="contact" netlify-honeypot="bot-field" enctype="application/x-www-form-urlencoded"> 
  <p>
  <label for="message">Your message</label> 
  <textarea rows="5" type="text" name="message" id="message"/> 

  </p>
  <p>
  <label for="email">Your email</label> 
  <input type="email" name="email" id="email" /> 
  </p>
  <p class="form-hidden">
  <label>Don’t fill this out if you're human:</label>

This file has been truncated. show original

I tried the trouble shooting guide and checked for spam submission to no avail.

I am all out of options. Apologies if it is something obvious or silly. Any help would be greatly appreciated.

kohlhofer · January 2, 2020, 3:30pm

I figured it out at last:

I found the above via this very forum. The Gatsby.js doc did not include it. I may have missed it on the niftily docs/starters/recipes but do not think there was a reference on the newb happy path.

Anyway. All is good now!

Topic		Replies	Views
Gatsby Netlify Form Support netlify-forms , gatsby	7	994	July 20, 2023
Gatsby Form not working: form lives on a portal Support netlify-forms , gatsby	8	3306	January 21, 2020
Netlify will not recognize gatsby form Support building , netlify-newbie	1	429	June 5, 2020
Form detected but no submissions Support netlify-forms	5	2803	June 14, 2020
Netlify forms not working on Gatsby/React site Support netlify-forms , gatsby	1	367	November 12, 2020

Form not working on my Gatsby powered site

Related topics