Mantenlos haciendo clic: cómo los formularios de varios pasos de Fluent Forms pueden ayudarte a cautivar a tus usuarios

Publicado: 2024-03-20

El complemento Fluent Forms ofrece muchas funciones, suficientes para que puedas crear diseños sorprendentes pero de formato largo. Sin embargo, esta longitud puede ser un obstáculo, y ahí es donde entran en juego los formularios de varios pasos de Fluent Forms.

Si desea mantener altos niveles de participación y tasas de finalización saludables, podría ser útil dividir sus formularios en varias páginas. Esto es fácil de configurar en Fluent Forms y te brinda la libertad de seguir haciendo todas las preguntas que necesites a tus encuestados.

Para esta publicación, veremos con más detalle los formularios de varios pasos de Fluent Forms. Esto incluirá mostrarle cómo configurarlos, junto con por qué y dónde los usaría.

La funcionalidad disponible en Fluent Forms

No tenemos que dedicar demasiado tiempo aquí, ya que cubrimos mucho de lo que ofrece Fluent Forms en varias otras publicaciones sobre WP Mayor. Le sugerimos que comience con nuestra revisión en profundidad de Fluent Forms, ya que esto le brinda el contexto que necesita sobre lo que hace Fluent Forms.

La imagen del encabezado de Fluent Forms de WordPress.org.

Sin embargo, ofrezcamos un resumen rápido de las otras características clave que puede encontrar:

  • Puede comenzar desde una plantilla, para que la fase de diseño se desarrolle de manera más fluida y rápida, y luego usar un generador de formularios de arrastrar y soltar para crear formularios.
  • Hay muchas funciones avanzadas disponibles. Esto incluye calculadoras, lógica condicional, la capacidad de crear formas conversacionales y más.
  • Si vende productos en su sitio, Fluent Forms le brinda la funcionalidad de aceptar pagos con facilidad.
  • Puede utilizar la gran colección de integraciones para conectar Fluent Forms con otros servicios de terceros. Esto amplía el alcance del complemento casi sin límites.

Una licencia premium de Fluent Forms comienza desde $79 por año, que incluye todas las funciones que se ofrecen. Debido a esto, puedes aprovechar el poder de los formularios de varios pasos de Fluent Forms sin costo adicional.

Por qué los formularios de varios pasos son vitales para una mejor participación

Un formulario en línea típico utilizará la menor cantidad de campos posible. Esto es excelente si solo necesita hacer preguntas básicas a sus visitantes, como nuestro formulario de contacto:

Página de contacto del alcalde de WP.

Sin embargo, si necesita hacer muchas preguntas o desea recopilar datos complejos, los usuarios podrían sufrir fatiga. El resultado será un aumento en las tasas de abandono de formularios.

Aquí es donde los formularios de varios pasos ofrecen importantes beneficios en algunas áreas:

  • Fatiga de forma reducida. Si su formulario consta de pasos manejables, puede mitigar la carga cognitiva de los usuarios. Esto afecta positivamente la experiencia general del usuario y hace que completar el formulario sea menos desalentador.
  • Precisión de datos mejorada. Los formularios de varios pasos combinan bien con la lógica condicional. Esto le permite mostrar u ocultar campos según las respuestas del usuario. Un formulario más relevante tiene mayores posibilidades de completarse. También debería capturar datos de mayor calidad y reducir la cantidad de errores en las respuestas de cada formulario.
  • Mejora de la participación del usuario. Un formulario de varios pasos puede impulsar el compromiso a través de su estructura. Debido a que hay menos elementos en la pantalla, el atractivo visual de su formulario también debería mejorar.

Estas interacciones y elementos de experiencia de usuario (UX) pueden parecer pequeños, pero ofrecen mucho valor. Los marcadores visuales, como barras de progreso o marcadores de sección, dan al usuario una sensación de control.

El sitio web de GoCompare que muestra la cantidad de pasos necesarios para llegar al final de un formulario de varios pasos.

Si pueden ver cuánto tiempo lleva completar un formulario, es probable que el usuario tenga más confianza para completarlo. Esto también generará confianza en su sitio. El beneficio neto son datos de mejor calidad y formularios más completos.

Dónde le gustaría utilizar formularios de varios pasos

Los formularios de varios pasos no son una panacea para los problemas de participación existentes con sus formularios actuales. Sin embargo, son casi necesarios en muchos casos diferentes.

En sentido general, debes utilizar formularios de varios pasos siempre que necesites recopilar mucha información. Esto será importante si tiene que estructurar su formulario en varias categorías. Por ejemplo, el sitio web de seguros de automóviles GoCompare deberá hacer muchas preguntas para realizar una cotización:

El formulario de varios pasos de GoCompare.

Si necesita personalizar un formulario, un enfoque de varios pasos formará parte de su estrategia. Es una forma simplificada de ayudar al usuario a completar un formulario extenso. La forma principal de Lemonade es excelente para contenido relevante, conversacional y personalizado:

Formulario de varios pasos de Lemonade que muestra una selección de tipos de seguros.

Las encuestas y los cuestionarios a menudo pueden ser laberintos de campos, preguntas y secciones. Por supuesto, este es un caso de uso ideal para formularios de varios pasos, ya que puede fomentar una mayor participación. El sitio web de Expert Photography incluye un cuestionario con tres secciones rápidas. Al final, obtienes un "tipo" de fotógrafo y una recomendación de recursos adicionales:

El cuestionario de fotografía de expertos en fotografía.

Finalmente, un formulario de varios pasos también es una excelente manera de aceptar pagos. HelloFresh es un buen ejemplo aquí, ya que su formulario es rápido de completar pero completo:

La pantalla de pago de HelloFresh, que también funciona como un formulario de varios pasos para elegir un plan.

Si tiene una estrategia de recopilación de datos que se basa en formularios de varios pasos, necesitará saber cómo crearlos. A continuación, veremos el uso de los formularios de varios pasos de Fluent Forms para lograr el trabajo.

Cómo configurar formularios de varios pasos de Fluent Forms (¡en 3 pasos!)

Comencemos a ver cómo implementar los formularios de varios pasos de Fluent Forms. Ofrece un tipo de enfoque diferente al de otros creadores de formularios. Nos gusta y en breve te mostraremos por qué. Sin embargo, antes de esto, deberá agregar un nuevo formulario a su sitio.

1. Agregue un nuevo formulario y elija su estilo

Para agregar un nuevo formulario, inicie sesión en WordPress y diríjase a la pantalla Fluent Forms Pro > Agregar formulario . Esto abrirá un cuadro de diálogo emergente:

Elegir un nuevo tipo de formulario dentro de Fluent Forms.

Puede elegir cualquier tipo de formulario aquí según sus objetivos. Las plantillas de Fluent Form contienen una amplia gama de tipos de formularios y puede encontrar algo adecuado aquí:

Elegir una plantilla prediseñadas dentro de Fluent Forms.

Una vez que elija un formulario, accederá al generador de arrastrar y soltar. Desde aquí, puede comenzar a segmentar su formulario utilizando la funcionalidad de Fluent Forms.

2. Utilice el campo Paso del formulario para segmentar su formulario en páginas

Los formularios de varios pasos de Fluent Forms te permiten diseñarlos para que puedas ver el flujo completo de un vistazo en el back-end de WordPress. Para segmentar su formulario, puede llamar al campo Paso del formulario. Incorpora la funcionalidad para navegar a través del formulario según lo especifique.

Para encontrarlo, use el campo de búsqueda de formulario o busque en la sección Campos avanzados en el generador de Fluent Forms:

El constructor Fluent Forms que muestra el campo Paso del formulario.

Una vez que arrastre esto a su página, el campo Paso del formulario agregará más marcadores de sección para indicar el inicio del formulario, el final del formulario y cualquier salto o paso:

Los campos Inicio de paginación y Salto de página creados con el campo Paso de formulario.

Para crear más pasos, puede agregar más campos de Paso de formulario:

Agregar un campo Paso de formulario al lienzo del formulario en el generador.

Si guarda su formulario ahora y hace clic en el botón Vista previa y diseño , podrá ver cómo se verá en la interfaz:

Vista previa de un formulario en la parte frontal de un sitio.

Sin embargo, esto no es todo lo que puedes hacer. También puede personalizar la experiencia del formulario para satisfacer sus necesidades y las de sus usuarios.

3. Personalice la UX de su formulario de varios pasos

Una vez que arrastre el campo Paso del formulario a su lienzo, puede hacer clic para editar la interfaz de su formulario de varios pasos. Por ejemplo, cada sección de Salto de página le permite cambiar el diseño de los botones Siguiente y Anterior :

Trabajar con la configuración de Personalización de entrada dentro de un campo de salto de página.

Sin embargo, la sección Inicio de paginación ofrece la mayor posibilidad de personalización. Por ejemplo, puedes elegir cómo se mostrará tu indicador de progreso. Puedes elegir una barra de progreso, mostrar los pasos o no mostrar nada en absoluto. Para cada paso que cree, también puede establecer un título dedicado aquí:

Personalizando la sección Inicio de paginación dentro de Fluent Forms.

Si lo desea, también puede cambiar el estilo de animación desde la configuración de Inicio de paginación. En la parte inferior del panel de opciones, hay casillas de verificación para habilitar algunas funciones útiles. Por ejemplo, puede cambiar el enfoque automático para cada página o configurar la función "guardar y continuar":

Casillas de verificación para habilitar varias opciones adicionales para los formularios de varios pasos de Fluent Forms.

Esta es otra forma de aumentar sus tasas de participación y finalización. Si les da a los usuarios la opción de regresar al formulario en una fecha posterior, podría ser la diferencia entre descansar y regresar fresco para terminar el formulario.

Cuando esté listo, puede guardar su formulario y agregarlo a su sitio. Si lo revisas en la interfaz, verás el formulario de varios pasos de Fluent Forms listo para usar.

Nuestros pensamientos finales

Si echas un vistazo a los diversos campos de Fluent Forms, verás una multitud de formas de obtener la información que necesitas de tus usuarios. Sin embargo, si agrega todo esto en un formulario de una sola página, podría correr el riesgo de que los encuestados abandonen el formulario antes de tiempo. Este es un trabajo para los formularios de varios pasos de Fluent Forms.

Dentro de su editor de arrastrar y soltar, utilizará el campo Paso del formulario para indicar el final de una página y el comienzo de otra. En la interfaz, Fluent Forms hace el trabajo duro para mover al usuario a lo largo de su formulario. El resultado es menos fatiga para los encuestados y un mayor compromiso con su formulario. Es más, puedes lograrlo a partir de $79 por año para la versión premium de Fluent Forms.

¿Los formularios de varios pasos de Fluent Forms te dan ideas sobre cómo puedes lograr tus próximos objetivos? ¡Comparte tus pensamientos con nosotros en la sección de comentarios a continuación!