Añade a tu web un formulario de contacto que funcione de verdad: elige los campos mínimos, etiquétalos de forma accesible, gestiona errores y spam, comprueba que una consulta de prueba llega a tu bandeja de entrada y elige entre herramientas de formularios integradas o incrustadas.
Un formulario de contacto en una web permite a los visitantes enviarte un mensaje estructurado sin abrir su aplicación de correo, y mantiene tu dirección lejos de los bots de spam. Añadir uno requiere cinco decisiones: qué campos, cómo se etiquetan, qué pasa al enviarlo, cómo se frena el spam y a dónde van los mensajes. La última es donde fallan la mayoría de los formularios, así que esta guía termina con una prueba que deberías hacer en cada formulario que publiques.
Pide solo lo que necesitas para responder de forma útil. Cada campo adicional es un motivo más para abandonar. Una buena opción por defecto:
Añade un campo solo cuando cambie cómo respondes. Ejemplo resuelto para una empresa de limpieza inventada, "Brightside Cleaning":
| Campo | ¿Mantener? | Por qué |
|---|---|---|
| Nombre, correo, mensaje | Sí | Necesarios para responder |
| Código postal | Sí | Le dice enseguida si la dirección está en su zona |
| Tipo de servicio (desplegable) | Sí | Orienta los presupuestos: limpieza regular, puntual o de fin de alquiler |
| Teléfono | Opcional | A algunos clientes les gusta que les llamen; no lo impongas |
| Empresa, cargo, "cómo nos conociste" | No | No se usan al responder a un presupuesto de limpieza doméstica |
<label for="email"> con un id que coincida) para que al tocar la etiqueta se seleccione el campo.type="email", type="tel") para que los móviles muestren el teclado adecuado.<label for="email">Correo electrónico (obligatorio)</label>
<input id="email" name="email" type="email" autocomplete="email" required>Es habitual que un formulario que parece correcto no entregue en ningún sitio: dirección equivocada, mensajes filtrados como spam o un formulario incrustado que nunca se conectó. Tras publicar, haz esta prueba y anota el resultado:
PRUEBA DEL FORMULARIO DE CONTACTO
Página probada (URL en producción):
Enviado el (fecha/hora):
Nombre de prueba usado: TEST - [tus iniciales] - [fecha]
Entregado en la bandeja: [dirección]
¿Llegó? ¿En spam? sí/no / sí/no
¿Llegaron bien todos los campos? sí/no
¿Probado también en el móvil? sí/no
¿Funciona el reply-to (la respuesta va al visitante)? sí/noRepite la prueba cada vez que cambies el formulario, la dirección de destino o tu proveedor de correo.
| Opción | Buena para | Ten cuidado con |
|---|---|---|
| El formulario propio del creador de webs | Consultas sencillas; una cuenta menos que gestionar | Comprueba dónde se almacenan y se envían por correo los envíos |
| Servicio de formularios incrustado (p. ej., Google Forms, Typeform, Jotform, Tally) | Formularios de varios pasos, subida de archivos, lógica condicional | Puede que el estilo no coincida; peso extra de scripts; comprueba los límites actuales del plan de cada proveedor |
| Código propio que envía a tu servidor | Control total, integraciones con CRM | Tú mantienes la protección contra spam y la entrega |
Elijas lo que elijas, coloca el formulario donde se toma la decisión: la página de contacto, el final de cada página de servicio y una versión corta en el pie de página o en la página de inicio.
En el creador de webs de We.Inc puedes describir con palabras sencillas el formulario que quieres (por ejemplo "un formulario de presupuesto con nombre, correo, código postal y tipo de servicio") y luego ajustar las etiquetas y la disposición con la edición por clic. La creación con IA requiere un plan de pago, desde Starter, a $20/mes (precios); el plan Free cubre hasta 3 sitios con plantilla en una dirección we.inc. Uses lo que uses, haz la prueba de entrega de arriba antes de fiarte del formulario. Después revisa la página con el evaluador de webs, explora las plantillas para negocios o estima los costes con la calculadora de coste de una web.
Empieza a crear la web de tu negocio
Los mínimos que necesites para responder de forma útil. Nombre, correo y mensaje es una buena opción por defecto; añade un campo solo si cambia cómo respondes, como un código postal para una zona de servicio local.
Las causas habituales son una dirección de destino equivocada, mensajes que acaban en spam o un formulario incrustado que nunca se conectó. Envía una consulta de prueba claramente etiquetada y revisa la bandeja de entrada y la carpeta de spam.
No siempre. Un campo honeypot oculto detiene a muchos bots sin molestar a los visitantes. Añade un desafío tipo CAPTCHA solo si el spam sigue colándose.
Ayuda a los visitantes que prefieren el correo. Espera algo más de spam si la dirección aparece en texto plano.
Empieza gratis · Sin tarjeta de crédito