Cómo crear un formulario de varias páginas en WordPress

Completar un formulario largo puede resultar abrumador, especialmente cuando todas las preguntas aparecen en una sola página. Muchos usuarios pierden el interés a mitad de camino, lo que puede reducir sus tasas de conversión.

Al dividir un formulario largo en páginas más pequeñas y manejables, haces que el proceso parezca mucho más fácil y accesible. Este simple cambio puede generar un gran aumento en el número de personas que realmente completan y envían tus formularios.

De hecho, si usas pruebas A/B en tu sitio, puedes medir exactamente cuánto mejoran tus conversiones después de dividir un formulario largo.

¿La buena noticia? Crear un formulario de varias páginas en WordPress es más fácil de lo que crees. Con el plugin WPForms, puedes usar el campo Salto de página para dividir el formulario en diferentes secciones.

En esta guía, te mostraremos los pasos exactos para crear tu propio formulario de varias páginas fácil de usar en WordPress. De esta manera, puedes hacer que los formularios largos sean más fáciles de completar y mejorar tus conversiones generales. 🙌

¿Por qué y cuándo necesitas un formulario de varias páginas en WordPress?

Es posible que necesites un formulario de varias páginas en WordPress cuando tu formulario sea largo o tenga muchas preguntas. Dividirlo en partes más pequeñas hace que sea más fácil de completar y aumenta la probabilidad de que las personas lo terminen.

Agregar formularios a tu sitio web es la forma más sencilla de recopilar información y conectar con tus usuarios, ya sea para contacto, suscripciones por correo electrónico o encuestas.

Pero los formularios largos pueden ser abrumadores y a menudo hacen que los usuarios se rindan antes de terminar.

Para solucionar esto, recomendamos usar formularios de varias páginas. Al dividir tus preguntas en secciones más pequeñas, haces que el formulario sea menos abrumador para los usuarios.

Aquí tienes un ejemplo:

Veamos qué hace que los formularios de varias páginas sean tan efectivos:

• Barra de progreso: Los usuarios pueden ver cuánto han avanzado, lo que los motiva a terminar.
• Menos campos a la vez: Solo aparecen unas pocas preguntas en cada página, lo que hace que el formulario se sienta más corto y menos estresante.
• Funciones interactivas: Puedes agregar elementos como opciones de imagen o elementos conversacionales para hacer el formulario más atractivo.

Estas funciones pueden ayudar a mejorar la experiencia del usuario y aumentar la tasa de finalización de tu formulario, especialmente para formularios como “solicitar una cotización” o generación de leads.

Creación de un Formulario de WordPress de varias páginas con WPForms

La forma más fácil de crear un formulario de varias páginas en WordPress es usando el plugin WPForms. Es el mejor plugin constructor de formularios de WordPress que te permite crear cualquier tipo de formulario que necesites.

Más de 6 millones de propietarios de sitios web usan WPForms, incluidos nosotros aquí en WPBeginner. Lo usamos para mostrar nuestro formulario de contacto, realizar encuestas anuales a lectores, gestionar solicitudes de migración y más. Consulta nuestra reseña completa de WPForms para obtener más información sobre sus funciones.

Dicho esto, te guiaremos a través de cómo crear un formulario de varias páginas en WordPress:

Paso 1: Instala y activa el plugin WPForms

El primer paso es configurar tu cuenta de WPForms. Puedes ir al sitio web de WPForms y hacer clic en el botón ‘Obtener WPForms Ahora’.

A partir de ahí, simplemente selecciona un plan, completa los detalles necesarios y sigue las instrucciones en pantalla para completar el proceso.

Cuando hayas terminado tu registro, obtendrás tu panel de WPForms. Dentro, encontrarás tu clave de licencia. Copia tu clave para usarla en el siguiente paso.

Con eso hecho, instalemos y activemos el plugin WPForms a través del administrador de WordPress. Simplemente vaya a Plugins » Añadir Nuevo Plugin para empezar.

En la siguiente pantalla, puedes usar la barra de búsqueda para encontrar rápidamente el plugin WPForms.

Luego, haga clic en el botón ‘Instalar ahora’ y ‘Activar’ cuando aparezca.

Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, visite la página WPForms » Ajustes, introduzca su clave de licencia y haga clic en el botón ‘Verificar clave’. (Puede obtener esta clave en su panel de WPForms).

Después de verificar tu clave de licencia, ya estás listo para crear tu primer formulario de varias páginas en WordPress.

Paso 2: Crea tu formulario de varias páginas en WordPress

Para empezar, naveguemos a la página WPForms » Agregar Nuevo desde tu área de administración de WordPress para iniciar el constructor de arrastrar y soltar.

Esto lo llevará a la página de Configuración dentro del constructor de formularios.

Primero, ingrese un título para su formulario.

Después de eso, elegirás cómo construirás tu formulario.

WPForms ofrece más de 2000 plantillas de formularios preconstruidas para ayudarle a ahorrar tiempo. Puede seleccionar rápidamente una y editarla según sus requisitos. También hay una plantilla de formulario en blanco que puede usar para crear un formulario totalmente personalizado.

Aún mejor, puedes usar WPForms AI para crear tu formulario rápidamente. Todo lo que necesitas hacer es escribir una breve descripción y el constructor de formularios con IA generará el formulario por ti.

Para este tutorial, usaremos la plantilla ‘Formulario de sugerencias’.

Simplemente pasa el cursor sobre el cuadro de la plantilla y haz clic en el botón 'Usar plantilla' para comenzar.

Esto te llevará a su constructor de formularios, donde puedes personalizarlo.

Simplemente arrastra los campos de la columna izquierda y suéltalos en tu plantilla de formulario. También puedes seleccionar campos de formulario existentes y personalizarlos aún más.

Después de agregar algunos campos de formulario, estás listo para agregar una nueva página a tu formulario.

Ve y agrega el campo 'Salto de página' debajo de la sección 'Campos elegantes' de la columna izquierda.

Cuando arrastras y sueltas el campo 'Salto de Página' en tu formulario, este divide el formulario en esa ubicación exacta.

WPForms también añadirá un marcador de 'Primera Página / Indicador de Progreso' en la parte superior de la página. Empujará el botón de envío a la página final, y tus páginas anteriores ahora tendrán un botón 'Siguiente' en su lugar.

Ahora, si haces clic en el marcador 'Primera Página / Indicador de Progreso' en WPForms, verás 4 estilos diferentes de indicador de progreso para elegir. Cada uno funciona mejor para diferentes tipos de formularios:

• La barra de progreso simple es mejor para formularios con 3-5 páginas. Muestra una barra limpia basada en porcentajes que se llena a medida que los usuarios completan cada página, lo que la hace perfecta para formularios de contacto, formularios de registro o encuestas.
• Los círculos y conectores funcionan bien para formularios más largos con 6+ páginas. Estos estilos dan a los usuarios una idea más clara de cuántos pasos quedan, lo cual es especialmente útil para formularios complejos como solicitudes de empleo o cuestionarios detallados.

• Si tienes un formulario de 2 páginas muy corto, es posible que desees elegir ninguno para evitar saturar la interfaz. Muchos usuarios prefieren un diseño minimalista para formularios simples donde el progreso ya es obvio.

La opción de personalización de color te permite que tu indicador de progreso coincida con los colores de tu marca. Y si añades el 'Título de Página', se mostrará en el indicador de progreso.

Este pequeño detalle hace que tu formulario se sienta más integrado con el diseño general de tu sitio web. No te preocupes, siempre puedes volver y cambiar este estilo más tarde si decides añadir o quitar páginas.

A continuación, puedes hacer clic en el marcador de 'Salto de página' para editar sus propiedades. Aquí puedes:

• Cambiar el texto del botón ‘Siguiente’.
• Proporciona un título para la siguiente página.

Luego puedes continuar y agregar tantos saltos de página como necesites.

También puedes usar lógica condicional para mostrar u ocultar campos según las respuestas del usuario.

En esta plantilla, puedes ver que ya está configurada para el campo ‘Si otro…’. Puedes verificarlo haciendo clic en él y yendo a la pestaña ‘Lógica inteligente’.

Cuando hayas terminado, simplemente haz clic en el botón ‘Guardar’ en la esquina superior derecha.

Ahora has terminado de crear tu formulario de varias páginas. El siguiente paso es agregar el formulario a tu sitio web.

Paso 3 (Opcional): Añadir una página de revisión/resumen antes del envío

Una página de revisión (también llamada página de resumen) permite a los usuarios ver todas sus respuestas antes de presionar el botón final de enviar. Los usuarios aprecian la oportunidad de verificar su información, especialmente en dispositivos móviles donde los errores de escritura son más comunes.

Para formularios largos de 5 o más páginas, una página de revisión se vuelve esencial. Brinda tranquilidad a los usuarios y reduce la tasa de abandono en la página final, cuando de otro modo los usuarios podrían dudar antes de hacer clic en enviar.

Para crear una página de revisión en WPForms, puedes agregar un último campo de Salto de página al final de tu formulario, justo antes del botón de enviar.

Continúa y arrastra y suelta el campo 'Salto de página' en la vista previa del formulario.

A continuación, agreguemos un campo de 'Vista previa de entrada' en esa última página.

Puedes colocarlo justo antes del botón de Enviar de tu formulario.

Para abrir la configuración de personalización, haz clic en el campo.

Aquí, asegúrate de activar 'Mostrar aviso de vista previa'. También puedes editar el texto predeterminado para que coincida con la voz y el tono de tu marca.

Y eso es todo.

Esto funciona especialmente bien para formularios que recopilan información importante como detalles de contacto, direcciones de envío o información de pago. Cuando los usuarios pueden revisar sus entradas, es más probable que detecten errores tipográficos o de otro tipo antes de enviar.

Paso 4: Añade tu formulario de varias páginas a las publicaciones y páginas de WordPress

Es inteligente probar tu formulario antes de publicarlo.

Dentro del constructor de formularios, haz clic en el botón 'Vista previa' para abrir tu formulario en una nueva pestaña.

En la pantalla de Vista previa, intenta completarlo como lo haría un visitante real.

También puedes probar algunos escenarios comunes, como:

• Omitir un campo obligatorio
• Ingresar una dirección de correo electrónico inválida o con errores tipográficos
• Moverse hacia adelante y hacia atrás entre páginas

Esto te ayuda a asegurarte de que la navegación de tu página funcione correctamente y garantiza que tus mensajes de error automáticos se activen adecuadamente, para que los usuarios reales sepan exactamente qué corregir si cometen un error.

Antes de enviar el formulario, revisa la sección Vista previa de entrada.

Esto debería mostrar toda la información ingresada en cada página del formulario.

Una vez que todo se vea bien, continúa y presiona Enviar para confirmar que el envío del formulario se realiza correctamente.

Si todo funciona sin errores, entonces estás listo para publicar tu formulario de varias páginas.

WPForms hace que sea súper fácil agregar formularios a las publicaciones y páginas de WordPress.

Puedes hacer clic en el botón ‘Incrustar’ en la parte superior del constructor de formularios y agregar el formulario a una página nueva o a una existente.

Para este tutorial, elegiremos la opción ‘Seleccionar página existente’.

En la siguiente ventana emergente, puedes seleccionar una página del menú desplegable y hacer clic en el botón '¡Vamos!'.

Esto te llevará al editor de bloques de WordPress.

Desde aquí, puedes hacer clic en el botón ‘+’ para agregar el bloque WPForms.

WPForms cargará entonces el bloque en el editor de contenido.

Desde aquí, puedes seleccionar tu formulario de varias páginas en el menú desplegable.

Después de eso, deberías ver una vista previa de tu formulario en el editor de bloques.

Desde aquí, puedes personalizar cómo se verá tu formulario en tu publicación o página.

Por ejemplo, en el panel de bloques de WPForms a la derecha, puedes habilitar el título y la descripción del formulario o dar estilo al formulario usando un tema que coincida con el diseño de tu sitio.

Cuando estés satisfecho con cómo se ve todo, procede a publicar tu página o publicación.

Con eso hecho, puedes visitar tu sitio web de WordPress para ver tu formulario de varias páginas en acción:

Para obtener detalles, puedes ver nuestra guía sobre cómo incrustar formularios en WordPress.

Consejo extra: Lleva los formularios de varias partes de WordPress al siguiente nivel

Si deseas obtener los mejores resultados de tu sitio web, probablemente quieras saber cómo llevar tus formularios de generación de leads al siguiente nivel.

Hay varias cosas que puedes hacer para mejorar drásticamente las conversiones de tus formularios de varias páginas de WordPress.

Consejo 1. Formularios Interactivos para Generar Leads

WPForms viene con un complemento de formularios de leads que te permite mejorar tu tasa de finalización de formularios con un diseño de diseño de formulario atractivo. (Ten en cuenta que el complemento de formularios de leads está disponible con el plan WPForms Pro o superior).

Esencialmente, te permite presentar a los usuarios una pregunta a la vez, haciendo que tus formularios sean menos intimidantes y más fáciles de completar.

Esto funciona especialmente bien para un formulario de solicitud de cotización y otros formularios de generación de leads en tu sitio. Aquí tienes un ejemplo de cómo se ve:

Esta función es similar al complemento de Formularios Conversacionales de WPForms, que utiliza un enfoque cara a cara para hacer una pregunta a la vez a los usuarios.

En pocas palabras: el complemento de formularios de clientes potenciales muestra una pregunta a la vez dentro de tu página existente. Mientras tanto, el complemento de formularios conversacionales crea una página de destino dedicada a pantalla completa para una experiencia sin distracciones.

Para obtener más consejos, consulta nuestra guía sobre cómo crear formularios más interactivos en WordPress.

Consejo 2. Habilitar Envíos Parciales de Formularios

Investigaciones de The Manifest encontraron que el 81% de las personas han abandonado al menos un formulario en línea. Esta alta tasa de abandono, especialmente para formularios más largos, es la razón por la que guardar entradas parciales es tan valioso.

Es por eso que recomendamos habilitar las sumisiones parciales de formularios en WordPress. El complemento de abandono de formularios de WPForms te permite hacerlo con facilidad. (Esta potente función está disponible en el plan WPForms Pro y superior).

Puedes habilitarlo simplemente yendo a la pestaña Abandono de formularios en la configuración del constructor de formularios.

Esto te permite enviar mensajes de seguimiento dirigidos a quienes abandonan tu formulario para aumentar la conversión de tus ventas.

Preguntas frecuentes sobre cómo agregar un formulario de varias páginas en WordPress

¿Tienes más preguntas sobre cómo crear formularios de varias páginas? Aquí tienes algunas respuestas rápidas para ayudarte.

¿Puedo tener varios formularios en una sola página?

Sí, puedes agregar más de un formulario a una sola página de WordPress. Pero si estás recopilando información relacionada, generalmente es mejor usar un formulario de varias páginas en su lugar. Mantiene las cosas ordenadas y hace que el proceso sea más fácil para tus visitantes.

¿Qué sucede si un usuario abandona el formulario a mitad de camino?

Por defecto, los datos del formulario solo se guardan cuando alguien lo envía. Si estás usando WPForms Pro, puedes activar el complemento de abandono de formularios para capturar entradas parciales automáticamente. De esa manera, aún puedes hacer un seguimiento de las personas que no terminaron de completar el formulario.

¿Puedo agregar un botón de 'Anterior' a mi formulario de varias páginas?

¡Sí! La mayoría de los constructores de formularios te permiten agregar un botón 'Anterior' para que los usuarios puedan retroceder y editar sus respuestas antes de continuar. Es un pequeño detalle que puede hacer que tus formularios se sientan más fáciles de usar.

¿Cómo puedo crear un formulario de varios pasos en WordPress sin un plugin?

Es posible, pero no muy práctico. Necesitarías escribir el código tú mismo usando HTML y CSS, asegurarte de que la información se ingrese correctamente y construir un sistema para procesar y guardar las sumisiones. Usar un complemento como WPForms es mucho más rápido y fácil para la mayoría de los usuarios.

¿Puede ChatGPT crear formularios?

ChatGPT puede ayudarte a escribir el HTML o planificar cómo debería funcionar tu formulario, incluido un diseño de varios pasos o un flujo de preguntas. Pero aún necesitarás agregar el formulario a WordPress tú mismo y encargarte de cosas como el diseño, la validación y el guardado de las entradas.

Más guías para usar formularios de WordPress

Esperamos que este artículo te haya ayudado a agregar un formulario de varias páginas en WordPress.

Si te resultó útil, es posible que también quieras ver nuestras guías sobre:

• Cómo mostrar un formulario de contacto flotante en WordPress
• Cómo usar formularios de contacto para hacer crecer tu lista de correo electrónico en WordPress
• Formas de usar la lógica condicional en tus formularios de WordPress
• Cómo agregar funcionalidad de guardar y continuar en formularios de WordPress
• La guía definitiva para usar formularios de WordPress (Todo lo que necesitas saber)

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.