International Telephone Input for Contact Form 7

Description

Module pour Contact Form 7 créant un nouveau type de champ pour la saisie et la validation des numéros de téléphone internationaux. Il ajoute un menu déroulant de drapeaux avec indicatif téléphonique, détecte le pays de l’utilisateur, affiche un texte indicatif approprié et fournit des méthodes de formatage/validation.

Guide d’utilisation

Une fois votre extension installée et activée, un nouveau type de champ sera disponible dans vos formulaires Contact Form 7. Pour ajouter ce champ à votre formulaire, vous pouvez soit cliquer sur le bouton « Téléphone international » situé au-dessus de votre éditeur de formulaire, soit utiliser le code court [intl_tel* {your-phone}]. Remplacez {your-phone} par le nom que vous souhaitez donner au champ. En option, vous pouvez utiliser l’astérisque (*) pour rendre le champ obligatoire.

Pour afficher les informations du champ dans votre e-mail, utilisez ce code : [{your-phone}]. Cela affichera par exemple +12025550109

Infos complémentaires dans vos e-mails

Vous pouvez également récupérer des parties spécifiques du numéro de téléphone : le nom du pays associé, son indicatif téléphonique et le numéro sans indicatif. Utilisez ces étiquettes :

  • [{your-phone}-cf7it-country-name] : Affiche le nom du pays. Pour l’exemple ci-dessus : États-Unis
  • [{your-phone}-cf7it-country-code] : Affiche l’indicatif téléphonique du pays. Pour l’exemple ci-dessus : 1
  • [{your-phone}-cf7it-country-iso2] : Affiche le code iso du pays. Pour l’exemple ci-dessus : us
  • [{your-phone}-cf7it-national] : Affiche le numéro de téléphone sans préfixe international. Pour l’exemple ci-dessus : 2025550109

Logiciels tiers

This plugin uses the International Telephone Input JavaScript library and the eXTReMe-IP-LOOKUP.com API.

Captures d’écran

  • International telephone input

Installation

Installation automatique

  1. Allez sur votre Tableau de bord » Extensions » Ajouter
  2. Dans le formulaire de recherche, tapez « International Telephone Input for Contact Form 7 »
  3. Lorsque la recherche retourne le résultat, cliquez sur le bouton « Installer »
  4. Enfin, cliquez sur le bouton « Activer »
  5. Profitez de l’extension !

Installation manuelle

  1. Téléchargez l’extension à partir de cette page en cliquant sur le bouton « Télécharger »
  2. Allez sur votre Tableau de bord » Extensions » Ajouter
  3. Cliquez ensuite sur le bouton « Téléverser une extension »
  4. Cliquez sur le bouton d’ajout de fichiers et sélectionnez le fichier que vous venez de télécharger
  5. Cliquez sur le bouton « Installer » puis sur « Activer l’extension »
  6. Profitez de l’extension !

Installation via FTP

  1. Téléchargez l’extension à partir de cette page en cliquant sur le bouton « Télécharger »
  2. Décompressez le fichier sur votre bureau
  3. Lancez votre client FTP et connectez-vous à votre installation WordPress
  4. Copiez dans [dossier racine]/wp-content/plugins/ le répertoire d’extension que vous venez de décompresser
  5. Allez sur votre Tableau de bord » Extensions » Recherchez l’extension et cliquez sur l’option « Activer »
  6. Profitez de l’extension !

Avis

17 septembre 2020
A really good plugin, well integrated!!!
5 avril 2020
Hello, I would just like to thank you for this excellent plugin that I use on several sites and that does the job right! I must admit that I was a bit worried about not seeing any more updates during the last two years... It's now done, an important update has just arrived and I hope a long life to this plugin. Thanks to @damiarita and @yordansoares for your great work. Here are 5 stars to encourage you to continue the improvements (I might have some suggestions that I will share with you). I'll also add the french translation (my mother tongue) as soon as possible to help you. Good continuation and take care of yourselves! Best Regards, Sylvain
Lire les 22 avis

Contributeurs & développeurs

« International Telephone Input for Contact Form 7 » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“International Telephone Input for Contact Form 7” a été traduit dans 6 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « International Telephone Input for Contact Form 7 » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

1.5.7 — Sep 15, 2020

  • Added new options: Default or placeholder value. Now you can set a default or placeholder value for the telephone input.
  • Added new option: Initial Country. Now you can set a initial country by default. When this option is set, the IP lookup feature will be disabled.

1.5.6 — May 11, 2020

  • Fixed the flags alignment in Retina screens.
  • Improvement: now the file size of flags images are 69% smaller. Thanks to @marcusasiabc.

1.5.5 — April 25, 2020

  • Switch API service from freegeoip.app (it no longer works) to extreme-ip-lookup.com, which offer free usage until 20 requests per minute and 50,000 requests per month.

1.5.4 — April 06, 2020

  • Ajout d’un test pour vérifier que Contact Form 7 est bien activé.
  • Ajout du support pour les écrans Retina. Merci à Aboobacker P Ummer (@abooze) pour sa contribution.
  • Correction de quelques fautes de frappe dans le fichier README.md. Merci à @sylvain68 pour sa contribution.

1.5.3 — April 03, 2020

  • Code refactorisé.
  • Mise à jour de l’API de géolocalisation vers freegeoip.app (jusqu’à 15 000 requêtes par heure).
  • L’extension intègre désormais la bibliothèque « International Telephone Input ».
  • Ajout de nouvelles étiquettes d’information dans le commentaire d’en-tête.
  • Correction du domaine de texte dans le commentaire d’en-tête de l’extension.
  • Correction de quelques fautes de frappe et chaînes de caractères non traduisibles.

1.5.2

  • Remplacement de l’API de géolocalisation ipinfo.io par celle de freegeoip.net car elle a une limite de requêtes plus élevée. Comme suggéré sur https://wordpress.org/support/topic/ipinfo-io-limits/

1.5.1

  • Ajout d’une option permettant de définir une liste de pays préférés. Par exemple preferredCountries:es-fr (il doit s’agir des codes de pays à deux lettres séparés par des traits d’union ‘-‘)
  • Ajout des options preferredCountries et size à l’assistant de création d’étiquettes.

1.5.0

  • Mise à niveau de la version JS vers 12.1.3. Elle corrige les problèmes rencontrés sur iPhone de l’ancienne version
  • Ajout d’une étiquette mail récupérant le code iso du pays sélectionné

1.4.6

  • Prise en compte du nouveau nom des fonctions CF7 (shortcode->form-tag) pour éviter les messages dépréciés lorsque le débogage est actif (complet). Pas de nouvelle fonctionnalité ajoutée

1.4.5

  • Prise en compte du nouveau nom des fonctions CF7 (shortcode->form-tag) pour éviter les messages dépréciés lorsque le débogage est actif (partiel). Pas de nouvelle fonctionnalité ajoutée

1.4.4

  • Ajout de l’attribut size optionnel. Par exemple : size:40

1.4.3

  • Évite que le texte indicatif soit copié dans la valeur du champ de saisie. Cela entraînait parfois la disparition des drapeaux

1.4.2

  • Nous réparons les balises d’e-mails spéciales

1.4.1

  • Ajout de la compatibilité avec https

1.4.0

  • Ajout de nouvelles balises mail permettant de récupérer le pays associé à un numéro de téléphone, l’indicatif du pays et le numéro de téléphone sans indicatif
  • Pour obtenir le nom du pays, utilisez [{your-phone}-cf7it-country-name] où {your-phone} doit être remplacé par le nom de votre balise
  • Pour obtenir l’indicatif du pays, utilisez [{your-phone}-cf7it-country-code] où {your-phone} doit être remplacé par le nom de votre balise
  • Pour obtenir le numéro de téléphone sans l’indicatif du pays, utilisez [{your-phone}-cf7it-national] où {your-phone} doit être remplacé par le nom de votre balise

1.3.0

  • Force la dépendance entre les fichiers JS

1.2.0

  • Chargement par défaut du JS minifié. Si SCRIPT_DEBUG est paramétré sur true, le non-minifié est utilisé.

1.1.0

  • Utilisation du CDN pour tous les fichiers JS et CSS et le script est chargé en fin de page

1.0.0

  • Première version