{"id":10477,"date":"2026-05-15T03:30:46","date_gmt":"2026-05-14T19:30:46","guid":{"rendered":"https:\/\/aeosub.com\/morkiz-phone-field-country-code-for-elementor\/"},"modified":"2026-05-15T03:30:46","modified_gmt":"2026-05-14T19:30:46","slug":"morkiz-phone-field-country-code-for-elementor","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/morkiz-phone-field-country-code-for-elementor\/","title":{"rendered":"Morkiz Phone Field with Country Code for Elementor"},"content":{"rendered":"<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/plugins\/geopattern-icon\/morkiz-phone-field-country-code-for-elementor.svg\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/morkizdigital\/\" target=\"_blank\" rel=\"noopener\">Mohsin Khan<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.0.4<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">6.0 \/ 6.9.4<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-14 7:10pm GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/morkiz-phone-field-country-code-for-elementor\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">Adds a country-code dropdown with flags to Elementor Pro Form tel fields. WPML-aware, cache-safe, and submission-safe.<\/div>\n<p><strong>Morkiz Phone Field with Country Code for Elementor<\/strong> upgrades the Tel field inside Elementor Pro&#8217;s Form widget with a searchable country dropdown, flags, and E.164 formatting \u2014 then fixes the common breakages that have plagued similar plugins.<\/p>\n<h4>Features<\/h4>\n<ul>\n<li><strong>Country dropdown on any Tel field<\/strong> \u2014 no new widget, just extra controls inside the existing form field settings.<\/li>\n<li><strong>Auto-localised error messages<\/strong> \u2014 validation strings are translatable via WPML String Translation, Polylang, Loco Translate, or a <code>.po\/.mo<\/code> file.<\/li>\n<li><strong>Cache-plugin safe flags<\/strong> \u2014 the selected flag is painted via an inline style pointing to an individual SVG, so WP-Rocket&#8217;s &#8220;Remove Unused CSS&#8221; and LiteSpeed&#8217;s CSS minifier can&#8217;t turn every country&#8217;s flag into the same one.<\/li>\n<li><strong>No duplicate submissions<\/strong> \u2014 unlike the common reference implementation, this plugin never calls <code>handleSubmit<\/code> or <code>setTimeout<\/code>. It keeps the input&#8217;s E.164 value fresh and lets Elementor&#8217;s native submit handler run untouched.<\/li>\n<li><strong>Safe pre-fill<\/strong> \u2014 if the field is pre-populated with an E.164 value (cookie, autofill, URL param), the country dial code is not duplicated.<\/li>\n<li><strong>Auto-detect visitor country<\/strong> \u2014 uses the browser&#8217;s language, no external API call.<\/li>\n<li><strong>Preferred \/ Only \/ Exclude country lists<\/strong> \u2014 customize which countries appear in the dropdown.<\/li>\n<li><strong>Multi-step form compatible<\/strong> \u2014 does not interfere with Elementor&#8217;s step navigation.<\/li>\n<li><strong>Strict validation (optional)<\/strong> \u2014 blocks submission if the number fails <code>intl-tel-input<\/code> validation.<\/li>\n<li><strong>Server-side sanity check<\/strong> \u2014 digits + length bounds enforced in <code>elementor_pro\/forms\/validation\/tel<\/code>.<\/li>\n<\/ul>\n<h4>Requirements<\/h4>\n<ul>\n<li>WordPress 6.0+<\/li>\n<li>PHP 7.4+<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" rel=\"ugc noopener\" target=\"_blank\">Elementor<\/a> + <strong>Elementor Pro<\/strong> (the Form widget is an Elementor Pro feature)<\/li>\n<\/ul>\n<h4>What makes this different<\/h4>\n<p>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:<\/p>\n<p>  Known issue in existing plugins<br \/>\n  Our behaviour<\/p>\n<p>  Forms submit twice when country code is active<br \/>\n  We never touch the submit pipeline<\/p>\n<p>  Multi-step form &#8220;Next&#8221; \/ &#8220;Previous&#8221; stops working<br \/>\n  Same \u2014 native navigation preserved<\/p>\n<p>  Pre-filled phone number duplicates the dial code (<code>55\u2026<\/code> <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> <code>5555\u2026<\/code>)<br \/>\n  We detect E.164 on init and use <code>setNumber()<\/code><\/p>\n<p>  Flags all look the same after installing WP-Rocket \/ LiteSpeed<br \/>\n  Inline SVG per country \u2014 nothing to strip<\/p>\n<p>  Validation error texts not translatable with WPML<br \/>\n  Error strings registered with WPML String Translation + Polylang<\/p>\n<p>  Country list language can&#8217;t match site language<br \/>\n  Locale resolved from WPML\/Polylang\/WP locale on the server<\/p>\n<p>  Preferred countries \/ auto-detect paywalled<br \/>\n  Both included<\/p>\n<h3>Credits \/ Third-Party Libraries<\/h3>\n<p>This plugin bundles the following third-party assets:<\/p>\n<ul>\n<li><strong>intl-tel-input v27.1.2<\/strong> by Jack O&#8217;Connor \u2014 https:\/\/github.com\/jackocnr\/intl-tel-input \u2014 licensed under the MIT License. See <code>assets\/intl-tel-input-LICENSE.txt<\/code>.<\/li>\n<li><strong>Country flag SVGs<\/strong> \u2014 flags are not copyrightable in most jurisdictions and are distributed under the same GPLv2 licence as this plugin.<\/li>\n<\/ul>\n<p>&#8220;Elementor&#8221; and &#8220;Elementor Pro&#8221; are trademarks of Elementor Ltd. This plugin is not affiliated with, endorsed by, or sponsored by Elementor Ltd.<\/p>","protected":false},"excerpt":{"rendered":"<p>Adds a country-code dropdown with flags to Elementor Pro Form tel fields. WPML-aware, cache-safe, and submission-safe.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[619,566,620,621,622,555],"class_list":["post-10477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-country-code","tag-elementor","tag-elementor-forms","tag-international-phone","tag-phone-field","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10477"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10477\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}