Cómo crear listas desplegables condicionadas en formularios de WordPress

Aprenda a crear listas desplegables condicionadas en WordPress. Le mostraremos un método simple, sin código, sin consultas, para crear una lista de caída y un modelo de automóvil.

¿Está buscando una manera de crear listas de baja condición en formularios en los que las opciones en un menú desplegable dependan de las selecciones que una persona ha realizado en menús desplegables anteriores? Por ejemplo, considere un formulario de distribuidor de automóviles con una lista de modelo de marca y automóvil. Un usuario primero selecciona el año de su automóvil, luego la marca, luego el modelo de una lista de opciones que solo se aplica para el año/marca que ya ha seleccionado. También puede haber escuchado estos tipos de formularios llamados Select en la cadena.
Esta funcionalidad es muy útil al crear formularios para administrar estimaciones de precios, cotizaciones, pagos, etc. También es excelente para los usuarios finales, porque no tendrán que filtrar a través de toneladas de opciones irrelevantes.
Formidable Forms es el mejor complemento de constructor de formulario de WordPress. ¡Tómelo gratis!
Con formularios formidables, puede configurar listas de baja acondicionada directamente desde una interfaz fácil de usar: no necesita meterse con soluciones de código complejas o personalizadas. Continúe leyendo para obtener una guía paso a paso sobre cómo crear listas desplegables en WordPress.
Cómo crear listas desplegables
Suscríbete en YouTube
Antes de ingresar el tutorial de paso a paso detallado, pasemos por una mirada de alto nivel sobre cómo se forma desplegable en la cascada con formularios formidables como complemento WordPress para la lista desplegable.
Cree un “formulario de datos” para alojar todos los datos que completarán sus menús en cascada. Los usuarios finales no interactuarán directamente con este formulario: solo está allí para mantener los datos. Complete el “formulario de datos” con los datos que necesita agregando entradas. Si tiene muchos datos, puede ahorrar tiempo importando un CSV, en lugar de tratar de ingresar manualmente todos los datos.
Cree un segundo “Formulario de usuario final”. Esta es la forma con la que interactuarán sus visitantes humanos.
Agregue campos de búsqueda al “formulario de usuario” para que pueda extraer datos del “formulario de datos” según sea necesario para completar los menús desplegables.
Veamos más detallados …
Para este ejemplo, utilizaremos un ejemplo de la industria automotriz con tres gotas condicionales. El pedido se ejecutará de la siguiente manera:
El usuario selecciona el año de su automóvil
El usuario selecciona la marca de su automóvil en los productos disponibles en ese año.
El usuario selecciona el modelo específico de la máquina de acuerdo con el año/marca seleccionada
1. Cree “Formulario de datos” para comenzar, cree un nuevo formulario que actúe como un “formulario de datos”. Nuevamente, sus usuarios finales no interactuarán directamente con este formulario, pero el “formulario de usuario final” que cree más tarde extraerá sus datos de las entradas de este formulario.
Luego agregue un campo de texto para cada lista de caída que desea incluir en el formulario de usuario final. Para nuestro ejemplo, estos serían tres campos de texto para:
Año
Hacer lo
Modelo
Luego guarde el formulario. 2. Importar datos como un formulario Introducción a continuación, deberá completar el “formulario de datos” con las opciones que desea mostrar en los menús en cascada. Para hacer esto, agregará cada lado de los datos como una entrada de formulario. Si tiene un gran conjunto de datos, el método más fácil es importar un archivo CSV. Por ejemplo, nuestro juego de automóviles tiene más de 7,000 líneas: ¡no es algo que quieras hacer manualmente! Para importar un CSV en formularios formidables, primero asegúrese de que los títulos de CSV coincidan con los campos de texto en el “Formulario de datos”. En Excel, puede ver cómo nuestro ejemplo de CSV tiene tres columnas, cada una de ellas coincide con los campos de texto que creamos en el paso anterior:

Una vez que haya preparado el archivo CSV …
Acceso formidable → importar/exportar

Use el botón que elija el archivo para seleccionar el archivo CSV
Ingrese el delimitador de CSV (esto casi siempre es una coma)
Seleccione el “formulario de datos” en el menú decant Importar en el formulario
Haga clic en Cargar el archivo y importar
En la siguiente pantalla, asegúrese de que los datos en su archivo CSV estén correctamente en los campos apropiados. Luego haga clic en Importar:
Ahora tiene los datos que necesita para completar sus listas desplegables acondicionadas:

Entonces es hora de crear las listas desplegables dependientes con las que interactúan sus visitantes. 3. Cree el “Formulario de usuario final” y agregue campos de búsqueda y luego, cree un nuevo formulario. Esta será la forma que ven sus visitantes humanos. Después de tener el nuevo formulario, agregue un campo de búsqueda y dale un nombre, por ejemplo, “seleccione el año”. Luego busque la configuración de las opciones de búsqueda en la configuración de campo y … seleccione el formulario de datos utilizando el menú de caída de soltar Seleccione Formulario


Seleccione el campo de origen desde el cual extraer los datos utilizando el campo Seleccionar el menú Drop -down Seleccione, por ejemplo, “Año”

Asegúrese de guardar los cambios.
Luego agregue otro campo de búsqueda y configure el siguiente conjunto de datos. Solo ahora, también usará el botón para seguir un campo de búsqueda para que este campo de búsqueda dependa del campo de búsqueda anterior. Esto es lo que le permite mostrar solo las opciones que coinciden con el campo anterior y crear ese efecto “cascade”:
Asegúrese de guardar los cambios. Para agregar el menú de caída final (al menos para nuestro ejemplo), agregaría otro campo de búsqueda. Solo ahora, usará la opción de seguir un campo de búsqueda para que dependa de ambos campos anteriores:

Si desea agregar más de un menús de modelado en la forma, puede repetir el mismo modelo tantas veces como sea necesario. Y eso es todo: si obtiene una vista previa del formulario, debería ver ese hermoso efecto de cascada cuando interactúa con el formulario:
Cree su primera lista condicional hoy Los formularios de cascada de hoy son un enfoque popular que representa una excelente opción para formularios que involucran estimaciones de precios, cotizaciones, pagos, ubicaciones, etc. Con formularios formidables, puede crear listas desplegables condicionales utilizando cuántas condiciones se necesitan, sin escribir ninguna consulta o código personalizado. Para configurarlo, todo lo que tiene que hacer es crear dos formularios y usar campos de búsqueda para conectar esos dos. Para grandes conjuntos de datos, incluso puede importar un archivo CSV directo para completar su formulario de datos. Para crear listas dependientes dependientes con formularios formidables, necesitará el plan de formularios formidables o arriba. Cree un formulario de búsqueda hoy si aún no usa formularios formidables Pro, descubra todas las funciones útiles del generador Forma para comprender por qué formularios formidables son los mejores formularios de WordPress para listas desplegables condicionales.

Vea más cosas maravillosas que puede hacer con las listas desplegables

Cómo crear formularios de WordPress seleccionados en la cadena (en 3 pasos) Leer más

El mejor complemento para la base de datos de relaciones de WordPress lee más
Cómo crear una base de datos que se pueda buscar en un sitio de WordPress Leer más