Cómo agregar una forma de múltiples pasos en WordPress en 5 pasos simples

¿Sabía que transformar su forma de WordPress de un solo paso en la forma de múltiples pasos WordPress puede aumentar su conversión en casi un 60%? De hecho, en algunos casos, la tasa de conversión puede alcanzar hasta el 300%. Sí. Porque hoy en día, las personas están demasiado ocupadas y tienen un corto período de atención. Además, si les pide que completen un formulario largo en un solo paso, es más probable que salga de su sitio, dejando el formulario incompleto. Sin embargo, puede cambiar este escenario utilizando un formulario de varios pasos para su sitio de WordPress. Pero la pregunta es ¿cómo?
Bueno, es por eso que estoy aquí para mostrarle una guía de paso por paso sobre cómo agregar múltiples pasos en WordPress. Continúe leyendo para averiguar cómo puede crear fácilmente un formulario de varios pasos en el sitio web de WordPress en solo unos minutos …
Se esconde el contenido
¿Qué es una forma de múltiples pasos?
¿Por qué usar el formulario con múltiples pasos en WordPress?
Configuración necesita construir un formulario de WordPress en varios pasos
Cómo crear una forma de múltiples pasos en WordPress
Paso 1: tire y coloque metform
Paso 2: crear un nuevo formulario
Paso 3: Cree el formulario con múltiples pasos desde cero usando Metform y Page Generator Elementor
Paso 4: active la opción de formulario con múltiples pasos de metform
Paso 5: confirmar confirmación, notificación y otras configuraciones para completar
Envolver
¿Qué es una forma de múltiples pasos? Bueno, como su nombre indica, es una forma con varios pasos en los que las preguntas/campos introductorios se dividen en diferentes pasos, en lugar de ponerlos todos en un solo paso. Si está buscando una definición, así es como HubSpot define la forma con múltiples pasos. Una forma en varias etapas es una forma larga que se divide en varias piezas. Se utilizan para hacer que las formas largas sean menos intimidantes y desalentadoras. – Las formas de Hubspot con varios pasos son, en principio, un sustituto de la forma larga con demasiados campos de entrada. Si tiene una forma relativamente menor, puede permanecer en forma de un solo paso. Ahora que sabe qué es un formulario de varios pasos, veamos algunas de las razones por las que debe considerar agregar un formulario de varios pasos en su sitio web de WordPress.
¿Por qué usar el formulario con múltiples pasos en WordPress? Bueno, la respuesta simple es aumentar su tasa de conversión vertiginalmente. Los formularios con varios pasos se están volviendo muy populares en los sitios web con usos como formularios de registro, formularios de reserva, formularios de control de alimentos, etc. Algunas de las razones por las que debe considerar el uso del formulario con múltiples pasos en su sitio incluyen:
Los formularios con múltiples pasos funcionan mejor cuando se trata de atraer la atención del usuario. Como resultado, las personas se involucran más y completan sus formularios.
Los usuarios creen que es más fácil de usar y ofrece una mejor facilidad que una forma de un solo paso de largo.
Dado que hay una barra/barra de progreso con un formulario de varios pasos, los usuarios se sienten más alentados a completar un formulario con múltiples pasos. Solo varios pasos son excelentes para recopilar solo los datos relevantes que necesita.
Como resultado de todas las partes positivas mencionadas anteriormente, las formas de múltiples pasos aumentan la tasa de conversión.
Ahora que sabe que debe usar más pasos en el sitio web de WordPress, es hora de crear la configuración perfecta que necesita para crear su formulario con varias piezas.
Configurar que necesita crear un formulario de WordPress en varios pasos con WordPress, necesitará dos complementos más para crear formularios fácilmente en múltiples pasos en WordPress. Esos complementos de WordPress son:
Elementor (versión gratuita)
Metform (gratis y profesional)
Elementor es el mejor generador de páginas de WordPress, y Metform es uno de los complementos de WordPress con el crecimiento más rápido en varios pasos. Si necesita ayuda al instalar Metform, puede echar un vistazo a nuestra documentación sobre cómo instalar Metform.
Después de haber terminado de instalar, debe crear una página con el elemento del generador de página antes de poder usar Metform. Para hacer esto, vaya al tablero ⇒ página ⇒ Agregar nuevo.
Ahora, proporcione un título adecuado, seleccione el Ancho completo del elemento como plantilla, haga clic en Publicar h. Después de eso, haga clic en Editar con Elementor.
Finalmente, está listo para construir su formulario en varios pasos. Así que pasemos al proceso principal. Nota: En este tutorial, le mostraré cómo agregar un formulario en múltiples pasos a una página. Pero puede agregar fácilmente formularios creados con Metform en una ventana emergente modal.

Cómo crear un formulario con múltiples pasos en WordPress en este blog, aprenderá a crear un formulario moderno en varios pasos desde cero, en solo 5 pasos simples: Paso 1: Tire de Metform una vez que esté en modo de edición con Elementor, Busque metform y tire y colóquelo en el lugar donde desea que aparezca el formulario.

Paso 2: Cree un nuevo formulario Haga clic en la sección Formulario para acceder a las opciones de edición de metform. Haga clic en el botón Editar formulario.
Una vez que aparece una nueva ventana
Seleccione nuevo (cree un nuevo formulario)

Proporcione un nombre de formulario para el formulario

Elija la plantilla vacía,
y haga clic en Editar el formulario
¿No está seguro de por qué debe elegir MetForm y no Formularios de contacto o Formularios de gravedad? Consulte nuestro blog sobre por qué MetFrom es el mejor generador de formulación de WordPress.
Paso 3: Cree el formulario con varios pasos desde cero usando Metform y el elemento del generador de páginas Después de hacer clic en Editar el formulario, tendrá acceso a otra ventana nueva con el generador de página Elementer para crear su formulario desde cero. Para construir un paso de formulario de paso de un solo paso, debe seguir estos cuatro pasos: Agregue una nueva sección Pull y coloque los campos introductorios de acuerdo con los requisitos y coloque el botón previo/nex/envío, dependiendo de la frase en el formulario Proporcione un nombre de la sección para este blog, crearé una demostración con 3 pasos para el formulario de reserva del hotel en varios pasos utilizando los pasos mencionados anteriormente. Los tres pasos del formulario incluirán información personal, información de reserva e información adicional Fórmula de reserva – Información personal: Información personal:
Para la sección de información personal, haga clic en el icono Elemador + y elija una estructura de dos columnas.

Busque el campo de inserción de texto y tire y coloque el campo Formulario en la columna izquierda.
Ahora, para editar el atributo de este campo introductorio, haga clic en el signo de edición, vaya a Contenido ⇒ Contenido y edite las siguientes opciones:
Etiqueta de visualización: active esta opción para mostrar la etiqueta de campo introductorio.
Posición: puede elegir colocar la etiqueta hacia arriba o hacia la izquierda.

Etiqueta: Dale un nombre a tu etiqueta. Usaré el “Nombre”.

Nombre: El campo Nombre es obligatorio y debe ser único. Así que asegúrese de dar un nombre diferente a cada campo y reemplace el espacio con un tablero/guión.
Sustituyente: proporcione un texto sustituto.
Texto de ayuda: si desea proporcionar un texto de ayuda de ayuda, puede hacerlo aquí. Luego vaya a Contenido ⇒ Configuración para cambiar las siguientes opciones:
Obligatorio: para que este campo sea obligatorio, active esta opción.
Tipo de validación: puede establecer diferentes tipos de validación para el campo de texto dependiendo de la longitud del carácter, la longitud de la palabra y la expresión.
Mensaje de advertencia: Aquí puede establecer el mensaje de advertencia que aparecerá si no se cumple el requisito.
Nota: Usaré la función lógica condicionada en el segundo paso de este formulario.

Al igual que el primer nombre, agregue otro campo para ingresar el texto para el apellido. Como parte del paso de información personal, aquí agregaré dos campos más; Correo electrónico y número de móvil.
Una vez que haya terminado de cambiar el correo electrónico y la configuración del número de móvil. Busque y tire y coloque el siguiente botón del paso. Puede cambiar las diferentes configuraciones de los botones, como la etiqueta, la alineación de los botones, el icono, la posición del icono, etc.
Ahora la sección para el primer paso está lista para dar un nombre propio
Haga clic en el icono de seis puntos para abrir la opción Configuración y vaya al aspecto ⇒ más pasos.

Proporcione un nombre en la opción de título de título con múltiples pasos
Elija un icono de la biblioteca o cargue un SVG.

Haga clic en Actualizar para guardar.

Ahora que la primera sección está lista para construir el segundo paso.
Formulario de reserva Paso dos – Información de reserva:
Para el segundo paso, debe elegir una nueva sección. Elegiré una nueva sección con una sola columna y luego agregaré una nueva sección interior con dos columnas iguales. Después de elegir la columna, extra y coloque el campo de entrada de datos 2 y las opciones de revisión.
Regla a seguir: debe elegir una nueva sección para iniciar el nuevo paso, de lo contrario, cualquier campo introductorio que agregue se agregará al paso anterior. Por lo tanto, recuerde siempre, los nuevos pasos requieren una nueva sección, incluso si tiene el mismo aspecto.
Junto con la opción Configuración mencionada para el campo de texto, obtiene la siguiente configuración para el campo de inserción de datos ⇒ Configuración

Establezca la fecha actual como fecha mínima: habilite esta opción para establecer la fecha actual como una fecha mínima.

Establezca la fecha mínima manualmente: si no desea establecer la fecha actual como una fecha mínima, puede establecer la fecha mínima.
Establezca la fecha máxima manualmente: aquí puede establecer la fecha máxima.
Desactivar la lista de datos: puede usar esta opción para deshabilitar ciertos datos. Para deshabilitar cualquier fecha, haga clic en el elemento +Agregar y seleccione la fecha.

Entrando en la fecha de intervalo: al activar esta opción, puede permitir a los usuarios seleccionar un rango de datos. Pero para este formulario, dejaré esta opción deshabilitada.
Introducción del año: active esta opción para tomar un año como parte de su fecha.
Introducción del lunes: para activar la luna como parte de la entrada de fecha, active esta opción.
Entrada de fecha: active esta opción para tomar una vez (día) como parte de su fecha
Formato de datos: establezca aquí el formato de la fecha ingresada.
Ubicación: Elija la ubicación en el menú desplegable de acuerdo con sus preferencias. Ingrese la hora con ella: habilite esta opción para tomar el tiempo con los datos como una entrada. Si activa esta opción, recibirá otra opción, que es la activación de 24 horas. Usando esta opción, puede activar el formato de 24 horas.
Ahora, finalmente, usaremos la característica del formulario condicionado para el campo de salida. Para hacer que el campo de comprobación sea visible solo cuando el campo de check-in esté vacío,
Copie el valor del nombre del campo del campo de grabación.
Luego acceda al contenido ⇒ condicionalmente, active la opción de activación
Elija también desde el menú de caída para que coincida con la condición.
Desde las opciones de acción desplegable, elija Mostrar este campo.
Haga clic en + Agregar artículo, en el campo IF Introducción, inserte el valor del campo de registro que ha copiado.
Elija “No vacío” en el menú desplegable (comparación).

Ahora haga clic en el botón Vista previa para ver. El campo de pago debe ser visible solo después de elegir una fecha de check-in.
Agregue una nueva sección interior para que el formulario no se vea mal cuando la opción condicional oculta el check-out inicial. Tire y coloque el número de campo de formulario dos veces para crear dos campos más para el número de habitaciones y el número de personas. Y, debido a que es el paso medio, debemos incluir tanto los botones anteriores como los próximos.
Una vez que haya terminado de editar la configuración para todos los campos agregados para esta sección, cambie el nombre del nombre/paso en la apariencia ⇒ más pasos, como lo ha hecho con la primera sección. Le llamo información de reserva. Para obtener más información sobre la característica de la forma condicionada de Metform, haga clic aquí.
Ahora el segundo paso está listo, pasemos al tercer paso el formulario de reserva Paso tres: información adicional para el tercer paso, agregue una nueva sección con una sola columna. Y agregue un campo de texto y llámelo información adicional. Luego agregue una sección interior con dos columnas en la sección. Después de eso, tire y coloque un botón anterior y luego un botón de envío para enviar el formulario.
Nota: Puede agregar cuántas secciones interiores desea. Pero para crear un nuevo paso, debe agregar una nueva sección. Para dar un nombre a la tercera sección, vaya a la aparición ⇒ más pasos y agregue el título de “información adicional” y agregue un icono. Finalmente, terminamos de construir nuestro formulario de WordPress con varios 3 pasos. Ahora haga clic en Actualizar para guardar y cerrar la ventana para moverse a la configuración en varios pasos.
Paso 4: active el formulario con múltiples pasos ahora que tenemos nuestro formulario, es hora de convertirlo en una forma funcional en varios pasos. Para hacer eso
Vaya a Contenido ⇒ Configuración en varios pasos

Active la opción de activación de múltiples pasos para activar las opciones de múltiples pasos

Habilite la visualización de múltiples NAV, para que el menú de secciones aparezca en la parte superior. También puede editar diferentes configuraciones, como la altura del contenedor de formulario adaptativo, la activación de inicio en la parte superior, etc.

Paso 5: Confirme la confirmación, la notificación y otras configuraciones ahora que ha diseñado su formulario en varios pasos. Configuremos todas las configuraciones de formulario que ofrece Metform. Para cambiar la configuración de Metform en el tablero de WordPress, vaya a Metform ⇒ Formularios ⇒ Haga clic en la opción de edición que acaba de crear.
Nota: Aquí también encontrará el código corto del formulario que creó, que solo copia y pegue para agregar el formulario en cualquier lugar del sitio. Puede acceder a la configuración del formulario y desde la opción Editar. Aquí encontrará la siguiente configuración: General: Como parte de la configuración general, puede cambiar el título, el mensaje exitoso, la autenticación necesaria, el número de vistas, etc. También puede establecer cualquier URL personalizada en la que los usuarios quieran alcanzar el formulario.
Confirmar: puede enviar un correo electrónico de confirmación a sus usuarios con una copia del formulario enviado con este complemento de generación de formulación. Active la opción de confirmación y luego puede establecer el tema del correo electrónico, el correo electrónico desde el correo electrónico, el correo electrónico y las gracias.

Configuración de notificación: puede enviar correos electrónicos de notificación del formulario al administrador y metform. Active el correo electrónico de notificación a la opción Administrador. Luego establezca el tema del correo electrónico, el correo electrónico, el correo electrónico desde, nota admin, etc., después de lo que ha realizado todos los cambios, desplácese hacia abajo y haga clic en Guardar cambios para actualizar la configuración.
Además de la configuración, que cubrí en este blog, también obtienes integración, como API REST, CHIMP CORREO, Hoja de Google, etc. Además, la integración de la pasarela de pago, como PayPal, Stripe. Integración CRM que incluye Hubspot, Zoho etc. También tiene opciones de autenticación como autenticación y registro. Para obtener más detalles sobre estas configuraciones, consulte nuestra documentación de Metform. Si ha seguido correctamente los pasos mencionados, debe recibir un formulario de reserva en varios pasos, como el siguiente:
La creación de una forma de vacante también es muy fácil, utilizando la forma de plantilla de empleo prefabricado. Para consultar todo el blog, haga clic aquí.
Clasificando allí, acaba de crear el formulario de WordPress en varios pasos en unos minutos.Si crees que esta forma es simple, no te preocupes.El objetivo principal de este blog era mostrar cómo puede crear un formulario en múltiples pasos en WordPress usando Metform.Ahora que sabe cómo crear un formulario de WordPress en varios pasos, puede crear su forma y lógica personalizadas.Espero que use las funciones de Metform para crear formularios maravillosos en varios pasos.Si está experimentando problemas, compartiéndonos, nuestro equipo le responderá en el menor tiempo.No olvide verificar todas las características increíbles que ofrece Metform.Calkout Metform Functions