Controlar lo que ven sus visitantes en función de diferentes condiciones puede hacer que su sitio web sea más dinámico y atractivo. La extensión Condiciones de visualización en Complementos maestros para Elementor le permite mostrar u ocultar secciones, columnas o widgets según factores como el rol del usuario, el estado de inicio de sesión, la fecha, la hora, el tipo de dispositivo y más.
Con esta función, puede personalizar el contenido y mostrarlo ofertas por tiempo limitado, o restringir el acceso a usuarios específicos, ¡todos sin codificación!
En esta guía, exploraremos cómo utilizar la extensión Condiciones de visualización de manera efectiva para optimizar su sitio web Elementor.
El Pantalla condicional Elementor de Master Addons proporciona una forma de crear condiciones en su editor Elementor que determinarán lo que ven sus visitantes. Esta extensión se puede utilizar para mostrar u ocultar diferentes tipos de contenido según el comportamiento del visitante.
Habilite las condiciones de visualización en los complementos maestros
Antes de usar el condición de visualización para Elementor extensión, asegúrese de que esté habilitado en la configuración de Complementos maestros:
- Ve a tu Panel de WordPress.
- Navegar a Complementos maestros → Extensiones.
- Encontrar Condiciones de visualización y alternarlo ENCENDIDO.
- Hacer clic Guardar configuración.
Cómo aplicar las condiciones de visualización en Elementor
Una vez habilitado, puede aplicar Condiciones de visualización a cualquiera sección, columna o widget în Elementor:
- Abra cualquier página o publicación con Editor elemental.
- Seleccione la sección, columna o widget donde desea aplicar las condiciones.
- En el Avanzado pestaña, desplácese hacia abajo para encontrar el Condiciones de visualización panel.
- Alternar “Condiciones de visualización” para sí y elegir entre las opciones disponibles.
- Establezca su condición preferida (p. ej., Mostrar solo para usuarios que iniciaron sesión).
- Hacer clic Actualizar para guardar cambios.
Reglas de condiciones de visualización
Después de habilitar las Condiciones de visualización, verá “Mostrar encendido” y “Agregar artículo” opción. Puedes agregar tantas condiciones como necesites y también seleccionar “Todas las condiciones cumplen” o “Cualquier condición cumple” de la opción Mostrar.
Todas las condiciones se cumplen: Si seleccionas esta opción, entonces tu contenido sólo será visible para aquellos visitantes que cumplan con todas las condiciones que hayas definido. Si algún visitante no cumple con los criterios de sus condiciones, no podrá verificar su contenido.
Cualquier condición cumple: Si sus visitantes cumplen al menos una condición de su lista, su contenido será visible para su dispositivo.
Crear página condicional dinámica
Master Addons desarrolló algunas condiciones increíbles como estado de inicio de sesión, función de usuario, navegador, sistema operativo, rango de tiempo, hora del día, día de la semana, etc. Explore el complemento Master Addons para obtener más información.
Comprender las categorías de condición
La extensión Condiciones de visualización en complementos maestros ofrece una variedad de reglas para controlar la visibilidad del contenido. Puede establecer condiciones basadas en el estado del usuario, fecha y hora, tipo de página y más. Desglosemos cada categoría y sus usos prácticos.
Condiciones basadas en visitantes
Estas condiciones controlan el contenido según el estado o el dispositivo del visitante.
- Estado de inicio de sesión -Mostrar u ocultar contenido según si un usuario ha iniciado o cerrado sesión.
Ejemplo: muestra un botón “Registrarse” solo para usuarios que han cerrado sesión. - Rol del usuario -restringir contenido a roles específicos como Administrador, Editor o Suscriptor.
Ejemplo: muestra tutoriales exclusivos solo para miembros que pagan. - Sistema operativo -- Mostrar contenido diferente para Windows, macOS, Linux, etc.
Ejemplo: ofrezca un enlace de descarga específico de macOS a los usuarios de Mac. - Navegador --Personalizar contenido basado en Chrome, Firefox, Safari, etc.
Ejemplo: muestra un aviso para actualizar el navegador si usa una versión desactualizada.
Condiciones de fecha y hora
Estas condiciones ayudan a programar la visibilidad del contenido según el tiempo.
- Rango de fecha -establecer una fecha de inicio y finalización para la visibilidad del contenido.
Ejemplo: muestre un banner de venta navideña solo del 1 al 25 de diciembre. - Hora del día -Mostrar contenido en momentos específicos del día.
Ejemplo: Ofrezca una “Oferta matutina” que aparece solo de 6 a. m. a 12 p. m. - Día de la semana - Mostrar contenido en días específicos.
Ejemplo: Promocionar un “Especial de fin de semana” sólo los sábados y domingos.
Condiciones de una sola página/post
Controle la visibilidad del contenido según páginas individuales o tipos de publicaciones.
- Página -Mostrar u ocultar contenido en páginas específicas.
Ejemplo: muestra un formulario de contacto solo en la página “Contáctenos”. - Publicar --Aplicar condiciones a publicaciones de blog específicas.
Ejemplo: muestra una oferta de producto relacionada solo en ciertos artículos de blog. - Página estática -- Apunte a páginas estáticas como páginas de inicio, Acerca de o Aterrizaje.
- Tipo de publicación --Aplicar condiciones a diferentes tipos de publicaciones (Publicaciones de blog, Productos WooCommerce, Tipos de publicaciones personalizadas, etc.).
Ejemplo: muestra un botón “Comprar ahora” solo en las páginas del producto.
Condiciones basadas en archivos
Estas condiciones afectan la visibilidad del contenido en páginas de archivo como páginas de categorías, resultados de búsqueda y archivos de autores.
- Taxonomía - Mostrar u ocultar contenido en función de categorías o etiquetas.
Ejemplo: muestra un banner de “Noticias tecnológicas” solo en publicaciones en la categoría “Tecnología”. - Término - ñada a términos específicos dentro de una taxonomía.
- Tipo de publicación «Mostrar contenido en archivos de publicaciones de blog, productos o tipos de publicaciones personalizadas.
- Fecha «Mostrar contenido en páginas de archivo de publicaciones publicadas en una fecha específica.
- Autor - Mostrar contenido en publicaciones escritas por un autor específico.
Ejemplo: muestra una sección “Conoce al autor” solo en artículos de un blogger invitado. - Buscar -- Personalizar contenido para páginas de resultados de búsqueda.
Ejemplo: muestra un mensaje “No se encontraron resultados” si una consulta de búsqueda no coincide.
Casos de uso prácticos
El Condiciones de visualización la extensión en complementos maestros le permite personalizar su sitio web Elementor controlando cuándo y dónde aparece el contenido. A continuación se muestran algunas formas prácticas de utilizar esta función de forma eficaz.
Experiencia de usuario personalizada
Muestra contenido diferente según el estado de inicio de sesión del visitante o el rol de usuario.
Una cosa importante a tener en cuenta es que: cuando habilita la “Pantalla condicional” desde la pestaña avanzada, establece una condición de estado de inicio de sesión de forma predeterminada.
Por ejemplo, digamos que desea mostrar un “Bienvenido de nuevo!” mensaje para usuarios que hayan iniciado sesión.
Por el contrario, muestre un “Regístrate ahora” botón para visitantes que no han iniciado sesión.
De manera similar, también puede configurar las condiciones de visualización según el rol del usuario. Simplemente elija “Rol de usuario” entre las condiciones y seleccione el rol de usuario específico para el que desea que aparezca o no el elemento. ¡Simple!
Ofertas por tiempo limitado y promociones de temporada
Programe ofertas y anuncios especiales utilizando la condición Rango de fechas.
Por ejemplo, puede mostrar un banner de venta del Black Friday únicamente desde 20 de noviembre al 30 de noviembre.
Contenido dinámico basado en la hora del día
Optimice la participación del usuario mostrando diferentes contenidos en diferentes momentos.
Por ejemplo, un sitio web de entrega de alimentos puede mostrar un “Menú de desayuno” por la mañana y un “Especiales de cena” sección por la noche.
Simplemente elija “Hora del día” en las condiciones. Ahora verás un campo que dice “Antes”. Para establecer la hora del menú del desayuno, simplemente escriba a las 12:00 p.m.
El menú del desayuno se mostrará hasta las 12:00 p.m.
Puede configurar el menú del almuerzo para que se muestre hasta las 8:00 p. m. y el menú de la cena hasta las 11:00 p. m.
Optimización de experiencias de escritorio y sistema operativo
Con la ayuda de la extensión de visualización condicional Elementor, puede definir qué contenido será visible en diferentes navegadores. En la actualidad, hay 6 navegadores IE, Firefox, Chrome, Safari, Opera, Opera Mini disponibles para establecer condiciones.
Todo lo que tiene que hacer es seleccionar “Navegador” como condición y luego seleccionar el nombre del navegador. De esta forma podrás visualizar tu contenido en el navegador seleccionado.
Puede utilizar esta condición para ocultar imágenes o animaciones grandes en dispositivos móviles para tiempos de carga más rápidos.
O muestre un mensaje específico de Safari si una función funciona mejor en Chrome o Firefox.
Con la extensión Display Condition también puede mostrar contenido específico según el sistema operativo del visitante. Hay un total de 11 sistemas operativos disponibles para la condición. Lo cual es suficiente para crear una página web basada en Dynamic OS.
iPhone, Windows, OpenBSD, Linux, Safari, Mac OS, QNX, BeOS, OS/2 y Search Bot «seleccione el sistema operativo que desee como condición y luego defina si desea mostrar contenido para este sistema operativo u ocultar contenido para este sistema operativo.
Estos son sólo algunos casos de uso que hemos mencionado.
Para ver de primera mano cómo utilizar esta extensión, también puedes verla Vídeo de extensión de pantalla condicional para obtener más información al respecto.
Hay muchas más cosas que puedes hacer con esta extensión. Por ejemplo, puedes mostrar contenido dinámicamente para diferentes publicaciones, páginas e incluso tipos de publicaciones. Para esto necesitas trabajar con Elementors Headder & Footer Builder, pero lo discutiremos en una publicación separada. ¡Estén atentos!
