This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

International Telephone Input for Contact Form 7

Description

Addon Contact Form 7 that creates a new kind of input that allows the user to select a country of his telephone numnerContact Form 7 addon that creates a new kind of input that allows the user to select a country of his telephone numner

This plugin will use a jQuery plugin called International Telephone Input to create a new type of input for Contact Form 7 that shows country flags to write a prefix of the telephone number.

How to use it?

Once you have installed and activated your plugin, a new type of field will be available in your Contact Form 7 forms. In order to add it to your form, you can either click on the “International Telephone” button above your form editor, or add the shortcode like: [intl_tel* {your-phone}] ({your-phone} has to be replaced by the name you want to give the field and * is optional and makes the field compulsory).

To recover the field’s info on your email, use this tag: [{your-phone}]. It will print something like +12025550109

Aditional info in your email

You can also recover specific parts of the telephone number: the name of the country it refers to, the country code, the number without the country code. Use this tags:

  1. [{your-phone}-cf7it-country-name]: It prints the name of the country. For the example above: United States
  2. [{your-phone}-cf7it-country-code]: It prints the country code of the phone number. For the example above: 1
  3. [{your-phone}-cf7it-country-iso2]: It prints the country iso code. For the example above: us
  4. [{your-phone}-cf7it-national]: It prints the phone number without international prefix. For the example above: 2025550109

Screenshots

  • International telephone input

Installation

  1. Install Contact Form 7 from wordpress.org/plugins/contact-form-7/
  2. On the left side menu select Plugins > Add New
  3. In “Search Plugins” field enter “Contact Form 7 – International Telephone Input” and search
  4. Press “Install Now” button

FAQ

Installation Instructions
  1. Install Contact Form 7 from wordpress.org/plugins/contact-form-7/
  2. On the left side menu select Plugins > Add New
  3. In “Search Plugins” field enter “Contact Form 7 – International Telephone Input” and search
  4. Press “Install Now” button

Reviews

Nice idea, but doesn’t work on IPhone

Would have liked to give this 5 stars but it doesn't work on IPhone which is basically 50% of your site traffic. You are unable to enter the phone number as it keeps popping up the country selection on Iphone 5, 6 and 7.

Fantastic Plugin

1st of all I will say small and easy to install plugin.. Will you please help me how do I display the country code along with + prefixes on front end ?
Read all 17 reviews

Contributors & Developers

“International Telephone Input for Contact Form 7” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.5.2

*We change ipinfo.io IP API by freegeoip.net IP API because it has a higher requests limit. As suggested at https://wordpress.org/support/topic/ipinfo-io-limits/

1.5.1

*We add the possibility to define de preferrec countries by adding the option preferredCountries. For example preferredCountries:es-fr (They have to be 2-letter country codes separated by hyphens ‘-‘)
*We add teh preferredCountries and size option to the GUI form tag creator form.

1.5.0

*We use upgrade JS version to 12.1.3. It fixes iPhone issues of old version
*We add mail tag that recovers iso code of the selected country

1.4.6

  • We change to new CF7 functions naming (shortcode->form-tag) to avoid deprecated message with debug active (completed). No new features added

1.4.5

  • We change to new CF7 functions naming (shortcode->form-tag) to avoid deprecated message with debug active (partial). No new features added

1.4.4

  • We add the size attribute if it is sent as an option. For example: size:40

1.4.3

  • We avoid the placeholder text to be copied into the value of the input field. This, sometimes caused the flags to desappear

1.4.2

  • We repare special mail tags

1.4.1

  • We make it https compatible

1.4.0

  • We add new mail tags in order to be able to recover the country name of a telephone, the contry code and the telephone number without the country code
  • In order to get the country name use [{your-phone}-cf7it-country-name] where {your-phone} has to be replaced by the name of your tag
  • In order to get the country code use [{your-phone}-cf7it-country-code] where {your-phone} has to be replaced by the name of your tag
  • In order to get the phone number without the country code use [{your-phone}-cf7it-national] where {your-phone} has to be replaced by the name of your tag

1.3.0

  • We force the dependecies between the JS files

1.2.0

  • We load the minified JS by default. If SCRIPT_DEBUG is set to true, we use the non-minified.

1.1.0

  • CDN is used for all JS and CSS files and script is loaded at the bottom

1.0.0

  • First release