Un visitante llega a tu formulario. El primer campo pide su email. Pero tu web ya tiene su email de un alta anterior. Tiene que escribirlo otra vez. Llega un segundo visitante y el formulario le pregunta por su país. Tu analítica ya sabe dónde está. ¿Para qué preguntarlo?
Los formularios precompletados se terminan más rápido. Los visitantes no tienen que volver a escribir información que ya tienes. Este artículo explica cómo precompletar formularios y qué fuentes de datos puedes usar.
Por qué importan los formularios precompletados
Cada campo que el visitante tiene que rellenar baja la tasa de finalización. Si puedes rellenar el 50% de los campos automáticamente, el formulario parece más corto. El visitante tarda menos. Menos campos de los que preocuparse significa menos posibilidades de error.
Los estudios indican que los formularios precompletados tienen tasas de finalización un 20% a 30% más altas que los vacíos. La diferencia es real.
Precompletar desde parámetros de la URL
La forma más simple de precompletar es pasar los datos en la URL con wemasy.es/contact?email=user@example.com&name=John. Cuando la página carga, JavaScript extrae los parámetros y rellena el formulario con const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Esto sirve para enlazar a un formulario desde otra página, por ejemplo cuando una campaña de email enlaza a un formulario de contacto con el email del destinatario ya puesto, o cuando una landing page enlaza a un formulario de alta con la campaña de origen ya indicada.
Ten cuidado con los datos sensibles. No pases contraseñas ni números de tarjeta en las URL. Pasa solo datos no sensibles, como el email y el nombre.
Precompletar desde sesiones de usuario
Si el usuario ha iniciado sesión, sabes quién es y puedes precompletar su email, nombre, dirección y otros datos de su cuenta. En el servidor, antes de mostrar el formulario, usa const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Después, en la plantilla HTML, define <input type="text" name="name" value="<%= form.name %>">. También puedes hacerlo en JavaScript tras cargar la página, con _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Este método requiere que el usuario haya iniciado sesión. Para formularios públicos, usa parámetros de URL o datos de terceros.
Precompletar desde datos del navegador
El navegador guarda datos a los que puedes acceder de dos formas. Primero, localStorage te permite guardar datos en el navegador y recuperarlos después con localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Se mantiene entre cargas de página y sesiones del navegador, y sirve para guardar el progreso de un formulario o recordar el email del usuario de una visita anterior. Segundo, los navegadores modernos recuerdan los datos de formulario que el usuario ya ha escrito. Define atributos autocomplete y se activa el autocompletado del navegador con <input type="email" name="email" autocomplete="email"> y <input type="text" name="name" autocomplete="name">. El navegador muestra sugerencias y rellena el campo sin necesidad de código, y el autocompletado ayuda sobre todo en el móvil, donde escribir es lento.
Precompletar desde la geolocalización
Puedes detectar la ubicación aproximada del usuario y precompletar el país o la región con _blocked_('https://geo-service.example/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Esto usa su dirección IP para adivinar la ubicación. No es perfectamente preciso (sobre todo con usuarios de VPN), pero basta para la mayoría de los casos. Da siempre al usuario la opción de cambiarlo.
Precompletar desde servicios de datos de terceros
Los servicios de enriquecimiento de datos pueden buscar información de empresas y personas a partir de una dirección de email. Cuando el usuario escribe un email, JavaScript lo envía al servicio de enriquecimiento, que responde con datos de la empresa, el cargo y la ubicación, y el formulario se precompleta con esos datos. Esto requiere una clave de API y código de integración, lo que lo hace más complejo pero muy potente para formularios B2B.
Precompletar campos ocultos
Los campos ocultos llevan datos que el usuario no ve pero que tu backend necesita.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
Se precompletan en el servidor antes de mostrar el formulario. Úsalos para saber de dónde vino el envío del formulario o qué campaña lo generó.
Precompletar formularios de varios pasos
En los formularios de varios pasos, precompleta el paso 2 con los datos del paso 1 para que el usuario no tenga que volver a escribir lo que ya puso. Cuando se envía el paso 1, guarda los datos en la sesión o en localStorage. Cuando carga el paso 2, recupéralos y precompleta con const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Privacidad y permisos
Precompletar es cómodo, pero plantea dudas de privacidad. Mostrar el email de alguien sin permiso resulta invasivo.
Precompleta solo datos que tengas permiso para usar. Si el usuario ha iniciado sesión, tienes permiso. Si los datos vienen de una campaña de email en la que hizo clic, tienes permiso. Si los datos vienen de un servicio de terceros, revisa tu política de privacidad.
Deja siempre que los usuarios cambien los valores precompletados. No se los bloquees.
Cómo precompleta WEMASY los formularios
Los formularios de WEMASY permiten precompletar desde parámetros de URL y sesiones de usuario. Conéctate a herramientas de automatización o APIs para precompletar con datos de terceros. Usa el precompletado inteligente para detectar la ubicación del visitante y otros atributos.
Mira las opciones de precompletado en tu plan de WEMASY.