Crear un Selector Condicional en WordPress -KAROK WEB SEO Saltar al contenido

Crear un Selector Condicional en WordPress

24 enero 2021
Crear un Selector Condicional en WordPress

Crear un Selector Condicional en WordPress

Tabla de contenidos

WordPress es un gestor de contenido muy completo pero no lo tiene todo. Muchas veces es necesario instalar algún plugin para disponer de una utilidad que no viene nativamente con WordPress. Es el caso de un selector de opciones condicional, también conocido como Dropdown en inglés.

Con un Selector de Opciones podremos generar Contenido Dinámico en WordPress

La idea es tener un selector de opciones y, en función de la que hayamos elegido, mostraremos un tipo de contenido u otro. Un ejemplo muy sencillo sería la muestra de productos en una tienda online en función de un presupuesto alto, medio o bajo.

Utilicemos el plugin Contact Form 7 y algunas extensiones para crear nuestro DropDown en WordPress

Si queremos un plugin muy sencillo, como el que he comentado anteriormente, no hace falta que nos gastemos el dinero o nos pongamos a programar como locos en PHP.

Solamente necesitaremos descargar los siguientes plugins:

Creación del formulario de contacto

Una vez que ya tenemos instalados y activos estos tres plugins, crearemos un nuevo formulario de contacto:

Formulario de contacto condicional en WordPressFormulario de contacto condicional en WordPress

Como podemos observar, ya hemos introducido los shortcodes dentro de cada grupo de presupuestos. El shortcode es el contenido que se mostrará dinámicamente en nuestra página según la opción que elijamos en el selector que también hemos configurado en el formulario ([select…]).

Configuración de las condiciones

Si os fijáis en la captura de pantalla anterior, tenemos una pestaña llamada «Conditional Fileds». Desde aquí configuraremos qué shorcode se va a mostrar en nuestra página según la opción elegida en el selector.

Configurar las condiciones del contenido a mostrar en función de la opcion elegida en el DropDown de WordPressConfigurar las condiciones del contenido a mostrar en función de la opcion elegida en el DropDown de WordPress

Guardamos el formulario y copiamos el shortcode del mismo para insertarlo en una página de WordPress.

Probando el contenido dinámico en WordPress con el selector que acabamos de configurar

Seguidamente, vamos a insertar el shortcode en cualquier lugar donde queramos dentro del contenido de una entrada o una página de WordPress.

Por ejemplo:

Y el resultado que verán los visitantes de nuestra WEB será el siguiente:

Dropdown en WordPressDropdown en WordPress

Somos Nuevas Tecnologías Blog personal para dar a conocer los últimos avances tecnológicos en internet en general desde un punto de vista diferente e innovador y atrevido

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para fines de afiliación y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.Ver
Privacidad