Question 1

How to add more fields to my form?

Accepted Answer

To add more fields to your form, you need to add more columns to your Notion table. Do not forget to choose the right type for your new column.

Question 2

Creating a Contact Form with Notion

Accepted Answer

In this first video guide, we help you how to get started with NotionForms. What's included:

How to register to NotionForms and connect your Notion Workspace
Create your First Notion Table
Enable multi-lines support for text inputs
How to do some basic form customizations
How to enable email Notifications
How to embed your form within Notion

${youtube}Creating a contact form with Notion

Question 3

Why are files uploaded via my form publicly accessible?

Accepted Answer

Notion official API does not currently support file uploads. Therefore, we need to upload the file ourselves, and then give the link to Notion. In order for Notion to retrieve that link, we must make it public.

Question 4

How to inject custom code in my form?

Accepted Answer

|| This feature is only available for Pro and Enterprise subscribers. One of customization feature is the injection of custom code within your forms. There's no limit on what you can do with your own CSS and your own scripts. Add an analytics script or even a live chat on your form page.

|| Note that code changes and preview can only be previewed on the public page of your form. Changes done in the form editor won't be shown.

To add custom code, in the form editor go to the "Custom Code" section, and use the code input to put your code. It will be injected of the `<head>` section of the page.

Here's a first example you can use to center your logo on a form page:

<style>
img.w-20.h-20.absolute.left-5.top-5 {
    left: 50% !important;
    transform: translateX(-50%);
}
</style>

Here’s another example to change the page background color:

<style>
#app, nav.bg-white {
background-color: blue !important;
}
</style>

Here's another more advanced code sample that can be used to customize the appearance of the form, by applying new CSS rules:

<style>
body h1, body p, body input, body label {
    font-family: Lato, sans-serif !important;
}

label.font-bold {
    font-weight: 500! important;
}

.rounded-lg {
    border-radius: 4px !important;
}
.relative.mb-3 {
    margin-top: 30px;
}
.shadow-sm {
    box-shadow: none !important;
}
.border {
    border-color: #b8bdc9 !important;
}
</style>

Question 5

Will my form submissions be stored in my Notion table?

Accepted Answer

Absolutely! In fact your form answers/submissions will only be stored inside your Notion databases. We value your privacy A LOT and we don't store the content of your Notion databases.

Question 6

Creating a Feedback form with Notion

Accepted Answer

In this video guide, we show you how to create a feedback form with Notion. What's included:

How to use NotionForms custom blocks (text and page breaks)
How to create multi-pages forms
How to add a cover image and logo to your form
How to embed your form within Notion

${youtube}How to create a feedback form with Notion - NotionForms

Frequently Read Articles

Browse All Categories