Form isnt seen in Netlify dashboard from Gatsby site

Hi there. Site product page link

I have a problem with Netlify form + Gatsby. I can’t see my form in Netlify dashboard.

My form locates in Drawer component that isn’t seen by default but only opens by click.

I have already added all required fields for initialization but nothing happens

    <input type="hidden" name="form-name" value="checkout-form" />

My submit function looks like:

const onSubmitHandler = e => {

const form =

fetch("/", {
  method: "POST",
  headers: { "Content-Type": "application/x-www-form-urlencoded" },
  body: encode({
    "form-name": form.getAttribute("name"),
  .then(() => {
  .catch(error => console.log(error))


Hey @LoveDesignUA,
Could you please share the function you use to encode the body here:

  body: encode({
    "form-name": form.getAttribute("name"),
function encode(data) {
  return Object.keys(data)
    .map(key => encodeURIComponent(key) + "=" + encodeURIComponent(data[key]))

That looks fine to me! In some cases, we have seen conflicts with the encoding function and the spread (...) operator:

But that doesn’t seem to be the issue here.

I should have caught this earlier, so my apologies, but one thing to try would be removing this line:
<input type="hidden" name="form-name" value="checkout-form" />

We will automatically add that hidden field. The fact that you have added it may be why it was never “registered” in our database. Let us know if that works for you.

I have deleted these hidden fields but form still isnt seen.
I was following instructions for static site generator here. I was testing forms and they are seen at netlify if they are present on the page. In my site form doesnt present by default but only seen in the 2nd step inside cart drawer.