Ho to change preferred countries in the international phone field?

Hi @arturweb

Hope you are doing fine.

The Second Level Support team helped with a custom code solution that should allow you to change the preferred countries.

Please add a must-use plugin to your site’s wp-content/mu-plugins folder like this https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins, then add the following code to the plugin’s php file:

<?php 

add_action( 'wp_footer', 'wpmudev_fix_intelinput_country', 9999 );
function wpmudev_fix_intelinput_country() {
	global $post;
    if ( is_a( $post, 'WP_Post' ) && !has_shortcode($post->post_content, 'forminator_form') ) {
        return;
    }
	?>
	<script type="text/javascript">
	jQuery( document ).ready( function($) {
		setTimeout(function() {
			$('.forminator-custom-form').trigger('after.load.forminator');
		},100);

		$(document).on('after.load.forminator', function(e, form_id) {
			var form        = $( '#forminator-module-2910' ),
				is_material = form.is('.forminator-design--material'),
				fields      = form.find('.forminator-field--phone');
			fields.each(function () {
				$(this).intlTelInput('destroy');
				var is_national_phone = $(this).data('national_mode'),
					country           = $(this).data('country'),
					validation        = $(this).data('validation');

				if ('undefined' !== typeof (is_national_phone)) {

					if (is_material) {
						//$(this).unwrap('.forminator-input--wrap');
					}

					var args = {
						nationalMode: ('enabled' === is_national_phone) ? true : false,
						initialCountry: 'undefined' !== typeof ( country ) ? country : 'us',
						utilsScript: window.ForminatorFront.cform.intlTelInput_utils_script,
					};

					if ( 'undefined' !== typeof ( validation ) && 'standard' === validation ) {
						args.allowDropdown  = false;
					}
					// stop from removing country code.
					if ( 'undefined' !== typeof ( validation ) && 'international' === validation ) {
						args.autoHideDialCode = false;
					}

					args.preferredCountries = ["al", "us", "gb"]; //These countries will appear at the top

					$(this).intlTelInput(args);

					if ( 'undefined' !== typeof ( validation )
						&& 'international' === validation ) {
						var dial_code = $(this).intlTelInput( 'getSelectedCountryData' ).dialCode,
							country_code = '+' + dial_code;
						if ( country_code !== $(this).val() ) {
							var phone_value = $(this).val().trim().replace( dial_code, '' );
								$(this).val( country_code + phone_value );
						}
					}

					if ( ! is_material ) {
						$(this).closest( '.forminator-field' ).find( 'div.iti' ).addClass( 'forminator-phone' );
					} else {
						$(this).closest( '.forminator-field' ).find( 'div.iti' ).addClass( 'forminator-input-with-phone' );

						if ( $(this).closest( '.forminator-field' ).find( 'div.iti' ).hasClass( 'iti--allow-dropdown' ) ) {
							$(this).closest( '.forminator-field' ).find( '.forminator-label' ).addClass( 'iti--allow-dropdown' );
						}
					}

					// intlTelInput plugin adds a markup that's not compatible with 'material' theme when 'allowDropdown' is true (default).
					// If we're going to allow users to disable the dropdown, this should be adjusted accordingly.
					if (is_material) {
						//$(this).closest('.intl-tel-input.allow-dropdown').addClass('forminator-phone-intl').removeClass('intl-tel-input');
						//$(this).wrap('<div class="forminator-input--wrap"></div>');
					}
				}
			});
		});
	});
	</script>
	<?php
}

Important:

• Please change the 2910 number to your form id in the following line of the code:
  var form = $( ‘#forminator-module-2910’ ),
• Add the preferred countries in this line of code, use the 2 letter code of the country:
  args.preferredCountries = [“al”, “us”, “gb”]; //These countries will appear at the top

We recommend to test this on the dev/staging version first before putting it on the live site.

Hope it will solve your problem.

Kind Regards

Luis

Hi @arturweb

I’ve asked our developers for advice on this. we’ll update you here once we get solution from them.

Best regards,
Adam

Hello @arturweb ,

We haven’t heard from you for 4 days now, so it looks like there are no more questions for us.

Feel free to re-open this topic if needed.

Kind regards
Kasia