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

  • 5 formas de optimizar el espacio en Google Fotos
    por Acortz el 31 marzo 2024 a las 13:06

    Descubre cinco trucos efectivos para liberar espacio en Google Fotos y optimizar tu experiencia de almacenamiento de fotos y videos. Aprende a gestionar tu espacio de manera eficiente y aprovecha al máximo esta plataforma. La entrada 5 formas de optimizar el espacio en Google Fotos se publicó primero en Somos Nuevas Tecnologías.

  • Evita la estafa de la llamada perdida: Cómo protegerte de los números desconocidos
    por Acortz el 27 marzo 2024 a las 14:40

    No caigas en la trampa de la estafa de la llamada perdida. Mantente alerta y evita devolver llamadas a números desconocidos, especialmente si tienen prefijos internacionales poco comunes La entrada Evita la estafa de la llamada perdida: Cómo protegerte de los números desconocidos se publicó primero en Somos Nuevas Tecnologías.

  • Consigue un iPhone reacondicionado a un precio bajo en Amazon
    por Acortz el 27 marzo 2024 a las 11:03

    Consigue un iPhone reacondicionado a un precio bajo en Amazon. Los iPhones reacondicionados son dispositivos que han sido devueltos por los clientes o utilizados como muestras en exposiciones. Aprovecha esta oportunidad de adquirir un iPhone reacondicionado en Amazon y disfruta de todas las ventajas que te ofrece, como el precio más bajo, la contribución al cuidado del medio ambiente y la garantía de Amazon. Comprar un iPhone reacondicionado en Amazon es sencillo, solo busca el modelo deseado y filtra los resultados por ‘reacondicionado’. No dejes pasar esta oferta y aprovecha para comprar tu iPhone reacondicionado en Amazon. La entrada Consigue un iPhone reacondicionado a un precio bajo en Amazon se publicó primero en Somos Nuevas Tecnologías.

  • Descubre el realme 12 Pro+ 5G: La Maestría en Fotografía de Retrato
    por Acortz el 15 marzo 2024 a las 18:28

    Descubre el realme 12 Pro+ 5G, un smartphone revolucionario con una potente cámara de retrato, pantalla de 120Hz y tecnología Pro-XDR para una experiencia visual incomparable. La entrada Descubre el realme 12 Pro+ 5G: La Maestría en Fotografía de Retrato se publicó primero en Somos Nuevas Tecnologías.

  • Xiaomi presenta el impresionante Xiaomi Mi 14 Ultra
    por Acortz el 2 marzo 2024 a las 18:13

    Descubre todas las innovaciones del nuevo Xiaomi Mi 14 Ultra, un teléfono que está revolucionando la fotografía móvil y estableciendo nuevos estándares en rendimiento y funcionalidad. ¡No te quedes atrás y sé parte de la revolución Xiaomi! La entrada Xiaomi presenta el impresionante Xiaomi Mi 14 Ultra se publicó primero en Somos Nuevas Tecnologías.