Skip to content

Instantly share code, notes, and snippets.

@UraraReika
Last active April 4, 2024 07:52
Show Gist options
  • Save UraraReika/e21e8018bfe90a20384810f082bee600 to your computer and use it in GitHub Desktop.
Save UraraReika/e21e8018bfe90a20384810f082bee600 to your computer and use it in GitHub Desktop.
Enqueue International Telephone Input scripts and styles and initialise it on your input element.
<php add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_style( 'int-tel-input-style', 'https://cdn.jsdelivr.net/npm/intl-tel-input@20.3.0/build/css/intlTelInput.css' );
wp_enqueue_script( 'int-tel-input-script', 'https://cdn.jsdelivr.net/npm/intl-tel-input@20.3.0/build/js/intlTelInput.min.js', [], '20.3.0', true );
} );
if ( document.querySelector('#contact_form') ) {
window.intlTelInput( document.querySelector('__your_selector input'), { // Example - #contact_form .elementor-field-type-tel
initialCountry: 'us',
showSelectedDialCode: true
} );
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment