Using Divi Condition Options | Scoreapps

Using Divi Condition Options

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.

Access Condition Options

Cómo Acceder a las Opciones de Condición

Las opciones de condición están disponibles en todas las Secciones, Filas, Columnas y Módulos de Divi.

  • 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

Adding Divi Condition Options


Mostrar u Ocultar Elementos

Para mostrar u ocultar un elemento, debes agregar una condición que controle la visibilidad del elemento.

  • 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.

Showing or Hiding Using Divi Condition Options

Establecer Múltiples Condiciones

Puedes aplicar múltiples condiciones dentro de las Opciones de Condición de Divi para crear reglas avanzadas sobre la visibilidad de un elemento.

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.

Setting Multiple Conditions

Ejemplos de Uso de las Opciones de Condición

Veamos algunos ejemplos reales de uso para 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.

Create Personalized Experiences

Mostrar u Ocultar Contenido Según el Estado de Inicio de Sesión del Usuario

Las Opciones de Condición de Divi son útiles para crear áreas exclusivas para miembros o usar técnicas de marketing como contenido restringido o descargas controladas.

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.

Show or Hide Content Based on User's Logged-In Status

Aprende más:

  • 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

Aprender a hacer retargeting a clientes es una técnica de marketing revolucionaria que permite incentivar a los clientes a comprar artículos que han visto antes y agregado al carrito, pero que abandonaron sin comprar.

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.

Create Intelligent Shopping Experiences to Capture Sales

Aprende más:

  • 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

Otro uso excelente de las Opciones de Condición de Divi es revelar contenido automáticamente en una fecha y hora específica. Esto es útil para cuentas regresivas de lanzamiento de sitios, ventas de comercio electrónico, lanzamientos de webinars ¡y más!
Automatically Reveal Certain Content on a Specific Date & Time

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

En esta sección, exploremos todas las opciones de condición disponibles y lo que hacen.

Información de la Publicación

Las condiciones de Información de la Publicación te permiten mostrar elementos basados en la meta información de la publicación, como su categoría, etiqueta, autor y tipo. Estas condiciones pueden combinarse con asignaciones de plantillas del Constructor de Temas, dándote dos capas de condiciones y la capacidad de crear diseños más dinámicos.

  • 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.

Divi Display Conditions - Post Information

Ubicación

Las condiciones de Ubicación permiten mostrar elementos basados en dónde existe la página en tu sitio web. Estas condiciones pueden combinarse con asignaciones de plantillas del Constructor de Temas, brindándote dos capas de condiciones y la capacidad de crear diseños más dinámicos.

  • 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.

Divi Display Conditions - Location

Estado del Usuario

Las condiciones de estado de usuario te permiten adaptar tu sitio web a tus visitantes según si están o no conectados y el rol de usuario asignado a su cuenta en WordPress.

  • 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.

Divi Display Conditions - User Status

Interacción

Las condiciones de interacción te permiten adaptar contenido a tus visitantes basado en su interacción con tu sitio web.

  • 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.

Divi Display Conditions - Interaction

  • 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.

    Divi Display Conditions - Interaction

Dispositivo

Las condiciones de dispositivo te permiten adaptar tu sitio web según el software que usan tus visitantes para navegar.

  • 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.

Divi Display Conditions - Device

Consejos y Mejores Prácticas para Usar las Opciones de Condición de Divi

Al usar las Opciones de Condición de Divi, ten en cuenta los siguientes consejos.

Planifica los Comportamientos del Contenido

Cuando crees comportamientos complejos basados en múltiples opciones de condición, es importante tener una imagen clara de las reglas que aplicas y cómo se comportará el contenido según las circunstancias.
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

Siempre es buena idea probar tus opciones para asegurarte de que funcionan correctamente. Recomendamos usar Browserstack y otras herramientas gratuitas en línea para simular tus pruebas.

Continuar Aprendiendo:

  1. Cómo Mostrar un Banner de Venta Precisamente a Medianoche con las Opciones de Condición de Divi
  2. Cómo Retargetear Carritos Abandonados con un Popup Promocional Usando las Opciones de Condición de Divi
  3. Cómo Crear Publicaciones Exclusivas para Miembros con las Opciones de Condición de Divi
  4. Cómo Mostrar Contenido Condicional según el Tiempo cuando un Temporizador de Cuenta Regresiva Expira en Divi

    • Popular Articles

    • How to Create an App for Restaurants (with or without Delivery)

      Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...

    • APPS: Radio

      The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...

    • APPS: Webhooks

      The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...

    • APPS: Audio & Music

      How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...

    • QR Promotions

      This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...

    • Related Articles

    • Using Divi Transform Options

      Divi transformation options are a set of powerful tools that allow you to manipulate web design in surprising ways, creating depth and attractive visual effects. Divi transformation options allow you to move elements, scale them, rotate them into ...

    • Using Border Options in Divi

      Divi border options allow you to easily add and stylize edges on any item on the page. With Divi Edge Options, it is possible to create truly unique designs for your website. You can apply custom edges to Divi elements, including sections, rows, and ...

    • Using Sizing Options in Divi

      Divi Size Options make it easy to adjust the size of sections, rows, columns and modules in Divi. Divi Size Options make adjusting the size of sections, rows, columns and modules simple. Size is an essential part of creating attractive websites. ...

    • Using Spacing Options in Divi

      It is easy to customize spacing into sections, rows and modules with Divi Spacing Options. Spacing is an important element in web design. It helps organize your content and keep things clear and balanced. With Divi, it is easy to customize spacing in ...

    • Divi Sticky Options

      Introducing the most comprehensive sticky system in any WordPress page builder TheDivi Sticky Optionsare a new feature that allows you to fix any item at the top and/or bottom of the browser window as you scroll up or down the page. This allows you ...