Webform Easy Builder

A simple drag-and-drop form builder for content editors, on top of Webform. Editors put a few fields on a form and get the answers by email, without Webform's full builder.

Webform is powerful, and its builder shows all of that power: element properties, handlers, YAML source and advanced settings. Most editors only need a contact form, a registration form or a short survey. Webform Easy Builder gives them one screen for exactly that, and leaves everything else to Webform: storing and listing submissions, exports, email notifications, validation, access control, file upload safety, spam protection and translation.

Features

• Drag and drop: drag fields from a palette into the form, reorder them, and drag them into wizard pages and layout elements. Move up and move down buttons work from the keyboard.
• Only the settings editors need: label, required, help text, placeholder, options, and the lowest and highest value. Anything an administrator set in Webform's full builder, such as conditional logic, is kept.
• 40 field and layout types in eight groups: text, email, phone, number, dropdowns, radios and checkboxes (also with "Other"), scale, rating, terms of service, dates, file and image uploads, name, address, signature, text blocks, wizard pages, flexbox, fieldsets, details and sections.
• Templates: start from a blank form, Contact, Feedback, Event registration or Job application.
• Email notification: enter an address and every submission is emailed to it.
• You choose what editors can add: turn field types on or off. The settings page shows which types Webform does not allow on the site, and why.
• Safe for real forms: advanced elements are shown locked, fields holding submitted answers cannot be removed, a save is refused if someone else changed the form meanwhile, and every save is checked again on the server.
• Drupal Canvas (optional submodule): build forms right on a Canvas page from a Forms group of components, edit a page's form in a Form builder panel inside the Canvas editor, and open the builder from the Webform component's settings.
• Arabic and right to left: Arabic translation included, and the builder follows the reading direction.
• Extensible: two alter hooks add your own field types and templates.

Post-Installation

1. At Structure > Webforms > Configuration > Easy builder, choose the field types editors can add. All are on after installing.
2. At People > Permissions, give editors Use the easy webform builder, plus Webform's Create webforms, Edit own webform and Access the webform overview page.
3. Editors choose Add form with the easy builder on Structure > Webforms, or open the Easy builder tab of an existing form.
4. For Canvas, enable Webform Easy Builder for Canvas (webform_easy_builder_canvas).

Additional Requirements

• Drupal 10.3 or later, or Drupal 11
• Webform 6.2 or later
• The drag and drop uses SortableJS, which comes with Drupal core. No external library is needed.

Recommended modules/libraries

• Drupal Canvas (Drupal 11.3 or later), for the Canvas submodule.

Similar projects

Webform's own UI module is the full builder for site builders, with every Webform feature. Webform Easy Builder is a smaller screen for content editors, on the same forms: an editor builds a form here, and an administrator can still open it in the full builder for anything else.