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

La lógica condicional es una función básica

Desbloquee la lógica condicional y otras potentes funciones para hacer crecer su negocio.

Obtener WPForms Basic

¿Le gustaría ocultar o mostrar algunos campos del formulario a menos que se cumplan determinadas condiciones? Con la lógica condicional inteligente de WPForms, puede determinar la visibilidad de cada campo basándose en las selecciones o entradas de los usuarios. La lógica AND-OR le permite ir un paso más allá creando múltiples condiciones.

Este tutorial le mostrará cómo utilizar la lógica condicional AND-OR en sus formularios.

Active JavaScript en su navegador para rellenar este formulario.
Pruebe esta demostración de formulario

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


Antes de comenzar, asegúrese de que WPForms esté instalado y activado en su sitio. A continuación, tendrá que crear un nuevo formulario o editar uno existente.

Activar la lógica condicional

En el constructor de formularios, haga clic en cualquier campo del área de vista previa para abrir su panel Opciones de campo. A continuación, haz clic en la pestaña Smart Logic.

Haciendo clic en la pestaña Smart Logic del panel Opciones de campo

A continuación, active la opción Activar lógica condicional.

Activar la lógica condicional de un campo

Una vez que haya activado la lógica condicional para un campo, podrá añadir sus condiciones. Compartiremos todos los detalles sobre la configuración de condiciones para la lógica AND y OR en las secciones siguientes.

Uso de la lógica OR

La lógica OR le 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á, en función de cómo hayas configurado la regla.

Para más detalles sobre la creación de reglas de lógica condicional, consulte nuestro tutorial de introducción a la lógica condicional.

En este tutorial utilizaremos un ejemplo de un formulario que incluye un campo Calificación. Para demostrar la lógica OR, crearemos una regla que mostrará un campo de Opción Múltiple pidiendo a los usuarios que escriban una reseña si dan una calificación de 4 o 5 estrellas.

Para empezar, añadiremos nuestros campos Calificació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.

En primer lugar, crearemos una regla para mostrar este campo si la calificación es 4.

Creación de una regla lógica condicional

A continuación, haremos clic en el botón Añadir nuevo grupo , lo que hará que aparezca otro conjunto de desplegables para que podamos crear nuestra segunda regla.

Añadir una regla lógica condicional OR

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

Añadir una regla lógica condicional OR

Una vez publicado este formulario, el campo de opción múltiple "¿Desea dejar una opinión?" aparecerá si el usuario selecciona una valoración de 4 o 5 estrellas.

Ejemplo de regla lógica condicional OR en el frontend

Explore nuestra plantilla de formulario de encuesta lista para usar que muestra las funciones avanzadas de lógica condicional.

Uso de la lógica AND

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

En este ejemplo, mostraremos un campo HTML en el que se solicita a los usuarios que compartan sus opiniones en Google si otorgan una valoración de 5 estrellas y seleccionan "Sí, dejaré una opinión" en nuestro campo de opción múltiple.

¿Quiere aprender más formas de incluir texto en sus formularios? Echa un vistazo a nuestro tutorial sobre la adición de texto extra y descripciones 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 Valoración es 5.

Añadir una regla 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 desplegables.

Añadir una regla lógica condicional AND

Los utilizaremos para crear una regla que diga: Mostrar este campo si ¿Desea dejar una reseña? es Sí, dejaré una reseña.

Añadir una segunda regla lógica condicional AND

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

Siempre recomendamos probar los formularios antes de publicarlos para asegurarse de que la lógica condicional y otras funciones funcionan correctamente. Consulta nuestra lista completa de comprobación de formularios para obtener una guía paso a paso de este proceso.

Ya está. Ahora puede crear formularios personalizados con lógica condicional AND-OR.

A continuación, ¿le gustaría añadir lógica condicional a sus correos electrónicos de notificación? No deje de consultar nuestro tutorial sobre notificaciones condicionales para aprender a enviar notificaciones diferentes en función de las selecciones y entradas de formularios de los usuarios.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

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

Active JavaScript en su navegador para rellenar este formulario.