The form component collects data to store in your workspace’s database. After dropping a form component on a page, the first step is to connect the form to a database table.
Managing form fields
All columns in the database table will automatically populate the form. Unwanted form fields can be removed. To re-add an existing field, or create a brand new field, click the “+” icon. New fields will be added to the table in the database.
Click on a field to open its options.
Fields can be made hidden by clicking the eye icon when hovering over a field. Hidden fields with preset values will be stored in the table.
If a field’s connected table column is removed, a placeholder will be used.
Redirect after submission
You can also redirect visitors to a Makeswift page or external URL when a form is submitted. This is commonly used to send visitors to a custom thank you or download page.
Tracking what page a form was submitted
When using the same form across multiple pages, you may want to know which page a form submission came from. Makeswift forms do not track which page a form was submitted on by default. You can do this by adding a "Page" column in the database table.
You can add the "Page" column either directly in the database table or by clicking the "+" icon in the Fields panel of the form in the page builder. Make sure the "Page" column is a "single line text" column type.
Once added to your form, make the field hidden by clicking the eye icon. Finally, open the "Page" field dropdown and enter the page name as the default value. When the form's data is recorded in the database table, it will now display the page name automatically.
The form component contains a grid, similar to a box component. You can join form fields into a single row and adjust the column layout of each row.
Styles for a form's inputs, labels, and submit button are all configurable in the sidebar. You can also customize the size and shape for all form inputs. The contrast panel makes the form fields either dark or light in color to work on all backgrounds.