Drag & Drop Builder

1 min read

Build a form by dragging fields onto the canvas, with a live preview of what the client sees.

Overview

The editor has a field palette on one side and your form on the other. Drop a field in, click it to configure, and reorder by dragging. The preview updates as you go, so you’re never guessing how it will land.

Step-by-Step Guide

  1. Open the form and choose Edit.
  2. Drag the fields you need from the palette onto the canvas.
  3. Click a field to set its label, placeholder, and whether it’s required.
  4. Reorder by dragging; add a page break if the form is long.
  5. Switch to preview to check the client-side view, then save.

Layout Tools

Heading
Break the form into labelled sections
Page break
Turn one long form into multiple pages
Custom HTML
Drop in your own markup where needed
Spacer
Add breathing room between groups
Route: /forms/:id/edit

Tips & Best Practices

i

Use page breaks on anything longer than about eight fields. Three short pages get finished far more often than one long scroll.