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.

• Character counters and limits for Text and Textarea fields.

• Contextual tooltips for additional instructions.

• Help text displayed directly below supported fields.

Built directly into Elementor

EleField works with the native Elementor Pro Form widget.

You continue creating, arranging and styling your form with Elementor. EleField simply adds additional controls to the existing field settings.

No separate form builder is introduced.

Elementor Pro must be installed separately.

Features

• Fourteen built-in field icons with color, size, position and inset controls.

• Icons inside Text, Email, Tel, Number, Textarea and Select fields.

• Image, built-in icon and card choices for Radio, Checkbox and Select.

• Plain-text tooltips and field help text.

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

• Character counters and limits for Text and Textarea fields.

• Basic arithmetic with two fields, or a field and a fixed number.

• Separate prices for choice options.

• Sum all priced fields or selected priced fields.

• Total fields with a currency label and optional selected-item breakdown.

• Server-side recomputation of calculation and total values during form validation.

All listed EleField features are included without a license key, subscription or submission quota.

Requirements

• WordPress 6.2 or newer.

• PHP 7.4 or newer.

• Elementor and Elementor Pro 3.5 or newer with the native Form widget.

• JavaScript for interactive enhancements and live calculations.

Elementor Pro must be installed separately.

Privacy and external resources

EleField has no telemetry, license-server requests, remote fonts, remote icon libraries or external form-processing service.

Its scripts and styles are bundled locally.

Images selected from the WordPress Media Library use their configured attachment URLs; a media-offloading plugin may serve those images from another domain.

Form submissions are processed by the Elementor actions you configure. Other plugins and those actions may contact external services.

Development source

The JavaScript files included in this plugin are the human-readable source files used at runtime.

EleField does not require a JavaScript compilation or minification step.