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!