Forms

Forms collects data to store in your site'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 a connected 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.

If a field’s connected table column is removed, a placeholder will be displayed on the page.

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 from within the field's options. With the options still open, 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.

Styling forms

The form component contains a grid, similar to the 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.