How to Send HTML Form Submissions to Notion Database

You can automatically send HTML form submissions to a Notion database by using Forminit as the form backend and Zapier as the bridge. Every time someone submits your form, a new row is created in your Notion table - no server-side code required.

TL;DR: Connect your HTML form to Notion by using Forminit as the form backend and Zapier as the bridge. Create a form on Forminit, set up a Zapier integration, and map your form fields to Notion database columns - no coding required beyond the initial HTML form.

This approach works for any use case where you want form data in Notion: lead collection, job applications, feedback forms, event registrations, or support requests. Forminit handles the form submission, validation, and storage, while Zapier forwards each new submission to your Notion database automatically.

Forminit is a headless form backend API that receives and stores form submissions from any website or app. Notion is an all-in-one workspace with databases, kanban boards, and wikis. Together with Zapier, they create an automated pipeline from form submission to organized data.

How Do You Create New Notion Database Items from Form Submissions?

Prerequisite: You need to have at least one form created and one form submission received to your form on Forminit. If you haven’t received your first submission yet, check out the “Collecting form submissions” section on our docs or watch our helper video here to get started.

Step 1: Create Your Form on Forminit

1. Sign in to your Forminit account at forminit.com.
2. Click the ”+” button to create a new form that we will integrate with Notion. Let’s name the form as “Notion Lead Form”.
3. With that form created, your unique form endpoint is now ready to be inserted into your HTML form. Let’s add our form and start getting our first submissions.

Here is how your HTML form should look like at this point:

<form action="https://forminit.com/f/{your-unique-form-endpoint-goes-here}" method="POST" accept-charset="UTF-8">
    <input type="text" name="fullname" placeholder="Full Name*" required="required">
    <input type="email" name="email" placeholder="Email address*" required="required">
    <input type="file" name="file" required="required">
    <button type="submit">Submit</button>
</form>

You can copy the Job Application Form template to start off and modify it according to your needs if you’d like.

We want to have name, email and resume info to collect on our Notion database. With a little bit of styling, here is how your form looks like.

Step 2: Set Up Zapier Integration

1. On your Forminit dashboard, navigate to the “Integrations” tab under your Form Settings and click “Connect with Zapier” to start setting up our Forminit-Notion Zap.

2. Search for Notion on the opening screen and go there. Zapier is a great tool to automate your workflows. What we want is to create new table rows for every time a visitor submits to our form.

3. To be able to do that, on the Zapier page, select “New Submission” on the “When this happens” field and pick “Create Database Item” on the “then do this” field. Then you just need to click the “Try it” button to start setting up the integration.

4. To connect your Forminit account to your zap, just paste the API Key you copied from the “Integrations” tab and click the “Yes, Continue” button. Then we will select our form’s name to connect with our Notion account.

Step 3: Create Notion Database

1. Create a new Table on Notion where you will store the form submissions sent to your form. We will collect Name, Email and Resume from our form, so following table will cover what we need.

2. Now, you need to connect your Notion account by signing in on the Zap page. Click to “Connect new account”. At this point, you will need to generate your token by creating a new Notion integration.

3. On Notion, go to Settings & Members > Integrations > Develop your own integrations to open your Notion integrations page. Then, click Create new integration, give it a name and choose which Notion workspace you want to use it with.

4. When you submit your form, Notion token for this integration will be generated and shown to you. Enter that token on Zapier to finalise connecting your Notion account.

5. Notion integrations can only access databases they’ve been explicitly invited to. Before it can be used with Zapier, share your database with the integration via the Share menu and select the Integration you have just created to give an access.

Step 4: Map Form Fields to Notion Database

1. We are almost there! Go back to your Zap and on the “Action” step, enter the form submission info to the related Notion table fields that you created in Notion as follows:

   • Map fullname from form submission to Name field in Notion
   • Map email from form submission to Email field in Notion
   • Map file from form submission to Resume field in Notion

2. Now our Zap is ready to test. Let’s click on the “Test & Continue” button and check your Table (Database) on your Notion account.

That’s it! Your HTML form backend that is managed by Forminit is connected to Notion to send submission data to Notion databases successfully.

Click “Turn on Zap” to finalize the Zap. From now on, your form data can be automatically sent to Notion whenever your form is submitted.

Related Resources

• How to Connect HTML Form to Salesforce — similar Zapier integration for CRM lead generation
• How to Create an HTML Form That Sends You an Email — set up email notifications for every submission
• Forminit Documentation — get started with form endpoints and integrations
• Zapier Integration Guide — detailed setup instructions

---

If you liked this post, don’t forget to share and follow us on LinkedIn and X for more updates from our blog!

If you have any further queries, reach us out at info@forminit.com.