Skip to content

Smart Form: build a form

Start from a preset, add fields, make it multi-step and show a live price estimate.

On this page
  1. Start from a preset
  2. Fields
  3. Look and messages
  4. Live price estimate
  5. After submit

Smart Form builds single-step or multi-step forms. Add it in Elementor, the block editor or Divi, then use the sections below.

Start from a preset

Pick a Preset and click Apply Preset to fill the fields. The presets are:

  • Quick Contact (first and last name, email, phone)
  • Compact Lead (hero and landing pages)
  • B2B Request for Proposal or Quote, with file upload
  • Multi-project enquiry
  • Feedback and review
  • Job application

Presets replace the fields you have, so choose one before you customise.

Fields

Each field has an ID, a type, a label, a placeholder, help text, a required switch and a width. The field types are text, email, phone, textarea, select, checkbox, date, number, URL, hidden, rating, file, cards, radio, range, slider and signature.

  • Multi-step: give each field a Step number. The form then shows an ordered progress list.
  • Conditional fields: use Show if field ID and Equals value.
  • Phone: optional country flag and code picker, with minimum and maximum digits.
  • File: maximum size in MB and accepted types. See Submissions and privacy for how files are stored.
  • Rating: set the maximum stars.
  • Newsletter opt-in: a field option used with Mailchimp.

Look and messages

  • Theme Preset: Modern Elevated (default), Minimal Glassmorphism, Dark Obsidian / Cyber or Editorial Spotlight.
  • Submit button text, success message and error message.
  • Consent checkbox with your own text, to require agreement before sending.
  • Confetti celebration effect after a successful send.
  • Allow URL prefill: fills fields from the address, for example ?name=Jane.

Live price estimate

Turn on Price Estimator to show a running total from the options a visitor picks. Set the label, for example “Estimated total”, and the currency symbol. Field values for numbers and options carry a value prefix and suffix, such as $ or /mo.

After submit

Choose one: show a thank-you message, redirect to a URL, or open WhatsApp for the visitor. For WhatsApp, set your number and a message template.

Find your product