Resumen de IA
¿Desea limitar los países disponibles en el campo Teléfono inteligente? Por defecto, el campo Teléfono inteligente muestra todos los países e intenta detectar el país del usuario a partir de su dirección IP.
Esta guía le mostrará cómo restringir el campo para que solo muestre países específicos de su elección.
Configuración del formulario
Comenzaremos creando nuestro formulario, añadiendo nuestros campos, incluido el campo de formulario Teléfono.
Si necesita ayuda para crear su formulario, consulte nuestra guía sobre cómo crear su primer formulario.
Una vez que haya añadido el campo de formulario Teléfono, haga clic en el desplegable Formato y asegúrese de haber seleccionado Inteligente en el desplegable.
Añadir restricciones de país
Para restringir los países disponibles, necesitará añadir código JavaScript a su sitio. Si no está seguro de cómo añadir código personalizado, revise nuestra guía sobre cómo añadir fragmentos de código a WordPress.
Personalizar opciones de país
Para modificar los países disponibles:
- En la línea 33: Reemplace los códigos de país en la matriz
options.onlyCountries - Utilice códigos de país ISO de dos letras en minúsculas (por ejemplo, 'us' para Estados Unidos)
- Separe varios países con comas
- Encuentre los códigos de país en la lista oficial de códigos ISO 3166-1 alfa-2
Por ejemplo:
- Solo para EE. UU. y Canadá: [‘us’, ‘ca’]
- Para Reino Unido, Irlanda y Australia: [‘gb’, ‘ie’, ‘au’]
- Para todos los países de la Unión Europea: [‘fr’, ‘de’, ‘it’, ‘es’, ‘pt’, ‘nl’, ‘be’, ‘dk’, ‘se’, ‘fi’]
Eliminar opciones de país duplicadas
Es posible que note que algunos países aparecen dos veces en el desplegable: una en la parte superior basada en la detección de IP y otra en la lista principal. Para eliminar estos duplicados, añada este CSS a su sitio:
form#wpforms-form-1000 .iti__active {
display: none;
}
Reemplace 1000 con el ID de su formulario real. Si necesita ayuda para encontrar el ID de su formulario, consulte nuestra guía sobre cómo encontrar IDs de formularios y campos.
¿Desea asegurarse también de que el número de teléfono introducido en el formulario llegue en la notificación por correo electrónico como un enlace? Consulte el tutorial sobre cómo hacer que los números de teléfono sean un enlace en las notificaciones por correo electrónico.