Cuando haces una llamada telefónica a un número del extranjero, necesitas añadir un código especial al inicio del número. Este se llama código de marcación internacional o prefijo telefónico del país, que es un número de una a tres cifras precedido por el signo más (+).
No siempre las personas recuerdan correctamente el código de su país, por lo que puede que necesites ayudarlas cuando les solicites su número telefónico internacional. Afortunadamente, con la ayuda del plugin Listo, puedes implementar fácilmente sugerencias de códigos telefónicos en Contact Form 7.
Paso 1: Insertar una lista de datos
Primero, necesitas insertar un elemento HTML datalist que represente las opciones de códigos telefónicos en la página que contiene el formulario de contacto. Para hacerlo, instala el plugin Listo y simplemente agrega el siguiente shortcode en el contenido de la página:
[datalist type="telephone_country_codes"]
Un elemento datalist puede colocarse en cualquier parte dentro del elemento body. Te recomiendo colocar el shortcode datalist después del bloque del formulario de contacto.
Paso 2: Referenciar la lista de datos
El elemento datalist en sí es invisible. Solo se muestra cuando un campo de texto lo referencia. Para referenciar un datalist, debes especificar el atributo HTML list en el campo correspondiente.
Algunos tipos de etiquetas de formulario que proporciona Contact Form 7 son compatibles con la opción list, que representa el valor del atributo list. Como estamos hablando del campo de número telefónico, usaremos el tipo de etiqueta de formulario tel. Prueba insertando el siguiente fragmento en la plantilla del formulario:
<label> Tu número telefónico internacional (opcional)
[tel tu-telefono list:listo-telephone-country-codes] </label>
Como el valor predeterminado del atributo id de la lista de datos telephone_country_codes es listo-telephone-country-codes, debes establecer la opción list:listo-telephone-country-codes aquí.
Eso es todo. Ahora tienes un campo para número telefónico con una sugerencia elegante de código de país.