Usando las Opciones de Condición de Divi
Las Opciones de Condición de Divi te permiten aplicar lógica avanzada a cualquier sección, fila o módulo para ocultar o mostrar elementos según un conjunto de condiciones.
Las Opciones de Condición de Divi permiten aplicar lógica avanzada a cualquier Sección, Fila o Módulo para ocultar o mostrar elementos según un conjunto de condiciones.
Puedes definir condiciones tales como:
-
Rol de usuario
-
Fecha y hora
-
Navegador
-
Dispositivo
-
Información de la publicación
-
Ubicación del sitio web
Ejemplo: Mostrar contenido específico según la fecha y hora. O mostrar contenido único a usuarios cuando inician sesión y mostrar elementos únicos a usuarios específicos según sus roles.
Esta es una función poderosa dentro de Divi, por lo que en esta guía revisaremos cómo acceder a las Opciones de Condición de Divi, cómo usarlas, mejores consejos y prácticas, y más.
Cómo Acceder a las Opciones de Condición
Haz clic en el ícono de engranaje para abrir la ventana modal de configuración del elemento
-
Ve a la pestaña Avanzado → Condiciones
Agregar una Condición
Haz clic en el ícono + para Agregar Condición
-
Elige la condición que deseas aplicar
Mostrar u Ocultar Elementos
-
Cuando se cumplen las condiciones, el elemento será visible.
-
Cuando no se cumplen las condiciones, el elemento estará oculto.
Ejemplo: Un banner de descuento para miembros se mostrará solo si el usuario ha iniciado sesión en el sitio web.
Establecer Múltiples Condiciones
Puedes elegir mostrar u ocultar un elemento basado en si todas o solo una de las condiciones se cumplen.
Ejemplo: Puedes mostrar un banner de código de descuento SI el usuario ha iniciado sesión, ha comprado un producto antes y está usando un navegador específico.
Las tres condiciones pueden estar configuradas para cumplirse todas, o solo una condición para que el banner sea visible.
Ejemplos de Uso de las Opciones de Condición
Crear Experiencias Personalizadas
Las Opciones de Condición de Divi te dan el poder de personalizar experiencias para cada visitante que ingresa a tu sitio web.
Adaptar tu contenido basado en condiciones puede ayudar a aumentar conversiones y entregar una experiencia única en línea que impresionará a tus clientes y fortalecerá tu marca.
Aprende más: 5 ideas para personalización en comercio electrónico con WooCommerce.
Mostrar u Ocultar Contenido Según el Estado de Inicio de Sesión del Usuario
Con estas opciones, puedes mostrar contenido específico a ciertos usuarios dependiendo de si están conectados o desconectados, o del rol de usuario que tienen.
-
Cómo mostrar u ocultar un deslizador de video según el estado de inicio de sesión con Divi
-
Cómo crear publicaciones de blog exclusivas para miembros con las Opciones de Condición de Divi
-
Cómo mostrar un formulario de inicio de sesión solo para usuarios no conectados
Crear Experiencias de Compra Inteligentes para Capturar Ventas
Esta técnica de retargeting puede ayudarte a cerrar ventas, aumentar ganancias y atraer clientes.
Una forma efectiva de retargeting es ofrecer a los clientes que regresan un descuento o código promocional en los productos que añadieron previamente a su carrito.
Lo importante es ofrecer estos descuentos solo a usuarios que han abandonado sus carritos. Las Opciones de Condición de Divi permiten mostrar u ocultar contenido basado en el contenido del carrito WooCommerce y las visitas a páginas. Esta combinación de condiciones hace posible retargetear a esos usuarios con un pop-up de descuento o promoción. Para aprender cómo hacerlo, consulta este artículo.
-
5 ideas para personalización en comercio electrónico con WooCommerce
-
Cómo crear un banner promocional recurrente con Divi
-
Cómo añadir un módulo de aviso Woo a la plantilla de página de producto en Divi
Mostrar Diseños Personalizados para Ciertos Dispositivos o Navegadores
En diseño web, no todos los navegadores y dispositivos son iguales. El contenido puede mostrarse diferente en cada viewport.
Puedes usar las Opciones de Condición de Divi para mostrar diseños diferentes basados en el navegador y sistema operativo de tus visitantes.
Aprende más: Cómo mostrar botones de descarga para sistemas operativos específicos en Divi
Revelar Automáticamente Contenido en una Fecha y Hora Específica
Aprender Más:
Cómo Mostrar un Banner de Venta Precisamente a Medianoche con las Opciones de Condición de Divi
Cómo Mostrar Contenido Condicional según el Tiempo cuando un Temporizador de Cuenta Regresiva Expira en Divi
Todas las Opciones de Condición Explicadas
Información de la Publicación
-
Tipo de Publicación – Ocultar o mostrar elementos en publicaciones de un tipo específico.
-
Categoría de Publicación – Ocultar o mostrar elementos en publicaciones dentro de categorías específicas.
-
Etiqueta de Publicación – Ocultar o mostrar elementos en publicaciones con etiquetas específicas.
-
Autor – Ocultar o mostrar elementos en publicaciones escritas por autores específicos.
-
Campo Personalizado – Ocultar o mostrar elementos basados en la existencia y el valor que puede tener un campo personalizado.
Ubicación
-
Página de Etiqueta – Ocultar o mostrar elementos en páginas específicas de etiquetas.
-
Página de Categoría – Ocultar o mostrar elementos en páginas específicas de categorías.
-
Archivo por Fecha – Ocultar o mostrar elementos en páginas específicas de archivo por fecha.
-
Resultados de Búsqueda – Ocultar o mostrar elementos en páginas de resultados de búsqueda basados en los términos que el visitante busca.
-
Publicación – Ocultar o mostrar elementos en publicaciones específicas.
-
Páginas – Ocultar o mostrar elementos en páginas específicas.
-
Medios – Ocultar o mostrar elementos en tipos de publicaciones de medios específicas.
-
Proyectos – Ocultar o mostrar elementos en proyectos específicos.
-
Productos – Ocultar o mostrar elementos en productos específicos.
Nota: Todos los demás tipos de publicaciones personalizadas que puedas tener aparecerán bajo la sección Ubicación en las listas disponibles de condiciones.
Estado del Usuario
-
Estado de Conexión – Ocultar o mostrar elementos según si el visitante actual está conectado o desconectado.
-
Rol de Usuario – Ocultar o mostrar elementos según el rol de usuario. Por ejemplo, mostrar contenido pago a clientes específicos o contenido privado a ciertos suscriptores.
Interacción
-
Fecha y Hora – Ocultar o mostrar elementos basado en fecha y hora. Crear horarios recurrentes o mostrar contenido por un tiempo limitado.
Ejemplo: Mostrar información de un evento próximo o mostrar un banner promocional solo cuando una venta está activa.
-
Visita a Página/Publicación – Ocultar o mostrar elementos a usuarios que han visitado o no ciertas páginas de tu sitio. Retargetear visitantes con contenido único según cómo interactúan con tu sitio.
-
Compra de Producto – Ocultar o mostrar elementos a usuarios que han comprado o no productos específicos en tu tienda WooCommerce.
-
Contenido del Carrito – Ocultar o mostrar elementos según si un usuario tiene o no productos en su carrito WooCommerce. Puedes apuntar a todos los productos o a productos específicos.
-
Stock del Producto – Ocultar o mostrar elementos según el stock de un producto específico. Usualmente usado en páginas de producto individual.
Número de Vistas – Ocultar o mostrar un elemento basado en cuántas veces un visitante lo ha visto. Crear contenido por tiempo limitado que expire tras cierto tiempo basado en el compromiso del visitante.
Dispositivo
-
Navegador – Ocultar o mostrar elementos basados en el tipo de navegador que usan. Adaptar tu diseño a navegadores específicos para manejar las maneras únicas en que ciertos navegadores procesan CSS o mostrar contenido específico (como extensiones de navegador).
-
Sistema Operativo – Ocultar o mostrar elementos basados en el sistema operativo. Por ejemplo, crear enlaces de descarga que proporcionen el archivo correcto de instalación según el sistema.
-
Cookie – Ocultar o mostrar elementos basados en la existencia o valores de ciertas cookies almacenadas en el navegador del visitante. Esto te da mucha libertad para personalizar páginas para usuarios específicos según su interacción con tu sitio y plugins.
Consejos y Mejores Prácticas para Usar las Opciones de Condición de Divi
Planifica los Comportamientos del Contenido
Recomendamos planificar cuándo quieres que el contenido se muestre a lo largo de tu sitio, para tener un documento de referencia que te permita ver el panorama general.
Prueba tus Opciones de Condición
Continuar Aprendiendo:
- Cómo Mostrar un Banner de Venta Precisamente a Medianoche con las Opciones de Condición de Divi
- Cómo Retargetear Carritos Abandonados con un Popup Promocional Usando las Opciones de Condición de Divi
- Cómo Crear Publicaciones Exclusivas para Miembros con las Opciones de Condición de Divi
- Cómo Mostrar Contenido Condicional según el Tiempo cuando un Temporizador de Cuenta Regresiva Expira en Divi
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Usando las Opciones de Transformación de Divi
Las opciones de transformación de Divi son un conjunto de herramientas poderosas que te permiten manipular el diseño web de formas sorprendentes, creando profundidad y efectos visuales atractivos. Las opciones de transformación de Divi te permiten ...Uso de las Opciones de Sombra de Caja en Divi
Las opciones de sombra de caja en Divi te permiten darle a cualquier elemento de la página la ilusión de profundidad. Las sombras proyectadas son una forma creativa de dar vida a los elementos de diseño de tu sitio web. Pueden resaltar elementos e ...Uso de las Opciones de Tamaño en Divi
Las Opciones de Tamaño de Divi facilitan el ajuste del tamaño de secciones, filas, columnas y módulos en Divi. Las Opciones de Tamaño de Divi hacen que ajustar el tamaño de secciones, filas, columnas y módulos sea sencillo. El tamaño es una parte ...Uso de las Opciones de Espaciado en Divi
Es fácil personalizar el espaciado en secciones, filas y módulos con las Opciones de Espaciado de Divi. El espaciado es un elemento importante en el diseño web. Ayuda a organizar tu contenido y mantener las cosas claras y equilibradas. Con Divi, es ...Uso de las Opciones de Borde en Divi
Las opciones de borde de Divi permiten añadir y estilizar fácilmente bordes en cualquier elemento de la página. Con las Opciones de Borde de Divi, es posible crear diseños verdaderamente únicos para tu sitio web. ¡Puedes aplicar bordes personalizados ...