Résumé IA
Souhaitez-vous limiter les pays disponibles dans le champ Téléphone intelligent ? Par défaut, le champ Téléphone intelligent affiche tous les pays et tente de détecter le pays de l'utilisateur à partir de son adresse IP.
Ce guide vous montrera comment restreindre le champ pour n'afficher que les pays spécifiques de votre choix.
Configuration du formulaire
Nous commencerons par créer notre formulaire, en ajoutant nos champs, y compris le champ de formulaire Téléphone.
Si vous avez besoin d'aide pour créer votre formulaire, consultez notre guide sur la création de votre premier formulaire.
Une fois que vous avez ajouté le champ de formulaire Téléphone, cliquez sur le menu déroulant pour le Format et assurez-vous d'avoir sélectionné Intelligent dans le menu déroulant.
Ajout de restrictions de pays
Pour restreindre les pays disponibles, vous devrez ajouter du code JavaScript à votre site. Si vous n'êtes pas sûr de la manière d'ajouter du code personnalisé, veuillez consulter notre guide sur l'ajout d'extraits de code à WordPress.
Personnalisation des options de pays
Pour modifier les pays disponibles :
- À la ligne 33 : Remplacez les codes de pays dans le tableau
options.onlyCountries - Utilisez des codes de pays ISO en minuscules à deux lettres (par exemple, 'us' pour les États-Unis)
- Séparez plusieurs pays par des virgules
- Trouvez les codes de pays dans la liste officielle des codes ISO 3166-1 alpha-2
Par exemple :
- Pour les États-Unis et le Canada uniquement : [‘us’, ‘ca’]
- Pour le Royaume-Uni, l'Irlande et l'Australie : [‘gb’, ‘ie’, ‘au’]
- Pour tous les pays de l'Union européenne : [‘fr’, ‘de’, ‘it’, ‘es’, ‘pt’, ‘nl’, ‘be’, ‘dk’, ‘se’, ‘fi’]
Suppression des doublons d'options de pays
Vous remarquerez peut-être que certains pays apparaissent deux fois dans le menu déroulant – une fois en haut en fonction de la détection IP, et une fois dans la liste principale. Pour supprimer ces doublons, ajoutez ce CSS à votre site :
form#wpforms-form-1000 .iti__active {
display: none;
}
Remplacez 1000 par l'ID réel de votre formulaire. Si vous avez besoin d'aide pour trouver l'ID de votre formulaire, consultez notre guide sur la façon de trouver les ID de formulaire et de champ.
Souhaitez-vous également vous assurer que le numéro de téléphone saisi dans le formulaire est transmis dans la notification par e-mail sous forme de lien ? Consultez le tutoriel sur la création de liens vers les numéros de téléphone dans les notifications par e-mail.