Data capture forms are blocks with fields where website visitors enter their personal information (email addresses or phone numbers). You can receive such information via data capture services.
You can find blocks with forms in the "Form" as well as in the "Cover" categories in the Block Library.
There are also lots of ready-made form templates with multiple fields in the "Forms" template category.
Read this guide to learn how to add and customize form input fields and view leads on Tilda.
There are also lots of ready-made form templates with multiple fields in the "Forms" template category.
Read this guide to learn how to add and customize form input fields and view leads on Tilda.
How to add custom fields to a data capture form
Each form can have an unlimited number of fields.
You can customize form input fields in the Content panel of the block under the "Input fields" tab.
You can customize form input fields in the Content panel of the block under the "Input fields" tab.
Each field has an individual card where you can specify its type, title, subtitle, hint (placeholder), variable name, and set the field as required or optional.
Title. Specify which information is required, for example, "Your name." This text will appear above the field.
Subtitle. If necessary, add a description or instructions, for example, "Enter your first name and surname." This text will appear above the field and under the title.
Placeholder. Give an example of how the field should be filled. For instance, "John Dawson." This text is visible inside the field before it's filled out.
Required field. Select this checkbox to make the field required. Visitors won't be able to submit the form without filling in this field.
A variable name is set by default, depending on the field type. If data capture services require a specific name of your variable, simply change it. For example, Mailchimp and Bitrix24 both have pre-set variables.
Subtitle. If necessary, add a description or instructions, for example, "Enter your first name and surname." This text will appear above the field and under the title.
Placeholder. Give an example of how the field should be filled. For instance, "John Dawson." This text is visible inside the field before it's filled out.
Required field. Select this checkbox to make the field required. Visitors won't be able to submit the form without filling in this field.
A variable name is set by default, depending on the field type. If data capture services require a specific name of your variable, simply change it. For example, Mailchimp and Bitrix24 both have pre-set variables.
Forms support several types of variables for different types of input data. Please find the descriptions and useful information about types of input fields in the table below:
How to customize the look of a data capture form
You can customize your form look in the block settings. If there are several fields in the form, you can edit the fields and texts, customize buttons, and add animation.
The style of input fields
Button settings
General form settings
- Text for placeholders and titles—color and saturation.
- Color of checkboxes, radio buttons, and other elements.
- Border style—color, corner radius, thickness, use of the lower border only.
- Placeholder (value hint) style—option to leave the placeholder visible or not.
Button settings
- Background and border color; option to change color on hover.
- Opacity; option to change opacity on hover.
- Text color; option to modify it on hover as well as typeface, font size, and saturation.
- Animation speed on hover.
General form settings
- Form width (Tilda layout is based on a 12-column grid). Column width and left margin are set in the columns. Most often, forms are 8 columns wide with a left margin of 2 columns.
- Form title is not shown to the visitors. It is sent to data capture services and helps to identify the source form of the lead.
- Animation: 6 different options for the form to appear on screen.
How to view leads and error logs
After form fields and data capture services have been set up and activated, leads are sent to the connected data capture services. You can view your leads, check if the submitted data is correct, or find out how to fix errors in the "Leads" section of your project.
Go to Leads from your project dashboard.
Go to Leads from your project dashboard.
All leads from all forms are kept here regardless of whether a third-party data capture service is connected or not.
If you click on a lead, a box with detailed order information will appear.
If you click on a lead, a box with detailed order information will appear.
By default, captured data is kept in the "Leads" section for one month but you can opt to keep it for 1 day or not to keep it at all. To specify your preferences, go to the Site Settings → Forms → General form settings (at the bottom of the page).
If you want to keep leads for a longer time and be able to modify them, connect at least one of these data capture services.
If you want to keep leads for a longer time and be able to modify them, connect at least one of these data capture services.
To view form submission errors, click "Error log". You will be able to check the submission date and tile, data collection service, and error messages.
How to connect data capture services
There are 15+ data collection services integrated with Tilda. You can use email, Google Sheets, email marketing services, messengers, and CRM systems in a couple of clicks. Connect one or several of them to manage your leads.