Hace unos días, alguien me preguntó sobre la creación de formularios de varios pasos en WordPress. Estaba en una fiesta, de alguna manera en una conversación, surgió un problema. En este punto, no tenía ganas de explicarle el asunto, pero mientras trabajaba con WordPress, sentí que lo había convencido y de alguna manera tenía que hacerlo entender.
Más tarde, consideré el problema y pensé en escribir un tutorial basado en él que podría ayudar a otros a crear un formulario de varios pasos en WordPress. Es por eso que estoy tratando de hacerlo posible.
¿Por qué diseñar formularios de varios pasos?
El formulario es una de las formas más fáciles de recopilar información y conectarse con su audiencia. Podría ser el formulario simple habitual, podría ser un formulario comercial o podría ser cualquier formulario relacionado con la encuesta.
WP Fluent Forms Pro
¡Pruebe Fluent Forms hoy y compruébelo usted mismo!
Sin embargo, los formularios largos son desagradables para los usuarios a veces y, en última instancia, también pueden considerarse una mala experiencia de usuario. Para deshacerse de este problema, casi todas las grandes empresas utilizan formularios de varios pasos que se dividen en secciones y páginas.
La barra de progreso en la parte superior de la página brinda a los usuarios más comodidad y control para completar el formulario y, lo que es más importante, le da un sabor diferente a su interacción con los usuarios. Además, aumenta rápidamente su compromiso con sus usuarios.
¿Cómo crear un formulario de WordPress de varias páginas con WP Fluent Form?
Usaré WP Fluent Form aquí para que lo entiendas. WP Fluent Form es un complemento de formulario de WordPress fácil de usar y de rápido crecimiento para crear cualquier tipo de formulario.
En primer lugar, debe instalar y activar el complemento WP Fluent Form en WordPress. Para obtener más información, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación Formas líquidas de WP complementos y después de completar el proceso de licencia, obtendrá un entorno conveniente para crear un formulario de varios pasos en su sitio web.
Creo que va a crear un formulario de varios pasos de tres pasos como lo estoy haciendo ahora. El primer paso es la información personal del usuario, la segunda página es la información educativa del usuario y la tercera página está dedicada a sus pasatiempos. Ahora le mostraré cómo hacerlo con WP Fluent Form.
WP Fluent Forms te ofrece Más de 60 plantillas de formulario prefabricadas integradas. Puede usar cualquiera de ellos con un clic para cumplir el propósito correcto. Cuando haya terminado de hacer clic, verá que el formulario correspondiente se ha creado automáticamente.
También puede crear formularios manualmente desde cero. Para crear un formulario desde cero, simplemente vaya a Forma líquida -> Crear forma vacíaaparecerá un cuadro de diálogo con tres formatos de formulario predeterminados y una opción personalizada para crear un nuevo formulario.
Para más información, ver cómo crear un nuevo formulario con Fluent Forms.
Haga clic cuando haya terminado Crear un formulario en blanco, encontrará un asistente de formulario que aparecerá con opciones de configuración. En la barra lateral derecha, encontrará campos de entrada que se pueden arrastrar y soltar para agregar una función específica al formulario.
Después de crear el formulario, ahora debe ingresar los campos necesarios. Para hacerlo posible, arrastre y suelte los campos que desee; por ejemplo, para obtener información personal de usted, colocaría cuatro campos diferentes en el formulario.
Tiene campos de entrada, ahora necesita hacer clic o arrastrar y soltar cualquier campo de entrada para agregar cualquier función al formulario. Después de agregar cualquier campo de entrada, cambie Etiqueta del artículo para cada parte según el nombre deseado. Dejo algunas capturas de pantalla para una mejor comprensión.
Agregar Campos de nombre, Campos de dirección, correos electrónicos de acuerdo a sus necesidades. Puede personalizar cada campo de entrada y cambiar su etiqueta de campo de administrador, marcador de posición, etiqueta de elemento, etc.
añado Déjalo caer campo de entrada al editor antes Dirección campo y nombrándolo como Sexo. en Sexo sección, debe configurar las opciones del menú desplegable.
También puede reordenar los campos de entrada simplemente arrastrando y soltando. Como puede ver en la imagen de abajo, estoy arrastrando y soltando Sexo campo de entrada.
Agregar Paso de formulario el campo de entrada donde desea finalizar el primer paso del formulario. Esto creará un salto de página en el formulario de varios pasos. Agregue otros campos a continuación para que aparezcan en la página siguiente.
Ahora pase el cursor sobre el Iniciar paginación sección, entonces encontrará Editar opción (icono de lápiz). Haz clic en él y te llevará a Personalización de los datos de entrada. Ahí tienes que darle un título a cada paso haciendo click Barra de progreso botón.
Registre un nombre de título para cada paso. Por ejemplo, escribe Informacion personal en Paso 1 campo de entrada. Escribe Educación en Paso 2 campo de entrada y así sucesivamente. Ahora eche un vistazo a la sección de vista previa.
La foto muestra que una barra de progreso y una próximo como un indicador en la parte superior e inferior del formulario.
Ahora debe trabajar en el segundo lado del formulario, que indica la parte educativa del formulario. Para este propósito, puede utilizar texto sencillo campo para Universidad & Universidad para la entrada de datos. tienes que usar Déjalo caer campo para ingresar «Grado» en el formulario.
Echemos un vistazo a la captura de pantalla de cada campo de entrada. Para la universidad y la universidad, primero debe ajustar las etiquetas.
Para La licenciatura campo de entrada que debe usar Déjalo caer campo de entrada. En ese caso, primero debe personalizar la etiqueta y luego proporcionar las opciones desplegables.
Ahora irá a la tercera página que está relacionada con los pasatiempos del usuario. Para que eso suceda, tenemos que volver a elegir. Paso de formulario para acercarme a ella.
Se creará un nuevo campo de entrada inmediatamente después de hacer clic en el botón Paso de formulario campo en Iniciar paginación Sección. Registre el título del título del tercer paso haciendo clic en Editar en la sección «Paso de formulario».
Escriba el título escribiendo Hobby en el campo de entrada. Luego vaya a la tercera parte del formulario. Tu puedes elegir texto sencillo un campo para cada afición.
Tienes que soltarlo justo arriba Enviar el formulario botón.
Puedes tomar dos más de esta manera texto sencillo área para dar una vista completa en la tercera parte del formulario. Luego personaliza la «Etiqueta del artículo» con el texto Pasatiempos uno.
Debe personalizar los otros dos campos con nombre Pasatiempos 2 y Pasatiempos tres adecuadamente. Entonces eche un vistazo a la vista previa de esta interfaz.
En la parte inferior de la página puede ingresar Términos y condiciones campo para completar todo el procedimiento. Luego podemos echar un vistazo a todo el proceso de envío del formulario.
Ahora eche un vistazo a la vista previa final.
Así es como puedes crear formulario de varias etapas por Forma líquida WP. Es muy útil y eficaz en el trabajo. Forma líquida WP porque proporciona las funciones más convenientes al crear un formulario de varios pasos para cumplir con sus propósitos específicos.
Para aprovechar esta funcionalidad y crear formularios de varios pasos atractivos, compactos e intuitivos, descargue Suplemento WP Fluent Form Pro ¡Ahora!
Suscríbete a nuestro canal de Youtube para obtener consejos y trucos sobre WordPress. Síguenos también Gorjeo y Facebook.
