Cómo configurar un campo desplegable seleccionado en WordPress (modo fácil)

¿Tiene que agregar un campo desplegable seleccionado en WordPress? Múltiples caídas de selección son una excelente manera de permitir a los usuarios elegir más de una opción en una lista. En este artículo, le mostraremos una forma fácil y rápida de crear su propio menú desplegable seleccionado. No necesita escribir ningún código para crear el menú desplegable y agregarlo a su sitio web. Cree su formulario de WordPress ahora ¿Cómo seleccionar más opciones en un menú desplegable? Usando WPFORMS, puede establecer cualquier lista de caída para que sea una lista de selección múltiple.
Cuando su visitante hace clic en un elemento en la lista, el menú de caída permanecerá abierto para que pueda hacer más selecciones.

WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Esta lista de caída también le permite buscar opciones. Por lo tanto, es perfecto para listas largas, como una lista vertical de países. Le mostraremos la manera fácil de crear un menú desplegable seleccionado. Cómo configurar un campo de selección múltiple en WordPress para echar un vistazo a los pasos que seguiremos en este tutorial.
Instale el complemento WPForms
Crea el formulario
Agregue un campo desplegable con una selección múltiple a su formulario.
Publique su formulario en su sitio web
Bien, comencemos a instalar el complemento que usaremos.
Paso 1: Instalar el complemento WPFORMS WPFFORMS es el mejor constructor de formularios de WordPress. Es muy fácil crear cualquier formulario para su sitio web utilizando el generador de arrastrar y soltar. Para comenzar a crear el formulario, querrá instalar y activar el complemento WPFORMS en WordPress. Si necesita ayuda con este paso, consulte esta guía para principiantes para instalar un complemento. ¿Listo? Sigamos y creemos su primera forma. Paso 2: cree el formulario ahora haremos un formulario básico y agregaremos un menú de caída. En este ejemplo, crearemos un formulario de voluntariado con un DataPicker y un menú de caída. WPPFORMS tiene un excelente formulario de solicitud de voluntariado. Pero para este ejemplo, utilizaremos el formulario de contacto simple como punto de partida. Para comenzar, abra el tablero de WordPress y haga clic en WPFFORMS »Agregar nuevo.
Continúe y escriba un nombre para su formulario en la parte superior. Luego haga clic en el formulario de contacto simple para abrirlo en el navegador.

Ahora la plantilla está abierta, verá que ya tenemos 3 campos:

Nombre
Correo electrónico
Comentario o mensaje
Agreguemos un campo de fecha, para que la persona que completa el formulario pueda elegir el día que le gustaría ayudar.

Primero, continúe y dibuje una fecha / hora de campo en el lado izquierdo del constructor de formulación a la derecha. Luego haga clic una vez en el campo Fecha / hora para abrir la configuración. Hay 2 configuraciones básicas que personalizaremos aquí:
Cambie el texto de la etiqueta para que se ajuste a su formulario.
Use el menú desplegable para cambiarlo solo en un campo.
Ahora desplácese hacia abajo hasta las opciones avanzadas y haga clic para expandir la configuración. Solo nos ofrecemos como voluntarios durante la semana, así que hagamos clic en los días de límite, de modo que los fines de semana se vuelvan grises. Para hacer esto, simplemente seleccione de lunes a viernes:

De acuerdo, estaba hecho para que podamos hacer clic en Guardar. Pasemos para agregar nuestra lista de selección con una selección múltiple. Paso 3: Agregue un campo desplegable de selección múltiple en su formulario en este paso, agregaremos un campo desplegable y luego lo personalizaremos para aceptar más selecciones. En primer lugar, dibujemos un menú de caída en el formulario. Luego haga clic en el campo para que la configuración se abra a la izquierda.

Si lo desea, puede completar automáticamente DropPress DropPress, como sus publicaciones o productos.

Pero si desea codificar la lista, WPFFORMS la facilita. Viene con algunas listas predeterminadas útiles para los campos de caída. Para acelerar las cosas, agregaremos una lista de Estados Unidos usando uno de los preajuste. Primero, continúe y haga clic en la adición en el bloque en la configuración del campo desplegable.

Y luego haga clic en Diseño Presentado para abrir todas las listas preestablecidas disponibles.
Ahora, haga clic en Estado para obtener automáticamente una lista de los estados de EE. UU. Que podemos agregar al menú de selección múltiple.


Verá la lista completa de estados que completan automáticamente el cuadro de opciones. Haga clic en Agregar nuevas opciones para agregarlas como opciones de respuesta.

¿Notó que el campo Drop -down tiene 3 respuestas predeterminadas? Recuerde hacer clic en el signo menos junto a las opciones predeterminadas para eliminarlas. Todo lo que tenemos que hacer ahora es decir que WPFORMS que queremos que sea un campo de selección múltiple. Para hacer esto, nos desplazaremos hacia abajo y ampliaremos las opciones avanzadas. Seleccionemos múltiples opciones en esta sección.

Hay otro cambio importante que hacer debajo. Cambiemos el estilo de este campo en un menú desplegable moderno.

¿Se pregunta por qué cambié este campo en el estilo moderno? Hay 3 razones por las cuales este campo funciona mejor para un menú de caída de selección múltiple:

El campo de estilo moderno muestra una fila con una flecha para expandir la lista. Por lo tanto, es más compacto que el estilo clásico, que siempre muestra 4 filas.

El campo de estilo moderno le permite hacer clic en varias entradas sin presionar ninguna tecla en el teclado. Con el campo clásico, su visitante tendrá que mantener la tecla de control o pedido en el teclado para seleccionar más de una entrada.

Y, como mencioné anteriormente, el menú de estilo multicto de estilo moderno tiene un cuadro de búsqueda, que facilita el hallazgo rápido del elemento deseado.
Ok, entonces tenemos el menú de caída configurado como lo deseamos. Guardemos nuestro progreso hasta ahora haciendo clic en el botón de rescate en la parte superior del constructor de formulación.
Ahora podemos publicar el formulario. Este es el último paso y solo toma unos minutos. Paso 4: Publique su formulario en su sitio web ahora hemos completado el formulario, es hora de publicarlo en su sitio web de WordPress. WPFORMS le permite publicar sus formularios donde quiera. Puedes agregarlos a: publicaciones
página
Las barras laterales
Sótano de WordPress.
En este ejemplo, creemos una nueva página para el formulario. Para comenzar, haga clic en Incorporar en la parte superior del constructor de fórmulas.
Ahora sigamos adelante y haga clic en Creación de nueva página.
Escriba un nombre para su página, luego haga clic en Vamos.
WordPress abrirá la nueva página y mostrará una vista previa de su formulario. Haga clic en la publicación azul o el botón Actualizar en la parte superior derecha.
Ahora, el menú desplegable seleccionado está en vivo y listo para su uso.

¡Y eso es! Ha aprendido cómo hacer fácilmente un menú desplegable seleccionado en WordPress. Cree su formulario de WordPress ahora el siguiente paso: divida el formulario en las páginas si está buscando formas de hacer que su forma sea más compacta, piense en dividirlo en varias páginas. Esto puede hacer que sea mucho más fácil usar formas largas. Para averiguar cómo agregar interrupciones de página a un formulario, lea nuestra guía para hacer un formulario en varios pasos. ¿Estás listo para construir tu formulario? Comience hoy con el complemento de WordPress más simple para el generador de formulación. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días. Si este artículo le ha ayudado, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.