Builder basics

Add a working contact form

Drop in form blocks and start receiving submissions.

Beginner 4 min read 5 steps
  1. Add the fields

    In the Elements tab you will find form building blocks: text input, textarea, dropdown, checkbox, radio, file upload, and a form container to hold them.

  2. Wrap them in a form container

    Place a form container first, then nest your fields inside it. This is what makes the fields submit together.

  3. Label everything

    Edit each field's label and placeholder by double-clicking, and mark which fields are required.

  4. Test a submission

    Publish the page, submit the form yourself, and confirm the entry arrives in your inbox area. Never ship a form you have not tested.

  5. Long forms

    If you have more than about six fields, use the multi-step form block so visitors see progress instead of a wall of inputs.

Good to know

  • Ask for the least you need - every extra field costs you submissions.
  • Give the submit button a specific label such as 'Request a quote' rather than 'Submit'.

Shortcuts you may need

Ctrl + S Save the page
Ctrl + Z Undo
Ctrl + Shift + Z Redo
Ctrl + C / V Copy / paste selected blocks
Ctrl + D Duplicate the selected block
Ctrl + A Select all blocks
Ctrl + = / - Zoom in / out
Ctrl + 0 Reset zoom to 100%
Delete / Backspace Delete the selected block
Space + drag Pan the canvas
Ctrl + scroll Zoom the canvas
Ctrl + click Select several blocks

Did this solve it?

If not, the community and our support team are one click away.