¿Le gustaría cambiar el comportamiento de su formulario en función de lo que el usuario seleccione o introduzca en un campo? La lógica condicional le permite cambiar lo que el usuario ve en sus formularios, qué correo electrónico de notificación se envía, y mucho más.
Este tutorial le introducirá a la lógica condicional en WPForms.
Antes de empezar, primero tendrá que asegurarse de que WPForms está instalado y activado en su sitio de WordPress y que ha verificado su licencia. A continuación, puede crear un nuevo formulario o editar uno existente para acceder al constructor de formularios.
Lógica condicional básica
El uso más común de la lógica condicional es mostrar u ocultar campos dependiendo de la selección del usuario. En este ejemplo, haremos que aparezca un único campo cuando el usuario seleccione una opción específica de un campo desplegable.
Empecemos abriendo el constructor de formularios. Desde allí, haga clic en el campo de formulario que desea mostrar u ocultar. Esto abrirá su panel de opciones de campo.
Verás una pestaña Lógica inteligente cuando abras el panel Opciones de campo. Haz clic en ella para abrirla y selecciona Activar lógica condicional.
Ahora que la lógica condicional ha sido activada, debería ver algunos desplegables para establecer su regla de condición. Estas son las preguntas que deberá tener en cuenta al rellenar estos desplegables:
- Mostrar/Ocultar: ¿Desea que esta lógica haga que el campo se muestre o se oculte cuando se cumplan las condiciones?
- Seleccionar campo: ¿De qué campo desea que dependa esta lógica?
- Comparación: ¿Qué comparación desea utilizar en este campo? Las opciones incluyen: es, no es, vacío, no vacío, contiene, no contiene, empieza por, termina por, mayor que y menor que.
Nota: Las comparaciones lógicas condicionales no distinguen entre mayúsculas y minúsculas.
- Seleccione una opción: ¿Qué valor desea que contenga el campo para que se aplique esta condición? Este campo se desactivará si selecciona vacío o no vacío en el desplegable de comparación.
Siga adelante y rellene cada uno de estos desplegables. Para nuestro ejemplo, aplicaremos lógica condicional a nuestro campo Otro tipo de negocio. Estableceremos la lógica para que diga Mostrar este campo si el menú desplegable Tipo de negocio se establece en Otro.
Ahora, cuando un usuario seleccione la opción Otro en este campo, se mostrará el campo Otro tipo de empresa. De lo contrario, el campo adicional permanecerá oculto.
Lógica condicional compleja
Puede que una sola regla lógica condicional no sea lo suficientemente compleja para algunas situaciones. Sin embargo, puedes añadir tantas condiciones como quieras.
Nota: Al añadir varias condiciones, tenga cuidado de que no entren en conflicto entre sí. Siempre es una buena idea probar el formulario antes de añadirlo a una página o publicación activa.
Por ejemplo, preguntaremos a los usuarios si desean suscribirse a nuestro boletín Retail Marketing. Sin embargo, solo queremos mostrar esta opción si han compartido una dirección de correo electrónico y han elegido Retail como tipo de negocio.
Para configurar esto, primero añadiremos un campo Casillas de verificación a nuestro formulario. A continuación, personalizaremos la etiqueta y las opciones del campo para adaptarlas a nuestras necesidades.
A continuación, repetiremos el proceso de la sección anterior para activar la lógica condicional y añadir nuestra primera regla. Esta regla indicará: Mostrar este campo si Email no está vacío.
Ahora que tenemos la 1ª condición establecida, necesitamos decidir si usamos la lógica condicional AND u OR para la 2ª condición.
En nuestro ejemplo, queremos que la casilla de verificación se muestre si el usuario introduce un correo electrónico y elige Venta al por menor, por lo que haremos clic en el botón Y para añadir la lógica Y.
Ahora tenemos que configurar nuestra segunda regla y guardar el formulario. Con nuestra lógica Y en su lugar, nuestro campo de casilla de verificación sólo se mostrará si se cumplen ambas condiciones.
Selección de coincidencias individuales en campos multivalor
La lógica condicional no busca coincidencias individuales en campos multivaluados. Necesitará reglas adicionales para excluir los valores que no desea que coincidan.
En este ejemplo, le mostraremos cómo mostrar un nuevo campo de selección múltiple con opciones de frecuencia cuando el usuario sólo selecciona Ofertas y Ventas.
Para conseguir este resultado, necesitamos añadir 3 reglas lógicas condicionales para el campo de Opción Múltiple que pretendemos mostrar.
En primer lugar, estableceremos el campo en Mostrar si la opción Ofertas y Ventas está seleccionada.
A continuación, necesitamos 2 reglas adicionales que le digan a nuestro formulario que excluya las 2 primeras opciones de nuestra lógica condicional. Para cada regla, utilizaremos el campo de casilla de verificación de nuestro ejemplo.
A continuación, seleccionaremos Actualizaciones de la empresa para la primera regla y Nuevos productos para la segunda. Para la comparación en cada regla, utilizaremos no es.
Nota: Si se utiliza como parámetro cualquier campo de selección múltiple (desplegable, casillas de verificación o selección múltiple), sólo estarán disponibles las opciones es, no es, vacío y no vacío.
Con estas reglas, el campo de selección múltiple sólo estará disponible si sólo se selecciona Ofertas y Ventas.
No se mostrará cuando se seleccione Actualizaciones de la empresa o Nuevos productos.
Más ejemplos
Hay tantas maneras de utilizar la lógica condicional en tus formularios que sería difícil cubrirlas todas en un solo tutorial. En su lugar, hemos compartido ejemplos detallados en muchos otros documentos y entradas de blog.
A continuación se muestra una lista con enlaces a algunos de nuestros tutoriales más populares que muestran ejemplos de cómo utilizar la lógica condicional en WPForms:
- Instrucciones generales/Inspiración
- Ejemplos de objetivos específicos
- Ejemplos de integración del marketing por correo electrónico
Preguntas frecuentes
Estas son las respuestas a algunas de las preguntas más frecuentes sobre el uso de la lógica condicional en WPForms.
¿Qué campos de formulario se pueden utilizar al configurar la lógica condicional para ocultar/mostrar otros campos?
A continuación se muestra una lista de los campos que se pueden utilizar con la lógica condicional:
- Texto de una línea
- Texto del párrafo
- Deslizador numérico
- Desplegable
- Elección múltiple
- Correo electrónico
- Sitio web / URL
- Casillas de verificación
- Números
- Varios artículos
- Casillas de verificación
- Elementos desplegables
- Campo oculto
- Clasificación
- Net Promoter Score
Esto es todo. Esperamos que este artículo le haya ayudado a aprender cómo utilizar la lógica condicional con WPForms.
A continuación, ¿le gustaría conocer los tipos de campo disponibles en WPForms? Asegúrese de revisar nuestra guía completa de campos estándar WPForms para más detalles.