International Telephone Input for Magento 2

Overview

This module integrates the International Telephone Input JavaScript plugin with Magento 2.
It shows country flags for telephone inputs and provides other useful features such as validation, country detection, etc.

Please note, that this module works with the full international phone number format only (national mode option is not applicable).

Features

• Adds country flag dropdown to telephone input fields
• Full validation, including specific error types
• Automatically select the user's current country using an IP lookup
• Automatically set the input placeholder to an example number for the selected country
• Navigate the country dropdown by typing a country's name, or using up/down keys
• Retina flag icons
• It's possible to apply the widget to custom inputs

Applicable areas

This extension covers all standard Magento areas containing telephone inputs.

Community Edition:

• Customer Account: Address Book
• Contact form
• Checkout: billing and shipping address forms
• Shipping to Multiple Addresses

Enterprise Edition:

• Gift Registry form
• B2B (Enterprise Edition version):
  • Company Registration form
  • Company Profile
  • Company Structure
  • Company Users
  • Negotiable quote - add new address form (My Quotes section)
• Customer and Customer Address attributes
  • Customer Registration form
  • Customer Account Edit form
  • Customer Address Registration
  • Customer Account Address

Installation

1. Copy contents of the src directory to the root directory of your Magento installation.
2. Run these commands to enable the module:

    php bin/magento module:enable Magery_IntlTelInput
    php bin/magento setup:upgrade

Enterprise Edition module installation

There is an additional module available for Enterprise/Cloud editions: Magery_IntlTelInputEe
It can be installed using this commands:

    php bin/magento module:enable Magery_IntlTelInputEe
    php bin/magento setup:upgrade

Configuration

Module configuration can be found in admin:
Stores → Configuration → Customers → International Telephone Input

Configuration options:

JavaScript plugin information

• This module uses the International Telephone Input plugin.
• Plugin demo: https://intl-tel-input.com/