內容簡介
EleField 擴展了 Elementor Pro 表單小工具，提供更智慧、更具視覺效果及互動性的表單建構工具，無需取代現有的 Elementor 表單建構器。此外掛讓表單更具吸引力並提升使用者體驗。
【主要功能】
• 在標準欄位中添加圖示
• 將選項轉換為視覺化圖片或卡片選擇
• 建立報價及計算表單
• 顯示額外的說明文字與提示
• 支援電話號碼格式化與字元計數
外掛標籤
開發者團隊
原文外掛簡介
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.