Igual no sabes que hace bastante que puedes facilitar el completado automático en bastantes campos de formularios creados con el plugin Contact Form 7, algo que tiene una gran importancia, más de la que imaginas.
¿Por qué es importante el autocompletado de formularios?
Como seguramente sabrás, la mayoría de navegadores tienen la funcionalidad de autocompletado de campos de w formulario que el usuario encuentre en la red, y esto es de gran relevancia por diversos motivos:
- A nadie le gusta rellenar una y otra vez los mismos datos en los formularios, así que se pueden abandonar carritos en caso de auténtico hastío por parte de los visitantes.
- Ayuda a usuarios con discapacidades como problemas de memoria, dislexia, artrosis, y un montón más.
Cómo se añade la función de autocompletado en Contact Form 7
Si quieres que tus formularios aprovechen la funcionalidad de autocompletado de los navedores puedes añadir una opción a tus etiquetas para que lo activen en aquellos campos que creas conveniente, como por ejemplo:
[text* your-name autocomplete:name]
En este caso anterior el navegador tratará de completar nuestro campo de nombre del formulario con los datos de nombre de pila que tenga almacenados de otros usos.
Otro ejemplo podría ser el email:
[email* your-email autocomplete:email]
Aquí es lo mismo, pero para el correo electrónico. Y esto son solo dos ejemplos, hay montones de campos a los que puedes añadir el autcompletado, para lo que debes guiarte por la documentación de este atributo HTML.
¿Y se puede desactivar?
Ahora bien, hay webs o situaciones en las que igual prefieres que no se completen automáticamente los campos de tus formularios, en cuyo caso puedes desactivar la compatibilidad de Contact Form 7 con esta funcionalidad de los navegadores añadiendo esta función:
/* Desactivar autocompletado en CF7 */
add_filter( 'wpcf7_form_autocomplete', function ( $autocomplete ) {
$autocomplete = 'off';
return $autocomplete;
}, 10, 1 );
Con esto activo, añadido usando tu método preferido para insertar códigos personalizados a tu web, ya no habrá autocompletado en los formularios de Contact Form 7, salvo que esté activo un campo expresamente en algún campo.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Yo desactivó el autocompletado cuando no quieres que llenen tu campo de honeypot para poder detectar fácilmente los comentarios que son bots.
Un práctico y buen ejemplo de uso 🙂
¿En que fichero hay que añadir esa funcion? Gracias
Al final he puesto un enlace de una guía de varias maneras de añadir estos códigos 😉
El código de eliminar autocompletado ha funcionado, menos para el campo del E-Mail. Hay alguna solución para ello? Muchas gracias!
Qué raro, siempre pruebo los códigos antes de publicar y en su momento iba bien. Lo probaré por si han cambiado algo ¿has probado a desactivar otros plugins, no sea que algo interfiera?
Hola Fernando, gracias por contestar tan rápido. No he encontrado ningún conflicto con otro Plugin, pero acabo de ver que tenía el tag de esta manera:
E-Mail [email* email autocomplete:email]
Asique culpa mía! Disculpa por las molestias
Molestia ninguna 🙂
gracias por todo a ti