Seguimos intentando responder esas preguntas recurrentes sobre Elementor que alguna que otra vez hemos oído en WordCamps, Meetups, etc.

Esta vez, le toca el turno al clásico: ¿Cómo puedo hacer con Elementor que un contenido no aparezca cuando…?

Pongo puntos suspensivos porque ahí está la clave para resolver el problema: ¿qué condición quieres que ocurra para mostrar (u ocultar) tu contenido?

Hace unos meses, en la meetup de trucos y hacks con Elementor, yo mismo hablaba de un plugin para solucionar esto en las páginas de archivo del blog.

En ese momento, era el único plugin que conocía para solucionar este problema (iluso de mí). Investigando, investigando hemos localizado hasta 10 plugins que permiten jugar con la visualización de los widgets de Elementor.

Elegir uno u otro dependerá de qué criterio necesites para ocultar el contenido. Aunque, te anticipo que hay uno de ellos que cubre prácticamente todos los casos.

Vamos a repasarlos todos y al final te cuento mis conclusiones.

Por cierto, que seguro que me he dejado alguno por el camino. Pero 10 ya me parecían suficientes alternativas. O no.

Ocultar por dispositivos con Elementor

Empezamos por la solución más simple y la que seguramente todos hemos utilizado alguna vez.

Elementor dispone en la versión gratuita de una opción para ocultar widgets y secciones de nuestro diseño según el dispositivo del usuario (tablet, móvil o escritorio).

¿El problema? Esto no deja de ser una adaptación válida para el diseño responsive pero que realmente no elimina nuestro contenido.

Si miras el código fuente, ahí sigue. Aunque a través de estilos CSS queda oculto.

Úsalo con moderación.

Dynamic Conditions

Seguimos con Dynamic Conditions, el plugin que recomendé en la meetup que te decía al principio.

A mi me sigue gustando mucho este plugin y lo utilizo bastante.

Por dos razones principales:

• Está libre en el repositorio.
• Tiene toda la potencia de las etiquetas dinámicas de Elementor Pro, así que podemos hacer condiciones en base a muchos campos e incluso en base a shortcodes para programar nuestro propio código.

Dos limitaciones, eso sí:

• Solo permite 1 condición.
• Necesitas Elementor Pro para utilizarlo

Master Addons

Vamos subiendo el nivel con la opción de display conditions de Master Addons.

Una de las principales mejoras es que nos permite anidar varias condiciones y además elegir si es necesario cumplir todas o simplemente cumplir una de ellas para que se muestre u oculte el contenido.

Además, nos permite poner como condiciones:

• El rol del usuario (y si está o no loggeado).
• La fecha y hora actuales.
• El navegador del usuario
• Condiciones para una página, entrada o archivo concretos.

El tema de mostrar u ocultar según el navegador del usuario puede ser muy útil para botones de descarga de apps, por ejemplo, condicionados a que los veas en dispositivos Android o iOS.

Una cosa más: Master Addons también tiene un widget de Restrict Content que tiene muy buena pinta y nos permite ocultar contenidos detrás de un login de usuario o un aviso de mayoría de edad, por ejemplo.

Jet Engine

Seguimos con un clásico de esta casa (que entra en los primeros puestos bajo amenaza del menda Zinsel, por supuesto).

El multiusos Jet Engine también dispone de un módulo para controlar la visibilidad de los elementos.

Aquí un vídeo donde lo cuentan bastante bien (en inglés)

Como Master Addons, en Jet Engine también podremos anidar varias condiciones y elegir si se deben cumplir todas (AND) o basta con que se cumpla una de ellas (OR).

Además, podremos filtrar por:

• Datos del usuario, como el rol/tipo de usuario.
• Campos dinámicos personalizados de JetEngine.
• Custom Post Type
• Archivos y Taxonomías
• Post ID concretos

Y una cosa que me ha gustado especialmente: en las páginas de archivo de resultados de búsqueda podremos mostrar u ocultar widgets según la búsqueda que ha hecho el usuario. Esto puede ser especialmente útil si queremos destacar ciertas cosas cuando un usuario busca las palabras clave de alguno de nuestros productos o servicios.

Extras

Bastante similar son las opciones que nos ofrece Elementor Extras, uno de los plugins más completos para ocultar contenido en Elementor.

En Extras, cuando llegamos a la parte de display conditions nos encontramos un campo repetible que incluye:

• El tipo de restricción que queremos aplicar.
• La comparación (es o no es)
• Y el valor.

Podremos anidar tantas condiciones como queramos de los siguientes tipos:

• Datos del usuario/visitante:
  • Ha hecho o no login.
  • Rol del usuario (si se ha loggeado)
• Sistema operativo utilizado.
• Navegador actual
• Condiciones de fecha y hora, si la fecha actual:
  • Está dentro (o fuera) de un rango de fechas
  • La hora está dentro o fuera de un intervalo especifico.
• Página actual
  • Es una de las páginas o entradas específicas seleccionadas
  • Es una página especial: página de inicio, página de blog o página de error 404.
  • Es la vista de un custom post type concreto.
  • Esta entrada está asociada a un término concreto de una taxonomía.
  • El autor del contenido es el seleccionado.
• El archivo actual:
  • Es de una taxonomía o custom post type concreto
  • Es un archivo de fechas o de autor.
  • Es una página de resultados de búsqueda (pudiendo especificar también por una búsqueda concreta).
• Condiciones basadas en campos de ACF (Advanced Custom Fields) y, próximamente, también de Pods.

Me gusta la opción de poder establecer un rango de fechas y horas. Puede ser especialmente útil para mostrar mensajes que solo se muestren a determinadas horas del día (por ejemplo, cuando la tienda está cerrada) o en ciertos momentos del año.

Me gustaría probar, eso sí, cómo se comporta ante plugins de caché este tipo de condiciones.

The Plus Addons for Elementor

Muy completas también las opciones de visibilidad en The Plus Addons for Elementor.

De hecho, podríamos decir que tiene exactamente las mismas opciones que Extras:

• Según el visitante: por rol, registro, navegador o sistema oprativo.
• Según la fecha: para hoy o para días o fechas concretas
• Condiciones según la página, taxonomías o ID específicos.
• Condiciones en base a campos dinámicos de ACF
• Según el archivo o sus características.

Happy Addons

En la misma línea, tenemos las opciones de visualización de Happy Addons.

Aquí también podremos anidar varias condiciones para mostrar u ocultar contenido en base a múltiples criterios:

• Fecha y hora
• Datos y perfil del usuario
• Rangos de fechas.
• Navegador
• Sistema operativo

Piotnet Addons / PAFE

Nuestro querido PAFE también se apunta al carro de las condiciones de visualización.

Podremos anidar varias condiciones de visualización para cualquier widget o sección y, aunque incluye menos que otros plugins, tiene 2 novedades que me gustan bastante:

• Tipo de usuario.
• Campos personalizados (de ACF o cualquier otro tipo).
• Parámetros concretos en la url
• Si la url contiene (o no) ciertas palabras. 

Estas 2 últimas son las que no he visto en otro plugin (especialmente la última) y puede ser bastante útil. 

Puedes echarle un ojo aquí a las opciones de Piotnet Addons for Elementor.

Power Pack

La gente de Power Pack me cae muy bien… aunque tampoco tienen nada extremadamente novedoso en sus opciones de visualización de widgets.

Podremos aplicar condiciones de visualización:

• Según el perfil del usuario.
• Fecha
• Campos de ACF
• Fecha/Hora
• Sistema operativo
• Navegador
• Datos de la página o archivo actual

Dynamic Content For Elementor

Otro plugin muy querido por los mendas (y que al fin incluimos en nuestro observatorio): los italianos de Dynamic Content For Elementor también tienen su extensión para controlar la visibilidad de widgets y de secciones completas.

Hasta las últimas versiones, con Dynamic Content For Elementor podíamos hacer cosas bastante típicas y condicionar la visualización de widgets por:

• Una fecha u hora concretas.
• Establecer un rango de fechas en las que se verá (o un rango de días a la semana o rango de horas)
• Datos del usuario y su perfil

En las últimas versiones, además de esto, añadieron alguna novedad:

• Dirección IP del usuario.
• Condiciones personalizadas por PHP
• Condiciones aleatorias
• Condiciones avanzadas, incluyendo muchas opciones a nivel de archivo
• Mostrar u ocultar un máximo número de veces al día
• Y muchas más opciones

De entre todas, hay 2 que me han llamado mucho la atención:

• Nos permite cargar un contenido cuando se oculta el widget.
• Podemos ocultar de manera real en base al dispositivo del usuario.

Esto último lo hace usando la función WP device de WordPress y no en base a la resolución del dispositivo como Elementor.

Aquí puedes enterarte un poco más de las opciones de este plugin..

Conclusión: ¿Cuál es la mejor manera de ocultar contenido con Elementor?

Espero que te hayas leído las 1.400 palabras que nos han hecho llegar aquí y no hayas venido de cabeza a las conclusiones… ¿verdad?

Después de hacer todo el análisis tengo claro que no me compraría uno de estos plugins solamente por la funcionalidad de ocultar contenido en Elementor.

Viendo que la mayoría de condiciones y opciones son comunes en los principales plugins, te invito a que revises el resto de widgets y funcionalidades que tienen antes de decantarte por uno.

O que te compres todos si estás tan loco como alguno que yo me sé…

Aún así, hay opciones que me han llamado la atención especialmente. Te dejo mi top 4 de opciones para ocultar contenido en Elementor:

• Dynamic Conditions: porque es gratis, muy simple y puedo programar condiciones a medida con un shortcode. Puedes descargarlo aquí.
• Jet Engine: porque es de los más completos y cuenta con todo el resto de ventajas de Jet Engine y el respaldo de Crocoblock. Garantía de éxito que puedes encontrar aquí.
• PAFE / Piotnet Addons: por la opción de hacer patrones según la url y parámetros… y porque sigue disponible el lifetime a 80$ 
• Dynamic Content For Elementor: sin duda, el más completo de todos los que he analizado. Me gusta mucho la opción de ocultar por tipo de dispositivo (aunque me pise una idea de plugin que tenía en la cabeza) y toda la cantidad de opciones que tiene para filtrar. Por aquí puedes verlo todo. 

¿Qué te ha parecido la comparativa, menda? ¿Conocías todos, me he dejado alguno en el tintero? ¿Has probado alguno ya?

Espero esos comentarios por aquí debajo que tanto nos gustan.

¡Hasta el próximo!