International Telephone Input for Contact Form 7

Descripción

Extensión para «Contact Form 7» que crea un nuevo tipo de campo de entrada para introducir y validar números de teléfono internacionales. Añade un desplegable de banderas con el prefijo del número de teléfono, detecta el país del usuario, muestra un marcador de posición relevante y proporciona métodos de formato y validación.

Cómo se usa

Una vez que hayas instalado y activado el plugin, un nuevo tipo de campo de entrada estará disponible en tus formularios de «Contact Form 7». Para añadirlo a tu formulario, puedes hacer clic en el botón «Teléfono internacional» que se encuentra encima del editor de tu formulario o añadir el shortcode: [intl_tel * {tu-telefono}]. Reemplaza {tu-telefono} por el nombre que desees dar al campo. Opcionalmente, puedes usar el asterisco (*) para hacer que el campo sea obligatorio.

Para mostrar la información del campo en tu correo electrónico, usa esta etiqueta: [{tu-telefono}]. Mostrará algo como: +12025550109

Información adicional en tu correo electrónico

También puedes recuperar partes específicas del número de teléfono: el nombre del país al que hace referencia, el código del país, el número sin el código del país. Para ello, usa estas etiquetas:

  • [{tu-telefono}-cf7it-country-name]: muestra el nombre del país. Para el ejemplo de arriba: United States
  • [{tu-telefono}-cf7it-country-code]: muestra el código de país del número de teléfono. Para el ejemplo de arriba: 1
  • [{tu-telefono}-cf7it-country-iso2]: muestra el código ISO del país. Para el ejemplo de arriba: us
  • [{tu-telefono}-cf7it-national]: muestra el número de teléfono sin el prefijo internacional. Para el ejemplo de arriba: 2025550109

Software de terceros

Este plugin usa la biblioteca de JavaScript International Telephone Input y la API de eXTReMe-IP-LOOKUP.com.

Capturas

  • Campo de entrada de teléfono internacional

Instalación

Instalación automática

  1. Ve a «Escritorio > Plugins > Añadir nuevo»
  2. Escribe en el formulario de búsqueda «International Telephone Input for Contact Form 7»
  3. Cuando la búsqueda devuelva el resultado, haz clic en el botón «Instalar ahora»
  4. Finalmente, haz clic en el botón «Activar»
  5. ¡Disfruta del plugin!

Instalación manual

  1. Descarga el plugin desde esta página haciendo clic en el botón «Descargar»
  2. Ve a «Escritorio > Plugins > Añadir nuevo»
  3. Ahora selecciona el botón «Subir plugin»
  4. Haz clic en «Seleccionar archivo» y selecciona el archivo que acabas de descargar
  5. Haz clic en el botón «Instalar ahora» y en «Activar»
  6. ¡Disfruta del plugin!

Instalación por FTP

  1. Descarga el plugin desde esta página haciendo clic en el botón «Descargar»
  2. Descomprime el archivo en el escritorio de tu ordenador
  3. Ejecuta tu software de cliente FTP y conecta con tu instalación de WordPress
  4. Copia el directorio del plugin que acabas de descomprimir a «[carpeta raíz]/wp-content/plugins/»
  5. Ve a «Escritorio > Plugins», encuentra el plugin y haz clic en la opción «Activar»
  6. ¡Disfruta del plugin!

Reseñas

17 de septiembre de 2020
A really good plugin, well integrated!!!
5 de abril de 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
Leer todas las 22 reseñas

Colaboradores y desarrolladores

«International Telephone Input for Contact Form 7» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«International Telephone Input for Contact Form 7» ha sido traducido a 6 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «International Telephone Input for Contact Form 7» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.5.7 — Sep 15, 2020

  • Añadidas nuevas opciones: Valor por defecto o de marcador de posición. Ahora puedes establecer un valor por defecto o un valor de marcador de posición para la entrada del teléfono.
  • Añadida nueva opción: País inicial. Ahora puede establecer un país inicial por defecto. Cuando esta opción está establecida, la característica de búsqueda de IP estará desactivada.

1.5.6 — May 11, 2020

  • Corregida la alineación de las banderas en pantallas Retina.
  • Mejora: ahora el tamaño de archivo de las imágenes de las banderas son un 69 % más pequeño. Gracias a @marcusasiabc.

1.5.5 — April 25, 2020

  • Cambiado el servicio de la API de freegeoip.app (ya no funciona) a extreme-ip-lookup.com, que ofrece un uso gratuito de hasta 20 solicitudes por minuto y 50.000 solicitudes por mes.

1.5.4 — April 06, 2020

  • Añadida una comprobación para verificar si «Contact Form 7» está activado.
  • Añadida compatibilidad con pantallas Retina. Gracias a Aboobacker P Ummer (@abooze) por informar.
  • Corregidos algunos errores tipográficos en el archivo README.md. Gracias a @sylvain68 por informar.

1.5.3 — April 03, 2020

  • Código reprogramado.
  • Actualizado el servicio de la API a freegeoip.app (hasta 15.000 consultas por hora).
  • Ahora el plugin incluye la biblioteca «International Telephone Input» incorporada.
  • Añadidas nuevas etiquetas de información en los comentarios de la cabecera.
  • Corregido el texto de dominio en los comentarios de cabecera del plugin.
  • Corregidos algunos errores tipográficos y cadenas sin las funciones de traducción.

1.5.2

  • Hemos cambiado la API de ipinfo.io por freegeoip.net porque tiene un límite de solicitudes más alto. Como se sugiere en https://wordpress.org/support/topic/ipinfo-io-limits/

1.5.1

  • Hemos añadido la posibilidad de definir los países preferidos añadiendo la opción `preferredCountries`. Por ejemplo, `preferredCountries:es-ve` (Deben ser códigos de país de 2 letras separados por guiones «-»)
  • Hemos añadido el parámetro `preferredCountries` y la opción de tamaño al generador de etiquetas de la interfaz gráfica de usuario en el editor del formulario.

1.5.0

  • hemos actualizado la versión de JS a 12.1.3 que corrige un problema con iPhone en las versiones antiguas
  • Hemos añadido una etiqueta de correo que recupera el código ISO del país seleccionado

1.4.6

  • Hemos cambiado a los nuevos nombres de funciones de CF7 (shortcode->form-tag) para evitar mensajes obsoletos con depuración activa (completado). No se han añadido nuevas funciones

1.4.5

  • Hemos cambiado a los nuevos nombres de funciones de CF7 (shortcode->form-tag) para evitar mensajes obsoletos con depuración activa (parcial). No se han añadido nuevas funciones

1.4.4

  • Hemos añadido el atributo de tamaño si se envía como una opción. Por ejemplo: «size:40»

1.4.3

  • Hemos evitado que el texto del marcador de posición se copie en el valor del campo de entrada. Esto, a veces, causaba que las banderas desaparecieran

1.4.2

  • Hemos reparado las etiquetas especiales de correo

1.4.1

  • Lo hemos hecho compatible con HTTPS

1.4.0

  • Hemos añadido nuevas etiquetas de correo para poder recuperar el nombre del país de un teléfono, el código de país y el número de teléfono sin el código del país
  • Para obtener el nombre del país, usa [{tu-telefono}-cf7it-country-name], donde {tu-telefono} debe ser reemplazado por el nombre de tu etiqueta
  • Para obtener el código de país, usa [{tu-telefono}-cf7it-country-code], donde {tu-telefono} debe ser reemplazado por el nombre de tu etiqueta
  • Para obtener el número de teléfono sin el código de país, usa [{tu-telefono}-cf7it-national], donde {tu-telefono} debe ser reemplazado por el nombre de tu etiqueta

1.3.0

  • Hemos forzado las dependencias entre los archivos JS

1.2.0

  • Hemos cargado el JS minificado por defecto. Si `SCRIPT_DEBUG` está establecido en `true`, usamos la versión no minificada.

1.1.0

  • Se usa la CDN para todos los archivos JS y CSS y el script se carga en la parte inferior

1.0.0

  • Primera versión