El autocompletado y los campos rellenados de antemano son dos formas de reducir lo que tienen que escribir los visitantes. El autocompletado funciona desde el navegador. Los campos rellenados de antemano funcionan desde tu servidor. Juntos, hacen que las tasas de envío suban de forma notable.
Este capítulo explica qué hace cada uno, cómo funcionan, cuándo usar cada uno y cómo aplicarlos correctamente.
Los beneficios medibles del autocompletado y de los campos rellenados de antemano
Un estudio de Chrome Developers siguió miles de formularios en Estados Unidos. Cuando los visitantes usan el autocompletado del navegador, completan los formularios aproximadamente un 35% más rápido. Su tasa de abandono baja aproximadamente un 75%, incluso cuando el autocompletado solo rellena parte del formulario. Los usuarios siguen teniendo que revisar y confirmar lo que rellenó el navegador, pero lo que marca la diferencia es el menor esfuerzo de escritura.
En un conjunto de datos de varios tipos de formulario, el 23% de los usuarios activó el autocompletado durante su recorrido. Esos usuarios terminaron el formulario el 71% de las veces. Entre los visitantes que no usaron el autocompletado, la tasa de finalización fue del 59%. Esa diferencia de 12 puntos porcentuales se acumula rápido cuando gestionas formularios a gran escala.
Los campos rellenados de antemano muestran un movimiento similar. Cuando un formulario aparece parcialmente completo, los usuarios tienen más probabilidades de terminarlo que cuando ven un formulario en blanco. Funciona porque completar algo que ya está en marcha resulta más fácil que empezar desde cero.
Cómo funciona el autocompletado y qué debes hacer para admitirlo
Hoy la mayoría de los visitantes usa un navegador con autocompletado. Chrome y los demás navegadores principales lo incluyen. Muchos usan gestores de contraseñas, que amplían aún más la capacidad de autocompletado. Pero el autocompletado solo funciona si tu formulario está preparado para recibirlo.
El navegador mira el nombre de cada campo de entrada y su atributo de tipo. Si tu campo se llama algo genérico como "field1" o "input2", el navegador no sabe con qué rellenarlo. Si lo llamas "email" y defines el tipo como "email", el navegador lo sabe. Si lo llamas "shipping_address_line_1" y defines el atributo autocomplete como "address-line1", el navegador sabe exactamente qué poner ahí.
Tu HTML debe coincidir con lo que esperan los navegadores. Usa nombres de campo estándar. Define el atributo de tipo correcto (email, tel, number, text). Añade el atributo autocomplete con el valor adecuado para cada campo. Los más habituales que los usuarios esperan que el autocompletado resuelva son los campos de email (type="email" y autocomplete="email"), los de teléfono (type="tel" y autocomplete="tel"), los de dirección (valores específicos de autocomplete, como autocomplete="address-line1" para la calle, autocomplete="address-level1" para la provincia o el estado y autocomplete="postal-code" para el código postal) y los de nombre (type="text" y autocomplete="given-name" para el nombre o autocomplete="family-name" para el apellido).
Si tu formulario omite por completo el atributo autocomplete, los navegadores intentarán adivinar a partir de los nombres de los campos. Pero los valores explícitos de autocomplete funcionan mejor. Configurar bien estos atributos compensa cada vez que el navegador de alguien rellena su dirección sin que tenga que escribirla.
Cómo funcionan los campos rellenados de antemano y cuándo ayudan de verdad
Los campos rellenados de antemano funcionan mejor cuando el usuario sabe que tienes la información. Si alguien ha iniciado sesión en su cuenta, espera que su teléfono y su nombre ya estén ahí. Si hizo clic en un enlace de un email que decía "Confirma tu dirección", espera que la dirección aparezca rellenada. Los datos no son una sorpresa.
Rellena de antemano los campos habituales que los usuarios ya te dieron. El email, si se registraron con email. El nombre de la empresa, si se registraron con una empresa. Cualquier dirección que ya les hayas pedido. Deja vacíos los campos que piden información nueva. El visitante quiere ver que recuerdas lo que te dijo, pero también quiere controlar lo que entra en un formulario que está a punto de enviar.
Aquí importa la transparencia. Deja claro por qué esos campos están rellenados. "Tenemos el nombre de tu empresa registrado" o "Esta es la dirección que nos diste la última vez" lleva dos segundos añadirlo como una nota pequeña sobre el formulario y elimina la confusión. La fricción aparece cuando los campos parecen rellenarse sin consentimiento.
Cuándo conviene no rellenar de antemano y qué puede salir mal
Los campos rellenados de antemano solo funcionan cuando los datos son exactos y actuales. Si un visitante actualizó su teléfono pero el formulario toma el dato de una base de datos antigua, ve información errónea y tiene que corregirla. Esa fricción anula el propósito. Da siempre a los usuarios la posibilidad de editar y corregir los datos rellenados. No bloquees nunca un campo ni los obligues a contactar con soporte para cambiarlo.
Si no estás seguro de la exactitud de los datos, rellena solo los campos que actualizas con regularidad y deja vacíos los demás. En sectores regulados, como los servicios financieros o la sanidad, no rellenes de antemano los campos sensibles aunque tengas los datos. No rellenes métodos de pago en el pago a menos que el visitante haya guardado ese método de forma expresa. El objetivo es reducir la fricción para los visitantes, no crear la ilusión de un formulario completado.
Usar juntos el autocompletado y los campos rellenados de antemano para lograr el máximo impacto
El enfoque más sólido usa ambos a la vez. Para los visitantes que han iniciado sesión, rellena de antemano los datos que tiene tu sistema. Para los visitantes que usan un navegador o un dispositivo nuevo, asegúrate de que tus atributos autocomplete estén bien definidos para que funcione el autocompletado de su navegador. Algunos visitantes verán datos rellenados. Otros usarán el autocompletado del navegador. Otros harán las dos cosas. En cualquier caso, el formulario exige menos escritura y las tasas de finalización mejoran.
Los visitantes llegan en estados distintos. Un cliente que vuelve y ha iniciado sesión es un escenario. Un visitante nuevo en su primera interacción es otro. Un visitante que vuelve desde un dispositivo nuevo es un tercero. Cada uno se beneficia de un mecanismo o del otro. Juntos crean una experiencia de formulario eficiente, sea cual sea el camino del visitante.
Qué conviene rellenar de antemano y qué dejar vacío
El autocompletado y el rellenado previo son más eficaces con información general. Email, teléfono, nombre, dirección, nombre de la empresa, código postal. Estos campos aparecen en muchos formularios, así que tanto los visitantes como los navegadores se benefician de que se recuerden.
Con la información sensible, sé selectivo. Los formularios financieros no deben rellenar métodos de pago a menos que el visitante haya guardado uno de forma expresa. Los formularios de sanidad no deben rellenar el historial médico. Los campos de seguridad, como las contraseñas, no deben rellenarse nunca a mano de antemano (los gestores de contraseñas lo hacen automáticamente). Si tu sector tiene requisitos de cumplimiento normativo, sigue esas pautas pese a las ventajas de comodidad.
Cómo medir el impacto en tus tasas de finalización
En los envíos de tu formulario no puedes ver si un visitante usó el autocompletado o no. Pero puedes medir el impacto comparando las tasas de finalización antes y después de aplicar la compatibilidad con el autocompletado. Si hoy no tienes un código compatible con el autocompletado, configura bien tus atributos autocomplete. Mide la tasa de finalización durante una semana y compárala con la siguiente. Debería notarse una mejora medible.
Con los campos rellenados de antemano, la prueba es parecida. Si puedes segmentar a tu audiencia, muestra a unos visitantes datos rellenados y a otros campos vacíos. La tasa de finalización debería ser más alta en el grupo con los datos rellenados. Si no lo es, o tus datos no son exactos o el número de campos que rellenas crea confusión en lugar de impulso.
Preguntas frecuentes
¿El autocompletado funciona igual en el móvil que en el ordenador?
¿Es seguro usar el autocompletado en los campos de contraseña?
¿Puedo rellenar un formulario de antemano mediante un parámetro de URL?
¿Qué pasa si los datos autocompletados son incorrectos?
¿Rellenar un formulario de antemano reduce la calidad de los datos o introduce información obsoleta?
¿Qué tipos de formulario se benefician más del autocompletado y del rellenado previo?
El autocompletado y los campos rellenados de antemano dan resultados medibles. Una mejora de velocidad del 35% y una reducción del abandono del 75% se aplican a los visitantes que los usan. Funcionan mejor junto con un formulario corto y etiquetas claras. Juntos, estos tres elementos multiplican las mejoras en las finalizaciones.
Aprende más sobre cómo reducir la longitud del formulario en la guía completa sobre la longitud ideal de un formulario. Para la implementación técnica, mira cómo rellenar formularios de antemano con datos del usuario. Para la estrategia general de optimización, explora la guía de optimización de la tasa de conversión de formularios.