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 provee métodos de formato y validación.

Cómo usar

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}]. Reemplace {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 esto: +12025550109

Información adicional en tu correo electrónico

También puede 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. Dirígete a tu 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. Dirígete a tu 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 vía 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 computadora
  3. Abre tu software de cliente FTP y conéctate a tu instalación de WordPress
  4. Copia el directorio del plugin que acabas de descomprimir a [carpeta raíz]/wp-content/plugins/
  5. Ve al Escritorio » Plugins » Encuentra el plugin y haz clic sobre 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 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

  • Cambiamos 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

  • Añadimos la posibilidad de definir los países preferidos añadiendo la opción «preferredCountries». Por ejemplo, preferredCountries:ve-co (Deben ser códigos de país de 2 letras separados por guiones «-»)
  • Añadimos 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

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

1.4.6

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

1.4.5

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

1.4.4

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

1.4.3

  • Evitamos 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

  • Reparamos las etiquetas de correo especiales

1.4.1

  • Lo hicimos compatible con HTTPS

1.4.0

  • Añadimos 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

  • Forzamos las dependencias entre los archivos JS

1.2.0

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

1.1.0

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

1.0.0

  • Primera versión