Updated
Drag-and-drop builder
Configure, verify, and operate Drag-and-drop builder in the official Drecha plugin manual.
What this feature does
Drecha Forms combines drag-and-drop speed with click-to-add controls, keyboard-accessible ordering, live previews, undo and redo, autosave, revisions, and strict versioned schemas.
Key capabilities
- Fast composition — Drag fields into place or click once to add them. Duplicate, reorder, group, and resize fields without leaving the canvas.
- A preview that stays useful — Switch between desktop, tablet, and mobile widths while editing. Container-aware columns adapt to sidebars, modals, and narrow content regions—not only the browser viewport.
- Safe editing — Autosave, manual save, undo, redo, draft and published states, and revision history help protect work in progress.
Configure Drag-and-drop builder
-
Start with a template or blank form. Choose a tested starter structure or begin with an empty canvas.
-
Add and arrange fields. Drag fields, click to add, use keyboard ordering, and define columns or pages.
-
Configure and preview. Set labels, validation, visibility, accessibility attributes, and automatic or explicit tablet and mobile widths.
-
Publish and embed. Publish the validated schema, then embed it with the block or shortcode.
Verify the result
Open the relevant public page in a private browser window and complete the workflow once. Confirm the saved result in WordPress, test keyboard navigation, and repeat the critical path at a mobile width before sharing it with customers.