Home
Support Forums

Getting 404 response after sending form

Hi! I’m stuck with getting error after trying to send some message with contact form.

Will be appreciated with help what I’m doing wrong.

My netlify site- https://bogodar.netlify.app.

I tried different code options but last one form looks like this

 <form
        name="contact-form"
        method="POST"
        data-netlify="true"
        netlify-honeypot="bot-field"
        className="form contact-form "
      >
        <label className="label__name">
          <input
            placeholder="Name"
            type="text"
            name="name-form"
            id="name"
            className="name__input"
          />
        </label>
        <label className="label__email ">
          <input
            placeholder="Email"
            type="email"
            name="email-form"
            id="email"
            className="email__input  "
          />
        </label>
        <label className="label__subject">
          <input
            placeholder="Subject"
            type="text"
            name="subject-form"
            id="subject"
            className="subject__input"
          />
        </label>
        <label>
          <textarea
            placeholder="Message"
            name="message"
            id="message"
            cols="30"
            rows="8"
            className="message__textarea"
          />
        </label>
        <button
          className="pointer submit b--none f5 link dim dib white bg-green pa2"
          type="submit"
        >
          Send
        </button>
        <input
          className="clear pointer clear b--none f5 link dim dib white bg-green pa2"
          type="reset"
          value="Clear"
        />
      </form>

Looks like you’re using React. Have you checked out this page: https://www.netlify.com/blog/2017/07/20/how-to-integrate-netlifys-form-handling-in-a-react-app/?

Hey, im usig Gatsby !

Yes, I saw that. Gatsby is based on React after all. So that document has the necessary information.

Thank you, i guess tried same code. What i didnt do it’s put p tags but i don’t think it could cause the problem.

I don’t see any line similar to <input type="hidden" name="form-name" value="contact" /> in your code like that page mentions.

1 Like

Thank you so much! You saved me a lot of time it’s priceless!
I didn’t notice this line before!
Hope you will have a great day and week:)

2 Likes