Gridbox is tightly integrated with Netlify Forms. When you use pre-built Contact Forms or create HTML forms from scratch, you form can instantly accept submissions—no backend code or infrastructure required. As soon as your website is deployed to Netlify, you start accepting submissions which will appear in your Netlify dashboard.
By default, we've enabled "Save to Netlify" setting for all pre-built contact forms, so you don't have to change anything. So, you can start with pre-built contact forms. All you need is to drag and drop the contact form, add any extra fields if you want. Once you're ready click on the Publish button to deploy to Netlify. That's it.
Sometimes, it is difficult to select the form element in the canvas straightway as the form element may be deeply nested inside some DIV element or Section element, but with Inspect you can do that easily.
Click on any input field inside the form.
From the left sidebar click on the Inspect panel.
It will highlight the element you've selected in the Inspect panel. The selected element will be the child of form element (nested inside form element).
Look for the form element. Click on the that.
Click on the property tab to change the Netlify settings.
If you want to create your own form, do the following.
Drag and Drop Empty Form from the components any where in the canvas.
Make sure that you drag and drop all the input elements inside the form block like lable, input field, email, textarea, dropdown, etc...
Click on the form element by using the previous step
From the left sidebar under Properties Panel -> click on the Save to Netlify checkbox as mentioned in the image below.
Once you publish, click on the published url
Fill the form with dummy data to test the form submission
Go back to Editor, from the publish click on the domain settings to open Netlify - it will open the Netlify site settings automatically.
Click on the form tab, where you can find all form submission across your site.