Uso de lógica condicional inteligente (AND-OR)

La lógica condicional es una característica básica

Desbloquea la lógica condicional y otras potentes funciones para hacer crecer tu negocio.

Obtener WPForms Basic

¿Te gustaría ocultar o mostrar algunos campos del formulario a menos que se cumplan condiciones específicas? Con la lógica condicional inteligente en WPForms, puedes determinar la visibilidad de cada campo basándote en las selecciones o la entrada de los usuarios. La lógica Y-O te permite llevar esto un paso más allá creando múltiples condiciones.

Este tutorial te mostrará cómo usar la lógica condicional Y-O en tus formularios.

¡Prueba esta demostración de formulario!

Para una guía para principiantes sobre lógica condicional, asegúrate de consultar nuestro tutorial introductorio.


Antes de empezar, asegúrate de que WPForms esté instalado y activado en tu sitio. Luego, necesitarás crear un nuevo formulario o editar uno existente.

Habilitar la lógica condicional

En el constructor de formularios, haz clic en cualquier campo en el área de vista previa para abrir su panel de Opciones de Campo. Luego haz clic en la pestaña Lógica Inteligente.

Hacer clic en la pestaña Lógica Inteligente en el panel Opciones de Campo

A continuación, activa la opción etiquetada como Habilitar Lógica Condicional.

Habilitar la lógica condicional para un campo

Una vez que hayas activado la lógica condicional para un campo, podrás añadir tus condiciones. Compartiremos todos los detalles sobre la configuración de condiciones tanto para la lógica Y como para la lógica O en las secciones siguientes.

Usando la lógica O

La lógica O te permite establecer múltiples condiciones posibles que ocultarán o mostrarán un campo. Siempre que se cumpla al menos una de las condiciones, el campo aparecerá o desaparecerá, dependiendo de cómo hayas configurado tu regla.

Para más detalles sobre la creación de reglas de lógica condicional, por favor consulta nuestro tutorial introductorio sobre lógica condicional.

Usaremos un ejemplo continuo en este tutorial de un formulario que incluye un campo de Valoración. Para demostrar la lógica O, crearemos una regla que mostrará un campo de Opción Múltiple preguntando a los usuarios si escriben una reseña si dan una valoración de 4 o 5 estrellas.

Para empezar, añadiremos nuestros campos de Valoración y Opción Múltiple a nuestro formulario y personalizaremos sus opciones de campo. Una vez que estén listos, habilitaremos la lógica condicional para el campo de Opción Múltiple.

Primero, crearemos una regla para Mostrar este campo si Valoración es 4.

Crear una regla de lógica condicional

Luego haremos clic en el botón Añadir Nuevo Grupo, lo que hará que aparezca otro conjunto de menús desplegables para que podamos crear nuestra segunda regla.

Añadir una regla de lógica O

Esta dirá, Mostrar este campo si Valoración es 5.

Añadir una regla de lógica O

Una vez publicado este formulario, el campo de Opción Múltiple etiquetado como “¿Te gustaría dejar una reseña?” aparecerá si un usuario selecciona una valoración de 4 o 5 estrellas.

Un ejemplo de una regla de lógica O en el frontend

Explora nuestra Plantilla de Formulario de Encuesta lista para usar que muestra las funciones avanzadas de lógica condicional.

Usando la lógica Y

El propósito de la lógica Y es requerir 2 o más condiciones que los usuarios deben cumplir al mismo tiempo para mostrar u ocultar el campo condicional.

Para este ejemplo, mostraremos un campo HTML que pide a los usuarios que compartan sus opiniones en Google si otorgan una calificación de 5 estrellas y seleccionan “Sí, dejaré una reseña” en nuestro campo de Opción Múltiple.

¿Quieres aprender más formas de incluir texto en tus formularios? Consulta nuestro tutorial sobre cómo añadir texto y descripciones adicionales en WPForms.

A continuación, habilitaremos la lógica condicional para el campo HTML y configuraremos nuestra primera regla, que dice: Mostrar este campo si Calificación es 5.

Añadir una regla de lógica condicional a un campo HTML

Para añadir nuestra segunda regla, haremos clic en el botón Y, que muestra otro conjunto de menús desplegables.

Añadir una regla de lógica Y

Usaremos estos para crear una regla que diga: Mostrar este campo si ¿Te gustaría dejar una reseña? es Sí, dejaré una reseña.

Añadir una segunda regla de lógica Y

Cuando este formulario se publique, los usuarios solo verán la solicitud para publicar su reseña en Google si otorgan una calificación de 5 estrellas y aceptan escribir una reseña.

Siempre recomendamos probar tus formularios antes de publicarlos para asegurarte de que tu lógica condicional y otras funciones funcionen correctamente. Consulta nuestra lista de verificación completa para probar formularios para obtener una guía paso a paso de este proceso.

¡Eso es todo! Ahora puedes crear formularios personalizados con lógica condicional Y-O.

¿A continuación, te gustaría añadir lógica condicional a tus correos electrónicos de notificación? Asegúrate de consultar nuestro tutorial sobre notificaciones condicionales para aprender cómo enviar diferentes notificaciones basadas en las selecciones y la entrada de los usuarios en el formulario.

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.