homefinance blog
¿Las formas largas no se convierten? ¡Necesitas formularios de múltiples pasos! Le mostraremos cómo crear un formulario de varias páginas con una barra de progreso en su sitio web de WordPress.
Tiempo de lectura aproximado: 6.5 minutos ¿Desea construir un formulario en varios pasos en su sitio de WordPress? Usted está en el lugar correcto! Los formularios en varios pasos (también llamados formulaciones o formularios de páginas múltiples) mejoran la experiencia del usuario y aumentan las conversiones de formularios. Más sobre esto a continuación.
Formidable Forms es el mejor complemento de constructor de formulario de WordPress. ¡Tómelo gratis!
Para comenzar, todo lo que necesita es un complemento para el generador de formularios de WordPress con las características necesarias para crear un formulario en varios pasos.
Antes de comenzar, eche un vistazo a algunas razones excelentes por las cuales un formulario en múltiples pasos puede llevar su sitio al siguiente nivel.
¿Por qué utilizar un formulario de varios pasos en su sitio? Nada mata el entusiasmo como una forma súper larga. Estábamos todos allí. Estás listo para registrarse en un nuevo sitio web, ¡pero espera! El formulario de registro es demasiado largo … ¿lo saltaste? Si lo hubieras hecho, no serías el único. Los expertos en datos comerciales de la manifestación han descubierto que el 81% de las personas han abandonado un formulario antes de completarlo. También encontraron que el 27% de estas personas abandonaron la forma porque era demasiado largo.
Eso no es todo. Los expertos en las páginas de destino del Instapage describieron un caso en el que los formularios en varios pasos aumentaron la conversión de clientes potenciales en un 214%. Si sus formularios son demasiado largos, ¡estadísticas como estas dicen que es hora de compartirlos! El problema con formularios largos es que su finalización se siente como un trabajo para el usuario final. ¡Su negocio debe resolver problemas, no crear nuevos! Las formas largas aumentan el frotamiento, lo que lleva a tasas de conversión más bajas. Para aquellos que no saben, la fricción se refiere a cualquier parte del proceso de conversión que hace que un usuario sea menos probable que haga conversiones. En otras palabras, hay malas noticias. Entonces, ¿cuál es la solución? ¡Lo adivinaste! Formularios con varias etapas. La división de los formularios en partes más pequeñas es excelente para las conversiones de los formularios, como se mencionó anteriormente. Pero hay otros usos. Por ejemplo, los formularios con múltiples pasos se pueden usar para encuestas o encuestas más largas, siendo ambas herramientas excelentes para obtener más información sobre su audiencia y si vende en línea con WordPress, necesita formularios en múltiples pasos para obtener más clientes. ¿Convencido? Echemos un vistazo a algunas de las mejores prácticas. Obtenga más información: 10 consejos para crear un formulario de encuesta al cliente
Las mejores prácticas para formularios en varios pasos
El famoso estadístico estadounidense Edward Tufte dijo que “la acción del usuario más común en un sitio web es ejecutarse”. ¡Sí! Nadie quiere esto … Cuando piensas en el tráfico web en estos términos, te hace querer optimizar todos los aspectos de su sitio. Es una empresa larga pero satisfecha. Como primer paso, aprendamos algunas de las mejores prácticas para formularios en varios pasos. Optimice su botón CTA (botón Enviar): cambie el texto en el botón Formulario para mostrar a los usuarios que habrá otra página. Puede cambiar el texto en su botón para decir “Siguiente →”, por ejemplo. Segmentar el formulario del formulario lógicamente: intente agrupar el formulario del formulario lógicamente. Por ejemplo, agrupe su información de pago y envío. Siempre piense en el usuario final cuando divida su página con las interrupciones de la página. Use una barra de progreso: con una barra de progreso en varios pasos, los usuarios pueden navegar fácilmente cada página y saltar a un paso diferente si lo desean. Esto también permite a los usuarios devolver y reparar errores. Incluya una página de resumen (cuando sea necesario): cuando se combina con formularios en varios pasos, una página de resumen es algo fuerte. Antes de enviar su información, los usuarios pueden obtener una vista previa de su envío, lo cual también es una excelente manera de reducir las referencias incorrectas.
Respetar estas pautas lo ayudará mucho cuando se trata de formulación en varios pasos. ¡Pero no se olvide de todas las otras cosas que puede hacer para generar más clientes potenciales en su sitio!
¿Construir formularios de encuestas en varios pasos? Necesita formidable: ¡las mejores encuestas de WordPress en el mercado!
Paso 1: Cree un formulario en WordPress Lo primero que debemos hacer es crear un formulario en el administrador de WordPress. Para iniciar, instalar y activar el complemento de formularios formidables, luego siga estas instrucciones para instalar la versión Formidable Forms Pro y desbloquear los formularios en varios pasos.
Después de eso, haga clic en Formidable → + Agregar nuevo para crear un nuevo formulario. Puede crear cualquier forma que desee. Para simplificar las cosas, le mostraremos cómo crear un formulario de contacto en varios pasos.
Obtenga más información: Cómo crear un formulario en WordPress Paso 2: Divida la página con las interrupciones de la página Después de haber creado el formulario, el siguiente paso es agregar interrupciones de la página. ¡Estos le permiten construir formularios en varios pasos! Para agregar interrupciones de la página a su formulario, simplemente use el arrastre y suelte Formidable. En campos avanzados, extraiga el campo de la página en el formulario.
En nuestro ejemplo, dividimos el formulario después del primer nombre y la dirección de correo electrónico.
Una vez que haya dividido el formulario en al menos dos partes, podrá darle un nombre a cada parte. En formidable, esto se hace accediendo a la configuración del formulario y configurando la configuración de paginación para mostrar la barra de progreso. También puede ajustar las páginas, ocultar los números de página o ocultar las líneas de paginación. Le recomendamos que marque la casilla con títulos de visualización de las páginas con pasos y etiquete sus páginas. Esto ayuda a los usuarios a saber qué página son cuando miran la barra de progreso. En nuestro ejemplo, nombraremos nuestras páginas como información de contacto y su mensaje. Tenga en cuenta que el nombre de sus páginas en formularios de múltiples pasos puede ayudar a los usuarios a saber dónde están en el proceso de enviar formularios.
Paso 3: Diseñe su barra de progreso ahora que ha configurado su formulario, le recomendamos que se asegure de que la barra de progreso coincida con su sitio antes de eso, asegúrese de elegir el estilo de paginación adecuado. Hay dos opciones desde las que puede elegir en la pestaña Configuración de formulario. Estos son:
Barra de progreso
La línea de raíz
Una vez que haya elegido el que más le guste, es hora de cambiar el diseño. Para hacer esto, vaya a formidables → estilos → barras de progreso y establezca cualquier esquema de color.
Puede ajustar los colores de la barra de progreso en esta sección. A medida que realice ajustes, podrá verlos de inmediato. Esta función de ahorro de tiempo se llama Visual Styler. ¡Y, por cierto, el uso de nuestro estilo visual no requiere codificación en absoluto!
Obtenga más información: cómo usar el estilista formidable Paso 4: Agregue el formulario con más pasos a su sitio ahora todo lo que queda es agregar el nuevo formulario en varios pasos en cualquier página o publicación. Para publicar un formulario en formidable, hay algunas formas simples: usar el generador de código corto
Inserción manual de la forma corta de la forma
Usando un bloque de formulación
Use el widget de formulario formidable para mostrar un formulario en la barra lateral
Los usuarios avanzados también pueden introducir formularios utilizando PHP. Paso 5: Configure la configuración de formulario opcional antes de concluir, es posible que desee considerar algunas opciones de formulación adicionales:
Configurar la configuración del formulario
Configurar las notificaciones en el formulario
También hay pruebas avanzadas para probar, como la lógica condicional, por ejemplo. Con la lógica condicional, puede asegurarse de que sus usuarios solo respondan las preguntas que más importan en función de los datos que ingresan. En el caso de formularios de múltiples etapas, ¡las posibilidades con la lógica condicional son infinitas! Aquí hay una idea simple: solicite a los usuarios que seleccionen su tipo de solicitud usando un cuadro desplegable en la primera página de un formulario de varios pasos. ¡Luego puede configurar el formulario para mostrar diferentes opciones dependiendo de su selección! ¡Este fin es! Esperamos que este ejercicio le haya demostrado lo fácil que es crear una forma de WordPress de varias páginas. Para obtener más brujería de WordPress, ¡asegúrese de seguirnos en el blog formidable! Lea más sobre formularios de múltiples pasos
El mejor complemento de formulario Ajax de WordPress (y cómo usarlo) lea más como un formulario Ajax en múltiples pasos en WordPress Leer más
Cómo obtener una vista previa de respuestas al formulario antes de enviar un formulario de WordPress Leer más
¿Todavía no usas formularios formidables?Comience hoy con su propio formulario de WordPress en varios pasos.
