### [Excluir saltos de página al usar lógica condicional](https://wpforms.com/developers/how-to-skip-page-breaks-when-using-conditional-logic/) **Publicado:** 31 de marzo de 2022 **Autor:** David Ozokoye **Extracto:** Este tutorial te mostrará cómo usar un pequeño fragmento de JavaScript para omitir saltos de página que normalmente estarían en blanco debido a la lógica condicional. **Contenido:** ¿Te gustaría omitir saltos de página en tu formulario cuando no se cumplen las condiciones lógicas? 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 nuevo formulario](https://wpforms.com/docs/creating-first-form/) 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 agregado un campo de **Opción múltiple** para preguntarles si desean programar una cotización personal 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. ¡Asegúrate de consultar nuestro tutorial para obtener más información sobre [cómo crear formularios de varias páginas en WPForms](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/)! ## 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 personal 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**. En 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 personal gratuita?**. Nuestra condición es que si la respuesta al campo de Opción múltiple es Sí, entonces muestra el campo. Si es **No**, oculta el campo. Para obtener más información sobre la lógica condicional de WPForms, [consulta esta documentación](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "Cómo usar la lógica condicional con WPForms"). 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](https://wpforms.com/docs/how-to-use-the-layout-field-in-wpforms/#conditional-logic). ## Adición del fragmento Ahora, deberás agregar el fragmento a continuación a tu sitio. Si necesitas ayuda sobre cómo y dónde agregar fragmentos a tu sitio, [revisa este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo agregar PHP o JavaScript personalizado para WPForms"). 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 un popup de Elementor? **R:** No en este 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 tus campos del formulario? Consulta nuestro tutorial sobre [Cómo mostrar condicionalmente el botón Enviar](https://wpforms.com/developers/how-to-conditionally-show-the-submit-button/ "Cómo mostrar condicionalmente el botón Enviar"). ## Acción de referencia [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer/ "Usando la acción wpforms_wp_footer_end") **Categorías:** Extensión **Etiquetas:** Javascript, JS ---