Morkiz Phone Field with Country Code for Elementor -- WordPress 插件

开发者	morkizdigital
更新时间	2026年5月15日 03:10
PHP版本:	7.4 及以上
WordPress版本:	6.9
版权:	GPLv2 or later
版权网址:	版权信息

Morkiz Phone Field with Country Code for Elementor upgrades the Tel field inside Elementor Pro's Form widget with a searchable country dropdown, flags, and E.164 formatting — then fixes the common breakages that have plagued similar plugins. Features

Country dropdown on any Tel field — no new widget, just extra controls inside the existing form field settings.
Auto-localised error messages — validation strings are translatable via WPML String Translation, Polylang, Loco Translate, or a .po/.mo file.
Cache-plugin safe flags — the selected flag is painted via an inline style pointing to an individual SVG, so WP-Rocket's "Remove Unused CSS" and LiteSpeed's CSS minifier can't turn every country's flag into the same one.
No duplicate submissions — unlike the common reference implementation, this plugin never calls handleSubmit or setTimeout. It keeps the input's E.164 value fresh and lets Elementor's native submit handler run untouched.
Safe pre-fill — if the field is pre-populated with an E.164 value (cookie, autofill, URL param), the country dial code is not duplicated.
Auto-detect visitor country — uses the browser's language, no external API call.
Preferred / Only / Exclude country lists — customize which countries appear in the dropdown.
Multi-step form compatible — does not interfere with Elementor's step navigation.
Strict validation (optional) — blocks submission if the number fails intl-tel-input validation.
Server-side sanity check — digits + length bounds enforced in elementor_pro/forms/validation/tel.

Requirements

WordPress 6.0+
PHP 7.4+
Elementor + Elementor Pro (the Form widget is an Elementor Pro feature)

What makes this different This plugin was built by studying the support threads of every existing country-code plugin in the WordPress.org directory. The concrete fixes over the status-quo: | Known issue in existing plugins | Our behaviour | | --- | --- | | Forms submit twice when country code is active | We never touch the submit pipeline | | Multi-step form "Next" / "Previous" stops working | Same — native navigation preserved | | Pre-filled phone number duplicates the dial code (55… → 5555…) | We detect E.164 on init and use setNumber() | | Flags all look the same after installing WP-Rocket / LiteSpeed | Inline SVG per country — nothing to strip | | Validation error texts not translatable with WPML | Error strings registered with WPML String Translation + Polylang | | Country list language can't match site language | Locale resolved from WPML/Polylang/WP locale on the server | | Preferred countries / auto-detect paywalled | Both included |

1.0.4

Added: new developer filters to match the documented integration surface:
pfcc_default_country — override the default country ISO-2 per field at render time.
pfcc_preferred_countries — filter the top-of-list country order (array or CSV).
pfcc_only_countries and pfcc_exclude_countries — dynamically whitelist / blacklist the dropdown.
pfcc_validation_enabled — globally disable the server-side sanity check (for users bringing their own validator via libphonenumber-php).
pfcc_validation_regex — override the allowed-characters regex used during server-side shape validation.
pfcc_validation_min_digits and pfcc_validation_max_digits — tighten or relax the digit-count bounds (defaults 4 and 15).
Unchanged: pfcc_error_messages and pfcc_locale continue to work as before.

1.0.3

Fixed: submissions occasionally landed without the dial code prefix when the user clicked submit directly from inside the phone field (without a prior blur). The plugin now also syncs the E.164 value in capture phase on pointerdown / mousedown / touchstart / Enter keydown targeting any submit control, so Elementor Pro form handlers that read form data on button click still receive the fully-prefixed number.

1.0.2

Fixed: flags now render correctly in intl-tel-input v27 — paintFlags scans every .iti__flag node directly and applies per-country inline SVGs with !important, so every flag in the dropdown matches its country.
Fixed: the invalid pattern="[0-9()#&+*-=.]+" attribute emitted by Elementor Pro's Tel field is now removed on init — eliminates the browser-level SyntaxError thrown by engines that evaluate patterns under the RegExp v flag.
Changed: the library's sprite background is disabled in CSS (.iti__flag { background-image: none !important; }) — inline per-country SVGs survive WP-Rocket "Remove Unused CSS" and LiteSpeed CSS minification.
Removed: runtime fetch of intlTelInputUtils.js — loadUtils is unset; client-side validation uses a digit-count fallback and the server-side check on elementor_pro/forms/validation/tel is authoritative.
Improved: dropdown, search, and selected-country styling refreshed for better visual consistency with Elementor themes.

1.0.1

Internal maintenance release — superseded by 1.0.2.

1.0.0

Initial release.
Country dropdown on Elementor Pro Form tel fields.
WPML / Polylang integration for validation strings and country-list locale.
Cache-plugin-safe per-flag SVG rendering.
E.164 pre-fill guard.
No-intercept submission handling (fixes duplicate-submit and multi-step bugs present in other plugins).
Server-side validation hook on elementor_pro/forms/validation/tel.

Morkiz Phone Field with Country Code for Elementor

标签

下载

详情介绍:

安装:

常见问题:

更新日志: