Resumen de IA
¿Te gustaría omitir las páginas en tu formulario cuando la lógica condicional no se cumpla? Al usar la lógica condicional con saltos de página, la siguiente página se muestra incluso si las condiciones no se cumplen, dejando a los usuarios con una página vacía. Con un simple fragmento de JavaScript, puedes omitir fácilmente esas páginas innecesarias.
En este tutorial, te mostraremos cómo omitir páginas vacías con un simple fragmento de JavaScript.
Creación del formulario
Primero, necesitarás crear un formulario nuevo o editar uno existente para acceder al constructor de formularios. Hemos creado un formulario de presupuesto que tiene varios saltos de página.
En la primera página, recopilamos información básica sobre los usuarios. También hemos añadido un campo de Opción múltiple para preguntarles si desean programar una cotización presencial gratuita en ese momento.
Si seleccionan Sí, mostraremos la segunda página y les pediremos información personal. Sin embargo, si seleccionan No, queremos omitir la segunda página por completo y saltar directamente a la página final del formulario.
Configuración de la Lógica Condicional
Para nuestro ejemplo, solo queremos mostrar los campos de Fecha / Hora y Dirección en la segunda página si han seleccionado en la primera página que están interesados en recibir una cotización presencial gratuita. Esto ahorrará tiempo a nuestros visitantes si no están interesados, por lo que podemos omitir esta página por completo si no desean visitarla.
Los dos campos de la segunda página tendrán la misma lógica configurada. Para configurar la lógica, selecciona cada campo y haz clic en Lógica inteligente. A continuación, activa el interruptor para Habilitar lógica condicional.
Desde el menú desplegable, selecciona la pregunta en la que basaste tus campos. Para este tutorial, nuestra pregunta fue un campo de Opción múltiple que pregunta ¿Te gustaría programar una cotización presencial gratuita?.
Nuestra condición es que si la respuesta a el campo de Opción múltiple es Sí, entonces muestra el campo. Si es No, oculta el campo.
Cada campo de la segunda página tendrá la misma lógica, por lo que repetirás este paso para cada campo. Alternativamente, puedes usar el campo de Diseño para agrupar campos similares y luego habilitar la lógica condicional para el campo de Diseño.
Añadir el fragmento
Ahora, necesitarás añadir el fragmento de abajo a tu sitio. Si necesitas ayuda sobre cómo y dónde añadir fragmentos a tu sitio, por favor revisa este tutorial.
Este fragmento recorrerá cada página de tu formulario para determinar si alguna está vacía. Si hay una página vacía, el script omitirá esa página por completo y pasará a la siguiente. Esto mejorará la experiencia general de tu formulario.
Preguntas frecuentes
A continuación, hemos respondido algunas de las preguntas más frecuentes sobre el uso de la lógica condicional en formularios de varias páginas.
P: ¿Funcionará este fragmento en una ventana modal como una ventana emergente de Elementor?
R: No por el momento.
¡Eso es todo! Ahora has aprendido a omitir páginas si están ocultas en tu formulario debido a la lógica condicional.
¿Te gustaría mostrar u ocultar condicionalmente el botón Enviar en un formulario basándote en uno de los campos de tu formulario? Echa un vistazo a nuestro tutorial sobre Cómo mostrar condicionalmente el botón Enviar.