Prueba de formularios antes de lanzarlos

¿Quieres asegurarte de que tu formulario funciona correctamente antes de mostrarlo en tu sitio? Probar tu formulario es la mejor manera de garantizar una experiencia fluida para ti y tus usuarios.

Este tutorial compartirá las preguntas más importantes a responder antes de lanzar un formulario en tu sitio, así como consejos para abordar problemas y mejorar la experiencia del usuario.


Nota: ¿Ya lanzaste tu formulario y tienes problemas? Esta lista de verificación también puede ayudarte a diagnosticar problemas comunes. Usa los enlaces a continuación para saltar a la sección más relevante:

Vista previa de tu formulario

WPForms facilita la prueba de tu formulario antes de añadirlo a una página o entrada en tu sitio. Para hacerlo, ve a WPForms » Todos los formularios. Luego, pasa el ratón sobre el título del formulario para mostrar un menú adicional de opciones. Una vez que aparezcan las opciones, haz clic en Vista previa.

Vista previa de un formulario

Recomendamos usar esta vista previa del formulario mientras revisas las preguntas a continuación.

Prueba de la funcionalidad de tu formulario

Una vez que hayas abierto la vista previa de tu formulario, haz las siguientes preguntas para determinar si está funcionando como esperas.

¿1. La validación del formulario funciona correctamente?

Los mensajes de validación ayudan a los usuarios a ver fácilmente si se saltaron un campo obligatorio o introdujeron un valor con un formato incorrecto.

Para probar si la validación funciona, intenta enviar tu formulario sin rellenar los campos obligatorios. Cualquier campo obligatorio vacío debería mostrar un mensaje rojo que diga: "Este campo es obligatorio".

Un mensaje de validación de campo obligatorio

A continuación, intenta introducir un formato incorrecto en cualquier campo que tenga reglas de formato, como el campo de correo electrónico. Cuando intentes enviar el formulario, debería mostrar un mensaje rojo pidiéndote que introduzcas tu entrada usando el formato correcto.

Un mensaje de validación de formato de campo

Si los mensajes de validación no se muestran correctamente, el siguiente paso es comprobar si hay un conflicto de código.

Nota: Después de probar la validación, envía un formulario completo y confirma que ves el mensaje de éxito (por ejemplo, “¡Gracias por contactarnos!”). Si el formulario gira sin fin o no sucede nada después de hacer clic en Enviar, consulta nuestras guías sobre cómo resolver el error ‘No se pudo enviar el formulario’, cómo solucionar errores de JavaScript y cómo solucionar problemas de configuración de caché.

¿2. ¿El correo electrónico de notificación del formulario se entrega correctamente?

Cuando los correos electrónicos de notificación están habilitados y configurados correctamente, se enviarán automáticamente tan pronto como un usuario envíe tu formulario. Sin embargo, debido a problemas de configuración del servidor o al filtrado de spam por parte del proveedor de correo electrónico del destinatario, a veces los correos electrónicos no se pueden entregar correctamente.

Para probar tus notificaciones, envía tu formulario. Luego, comprueba que el correo electrónico llegó a tu bandeja de entrada (o a la del destinatario previsto). Asegúrate también de revisar tus carpetas de spam, correo no deseado y promociones.

Si el correo electrónico de notificación de tu formulario no llegó o fue marcado como spam, o si deseas evitar problemas de entrega en el futuro, el siguiente paso es configurar SMTP en tu sitio. Esto autenticará tus correos electrónicos para que se entreguen de manera consistente y exitosa.

Para obtener todos los detalles, así como instrucciones de configuración paso a paso, asegúrate de consultar nuestro tutorial sobre soluciones SMTP recomendadas.

Para obtener una guía completa sobre cómo solucionar problemas de notificación, consulta nuestra guía para solucionar problemas de correos electrónicos de notificación de formularios.

¿3. ¿La lógica condicional funciona correctamente?

Para probar la lógica condicional de tu formulario, asegúrate de probar todas las condiciones que hayas agregado a tu formulario.

Si la lógica condicional no funciona como se esperaba, el mejor siguiente paso es revisar las reglas de condición en busca de posibles problemas. Si las reglas parecen correctas y lógicas, el siguiente paso es comprobar si hay un conflicto de código.

¿4. ¿Se añaden nuevos suscriptores a tu plataforma de marketing cuando se envía un formulario?

Si has conectado algún servicio de marketing a tus formularios para recopilar clientes potenciales, envía una entrada de prueba y revisa tu lista de correo para asegurarte de que se haya agregado un nuevo contacto.

Si observas algún problema con la integración de tu marketing por correo electrónico, el mejor siguiente paso es revisar el tutorial de configuración del complemento que estás utilizando.

Aquí tienes los tutoriales relevantes para nuestras opciones de integración de marketing disponibles:

Además, puedes usar nuestro complemento de Slack para enviar notificaciones instantáneas del formulario a tu espacio de trabajo, o conectarte con usuarios por SMS usando nuestro complemento de Twilio.

Para necesidades de automatización más amplias, puedes usar nuestro complemento de Zapier, complemento de Make, integración de Uncanny Automator o complemento de Webhooks para conectar tu sitio a plataformas de marketing con las que aún no tenemos integraciones dedicadas. Si lo haces, asegúrate de probar también estas conexiones.

Nota: ¿Quieres explorar algunas de nuestras plantillas de formularios listas para usar? Consulta nuestra galería de plantillas de formularios de integración de marketing para ayudarte a empezar.

¿5. ¿Los pagos de prueba son correctos?

Nuestros complementos de pago incluyen opciones para probar su funcionalidad antes de aceptar pagos reales. Para más detalles, consulta nuestros tutoriales de integración de pagos:

Nota: Antes de añadir tu formulario a una página activa de tu sitio, asegúrate de cambiar la configuración de pago al modo "En vivo".

¿Queda claro exactamente qué contenido y formato te gustaría para cada campo?

Algunos campos, como los de Teléfono y Correo electrónico, requieren que los usuarios introduzcan texto en un formato específico.

Si tienes un campo en tu formulario que debe rellenarse con un formato determinado, puedes mostrar a los usuarios cómo debe ser la entrada utilizando la etiqueta del campo, la descripción o el texto de marcador de posición.

Añadiendo texto de marcador de posición a un campo de teléfono

¿7. ¿Tu formulario es demasiado largo?

Los formularios más cortos son más fáciles de completar para los usuarios. Si tu formulario requiere más de unos pocos campos, hay varias maneras de hacer que parezca menos abrumador para los usuarios, como:

¿8. ¿Tu formulario funciona bien en dispositivos móviles?

WPForms está diseñado para ser adaptable a dispositivos móviles y se adaptará para verse genial en dispositivos como teléfonos inteligentes y tabletas.

Sin embargo, dependiendo de tus personalizaciones y del tema de tu sitio, pueden ser necesarios ajustes adicionales para garantizar que los usuarios puedan completar tus formularios sin importar el dispositivo que estén utilizando.

Para probar la capacidad de respuesta de tu formulario, intenta completar y enviar el formulario en el navegador de tu teléfono.

Nota: Si utilizaste un diseño de varias columnas en tu formulario, asegúrate de adaptarlo a una sola columna para móviles.

¿9. ¿Tu formulario es seguro contra spam?

Mantener tus formularios seguros es clave para evitar el spam y mantener los datos que recopilas seguros y limpios. WPForms te lo facilita con una variedad de opciones anti-spam. Estas incluyen protección anti-spam moderna integrada, integración anti-spam de Akismet y la opción de añadir CAPTCHAs.

CAPTCHA completado

Además de estas, WPForms ofrece configuraciones avanzadas, como filtros de país y palabras clave. Estas funciones te permiten bloquear entradas de spam de ubicaciones específicas o que contengan ciertas palabras.

Para obtener todos los detalles, así como instrucciones de configuración paso a paso, asegúrate de consultar nuestro tutorial sobre cómo evitar el spam en WPForms.

¡Eso es todo! Ahora puedes usar esta lista de verificación para probar tus formularios antes de añadirlos a tu sitio.

¿Sigues experimentando problemas después de revisar esta lista? Consulta nuestra guía general de solución de problemas de WPForms para obtener ayuda adicional.

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.