EleField

EleField extends the native Elementor Pro Form widget with practical tools for building smarter, more visual and more interactive forms — without replacing the Elementor form builder you already use.

Add icons inside standard fields, turn Radio, Checkbox and Select options into visual image, icon or card choices, display helpful tooltips, format phone numbers, assign prices to options, create simple calculations and show automatically calculated totals.

Everything is configured directly inside the familiar Elementor editor.

Make Elementor Forms more visual

EleField enhances existing Elementor fields while keeping their normal form behavior and submitted values intact.

• Add built-in icons to Text, Email, Tel, Number, Textarea and Select fields.
• Control icon position, size, inset, normal color and focused color.
• Turn supported choice fields into image choices, icon choices or card choices.
• Add plain-text tooltips to explain fields and options.
• Display additional help text below supported fields.

Build quote and pricing forms

Turn a standard Elementor form into a simple interactive estimator or quote form.

• Assign individual prices to Radio, Checkbox and Select options.
• Sum prices from selected choices.
• Create basic calculations using two fields, or a field and a fixed number.
• Add, subtract, multiply or divide numeric values.
• Display a calculated Total field anywhere in the form.
• Show an optional breakdown of selected items and their prices.
• Recalculate calculation and total values server-side during form validation.

EleField can be used for service quotes, cleaning estimates, project estimators, booking requests, product configuration forms and other forms where users need an instant calculated result.

Improve form input

EleField also adds practical input enhancements to standard Elementor fields.

• Phone masks with 5–15 required digit positions, including the country code.