≡En resumen
- Un formulario de contacto convierte una visita anónima en una consulta con datos para responder: es un punto de conversión, no un trámite.
- Pide solo los datos que necesitas para contestar; cada campo de más reduce envíos.
- Junto al botón debe ir la información básica de protección de datos; la AEPD aclara que no hace falta «aceptar» la política de privacidad.
- El consentimiento para enviar publicidad va en una casilla aparte, opcional y sin marcar.
- Protege el formulario con métodos antispam poco molestos y mide cada envío como conversión.
01 ¿Qué es un formulario de contacto?
Técnicamente es un elemento <form> de HTML que envía los datos al servidor, donde se validan, se guardan y se notifican. Frente a poner solo un email visible, el formulario ordena la información que recibes, reduce el spam de los robots que rastrean direcciones y permite medir cuántas consultas genera cada página o campaña.
No compite con el teléfono, el WhatsApp o el chat: los complementa. Hay clientes que prefieren escribir con calma, fuera de horario, o dejar una consulta detallada con archivos adjuntos. Por eso casi toda web profesional tiene al menos uno.
02 Qué campos debe tener un formulario de contacto
| Campo | ¿Obligatorio? | Por qué |
|---|---|---|
| Nombre | Sí | Para dirigirte a la persona al responder |
| Sí (o teléfono) | Es la vía principal de respuesta | |
| Teléfono | Opcional, salvo que llames siempre | Útil en servicios con presupuesto o urgencia |
| Mensaje | Sí | Para entender la consulta antes de contestar |
| Motivo o servicio (desplegable) | Recomendable | Permite enrutar la consulta a la persona correcta |
| Empresa, cargo, presupuesto | Solo en B2B y si filtra de verdad | Cualifica el lead, pero cada campo resta envíos |
| Adjuntar archivo | Opcional | Planos, fotos o pliegos cuando aceleran el presupuesto |
| Casilla de comunicaciones comerciales | Opcional y sin marcar | Solo si vas a enviar publicidad o newsletter |
03 Buenas prácticas de UX y CRO para formularios
- ✓Etiquetas visibles encima de cada campo; el texto de ejemplo (placeholder) no sustituye a la etiqueta.
- ✓Una sola columna, en el orden lógico en que la persona piensa la respuesta.
- ✓Tipos de campo correctos (email, tel) para que el móvil muestre el teclado adecuado, y autocompletado activado.
- ✓Validación mientras se escribe y mensajes de error que digan cómo corregir, no solo «campo no válido».
- ✓Botón con una acción concreta: «Pedir presupuesto» o «Enviar consulta», mejor que «Enviar».
- ✓Expectativas claras junto al botón: cuándo y cómo responderás.
- ✓Página o mensaje de confirmación tras el envío, con el siguiente paso.
- ✓Accesible: cada campo con su etiqueta asociada, buen contraste y manejable con teclado.
- ✓Visible sin tener que buscarlo: en la página de contacto, al final de cada servicio y en las landings.
El formulario es el último paso antes de la conversión, así que pequeños cambios tienen efectos grandes. Probar el número de campos, el texto del botón o la posición del formulario es parte del trabajo de optimización de la conversión. En esta recopilación de tácticas para que tu web convierta más encontrarás ideas que también se aplican al formulario.
04 Formulario de contacto y RGPD: qué exige la AEPD
Un formulario recoge datos personales, así que debe informar al usuario en el momento de la recogida (artículo 13 del RGPD). La Agencia Española de Protección de Datos recomienda hacerlo por capas: una primera capa breve junto al formulario y una segunda con todo el detalle, en la política de privacidad enlazada.
| Epígrafe | Qué poner |
|---|---|
| Responsable | Nombre de la empresa titular de la web |
| Finalidad | Responder a tu consulta y, si lo marcas, enviarte información comercial |
| Legitimación | Aplicación de medidas precontractuales a tu solicitud; consentimiento para la publicidad |
| Destinatarios | No se ceden datos a terceros, salvo obligación legal (o los proveedores que correspondan) |
| Derechos | Acceso, rectificación, supresión y demás derechos, con enlace a la política de privacidad |
05 Cómo proteger un formulario de contacto del spam
Campo trampa (honeypot)
Un campo oculto para personas que los robots rellenan. Si llega con contenido, el envío se descarta. No molesta al usuario.
Control de tiempo
Un formulario enviado en menos de dos o tres segundos desde que se cargó casi seguro es automático.
Captcha invisible
Servicios como reCAPTCHA v3 o Cloudflare Turnstile puntúan el riesgo sin pedir que resuelvas nada en la mayoría de casos.
Validación en el servidor
Comprueba formato, longitud y enlaces en el servidor, no solo en el navegador, que los robots se saltan.
Límite de envíos
Restringe cuántos envíos acepta una misma IP en poco tiempo para frenar ataques masivos.
Filtro de contenido
Servicios antispam o listas de palabras marcan mensajes con enlaces sospechosos para revisión.
Combina varias capas antes de recurrir al captcha visible, que añade fricción y problemas de accesibilidad. Si usas un servicio externo de verificación, recuerda que trata datos del visitante y debe figurar en tu política de privacidad y, si instala cookies, en tu aviso de cookies.
06 Cómo crear un formulario de contacto que funcione
-
1
Elige la herramienta
Un plugin de WordPress (Contact Form 7, WPForms, Gravity Forms), un form builder externo o un desarrollo a medida conectado a tu CRM.
-
2
Define campos y destino
Qué datos pides, quién recibe cada tipo de consulta y dónde se guardan.
-
3
Configura un envío fiable
Envía las notificaciones por SMTP autenticado desde tu dominio, con SPF y DKIM, para que no acaben en spam.
-
4
Añade la información legal
Primera capa de protección de datos, enlace a la política y, si procede, casilla de publicidad sin marcar.
-
5
Activa el antispam
Honeypot y validación en servidor como base; captcha invisible si el volumen de spam lo justifica.
-
6
Prueba de principio a fin
Envía consultas reales desde el móvil y el ordenador, comprueba que llegan, que el aviso de confirmación aparece y que se registran.
Si no programas, un form builder resuelve la mayoría de casos. Cuando el formulario debe alimentar un CRM, asignar comerciales o disparar automatizaciones, conviene plantearlo dentro del proyecto de diseño web a medida desde el principio.
07 Cómo medir y mejorar tu formulario
Un formulario sin medición es una caja negra. Registra cada envío como evento de conversión, por ejemplo con el evento recomendado generate_lead en Google Analytics 4, como explicamos en la guía para configurar Google Analytics 4 paso a paso. Así sabrás qué páginas, campañas y dispositivos traen consultas y podrás calcular el coste de cada una. Es la base de cualquier sistema de captación de leads.
- ✓Tasa de conversión del formulario: envíos entre visitas a la página.
- ✓Abandono: cuántos empiezan a rellenarlo y no lo envían, y en qué campo se van.
- ✓Calidad: qué porcentaje de consultas son clientes potenciales reales.
- ✓Tiempo de respuesta: cuánto tardas en contestar cada consulta.
- ✓Errores: envíos fallidos, notificaciones que no llegan y spam que se cuela.
Preguntas frecuentes sobre Formulario de contacto
Es un conjunto de campos en una web, como nombre, email y mensaje, con un botón de envío que hace llegar la consulta del visitante a la empresa sin salir del sitio.
Lo mínimo es nombre, email y mensaje. Añade teléfono, motivo de la consulta u otros datos solo si los necesitas para responder o para cualificar al cliente.
No. La AEPD aclara que no hay que consentir la cláusula de privacidad; lo obligatorio es informar, con una primera capa junto al formulario y un enlace a la política completa.
Solo si ha marcado una casilla específica, opcional y sin premarcar para recibirla. Escribirte para una consulta no equivale a autorizar comunicaciones comerciales.
Combina un campo trampa oculto, un control de tiempo, validación en el servidor y límite de envíos. Si no basta, añade un captcha invisible como reCAPTCHA v3 o Turnstile.
Lo más habitual es que el servidor envíe las notificaciones sin autenticación y acaben en spam. Configura el envío por SMTP con SPF y DKIM desde tu dominio y prueba cada cambio.
Ambos. El WhatsApp da inmediatez; el formulario ordena la información, funciona fuera de horario y es más fácil de medir y conectar con un CRM.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗