Lo más destacado del complemento Divi: Divi Magic

¿Alguna vez ha querido mostrar diferentes elementos de la página a diferentes usuarios según su rol de usuario o su estado de inicio de sesión? ¿Qué tal mostrar elementos específicos basados ​​en fecha y hora? Un complemento de terceros para Divi llamado Divi Magic agrega estas funciones a Divi, lo que le brinda mucho más control sobre quién puede ver ciertos elementos y cuándo pueden verlos.

Divi Magic agrega un nuevo conjunto de herramientas de visibilidad a cada sección, fila, columna y módulo estándar. Puede utilizar estos controles para establecer la visibilidad en función del estado de inicio de sesión de los usuarios, los roles de los usuarios o la fecha y la hora. En este artículo, echaremos un vistazo a Divi Magic, veremos lo que puede hacer y veremos lo fácil que es de usar.

Configuración de visibilidad de Divi Magic

Se agrega un nuevo conjunto de características a la sección Visibilidad en la pestaña Avanzado de cada sección, fila, columna y módulo. Funciona en los constructores de backend y frontend, así como en Theme Builder. Las nuevas funciones le permiten elegir quién puede ver el módulo y especificar si desea que se muestre en un momento específico.

Las opciones de quién puede ver el módulo incluye a todos, los usuarios que han cerrado sesión y los que han iniciado sesión. Este nivel de control le permite ofrecer ofertas especiales, limitar la información que se muestra en la página, etc. Esto es útil para tiendas en línea, escuelas, etc.

La elección de usuarios registrados agrega una nueva lista donde puede seleccionar usuarios específicos. Esto incluye los usuarios estándar de WordPress y cualquier usuario adicional que haya agregado. Mi ejemplo muestra a los usuarios de WooCommerce, LifterLMS y GiveWP porque tengo esos complementos instalados.

Al seleccionar mostrar el elemento en función de una fecha y hora, se abren más opciones en las que puede establecer la fecha de inicio y finalización por separado.

Al seleccionar la fecha de inicio o finalización, se abre un calendario con controles deslizantes de horas y minutos (al menos así es como funciona en Chrome). Esto es bueno para revelar una oferta en un momento determinado, mostrar si una venta está activa, etc.

La fecha de hoy se muestra en amarillo, mientras que todas las demás fechas están en gris claro. Las otras fechas cambian de color para mostrar que las ha seleccionado, pero la fecha de hoy permanece amarilla. Esto puede resultar confuso porque puede pensar que ha seleccionado la fecha de hoy cuando no lo ha hecho.

Ejemplos de Divi Magic para usuarios específicos

A continuación, se muestran algunos ejemplos de cómo funciona para usuarios específicos. En este ejemplo, estoy creando un banner que solo mostrará a aquellos usuarios que no han iniciado sesión.

Estoy usando el segundo paquete de creación de temas y agregué un banner sobre el encabezado global. Agregué un módulo de texto que muestra un mensaje a los usuarios pidiéndoles que se unan y un botón que los lleva a la página de registro. En la configuración, lo configuré para que solo muestre esa fila a los usuarios que no han iniciado sesión. Cualquiera que haya iniciado sesión no necesitará este banner.

Desde que inicié sesión, veo el encabezado como de costumbre.

Cualquiera que no haya iniciado sesión verá el banner sobre el encabezado, invitándolos a unirse.

Para este ejemplo, estoy creando diferentes secciones que se mostrarán a diferentes tipos de usuarios. Los usuarios desconectados verán una página de destino con CTA para inscribirse en los cursos.

Los usuarios que hayan iniciado sesión como estudiantes verán la lista de cursos.

Los instructores que hayan iniciado sesión verán una página del curso.

En este ejemplo, no he iniciado sesión, así que veo la página con CTA para inscribirme en las clases.

Para este ejemplo, estoy conectado como instructor, por lo que las secciones que he marcado para instructores se muestran en la pantalla.

Esto agrega un cierto nivel de lógica condicional a las secciones. Mis ejemplos están demasiado simplificados, pero podría mostrar fácilmente elementos diseñados específicamente para esos usuarios.

Ejemplos de Divi Magic para la programación diaria: banner destacado

A continuación, se muestra cómo funciona el sistema de programación. Creé un banner a partir de los elementos del paquete de diseño de la Tienda en línea y lo coloqué en la parte superior de la página de destino. Agregué el color del botón al fondo de la fila y configuré la fila para que se muestre a todos a partir de las 11:45 y solo se ejecute durante una semana.

Estoy usando un módulo de texto, varios módulos de WooCommerce y un botón para crear mi banner de ventas.

Como no es el momento de mostrar el banner, la página lo oculta.

En la fecha y hora de inicio, el banner se muestra normalmente. Esto es ideal para crear promociones de ventas que no se muestran hasta cierto momento. Me gusta que pueda programar elementos para que se muestren sin tener que publicarlos manualmente. Esto libera su tiempo para que pueda estar en otro lugar mientras esto sucede.

Ejemplos de Divi Magic para la programación diaria: ventas diarias

También puede crear un encabezado interesante que muestre una venta diferente para cada día, como las ventas de cuenta regresiva para la semana del Black Friday. Agregué una fila con 5 columnas. Cada columna tiene un módulo de texto que muestra el día.

Creé un nuevo conjunto de módulos de texto diarios y los configuré para que solo se muestren en sus días específicos. También tendré el día activo para ser más grande.

He configurado un conjunto de secciones de ventas y cada una se muestra solo en función de un día específico.

Así es como se ve en la vista de estructura alámbrica en el backend (solo porque todavía me gusta usar el constructor de backend). Configuré la programación de cada día para los módulos de texto de forma independiente. Para los artículos de venta que incluyen texto, botón, módulos Woo y un módulo de tienda, creé una nueva fila para cada día y programé las filas de forma independiente.

Aquí está la página en vivo tal como se muestra el jueves. Todos los días se muestran normalmente, excepto el día actual. Ese día se sustituye por la versión más grande para que se destaque. Solo se muestra el artículo en oferta de ese día. Por supuesto, para los artículos de venta, agregaría una mejor descripción y no tendría precios diferentes en un sitio web real, pero este ejemplo es suficiente para mostrar lo que se puede hacer para la programación diaria de elementos.

Divi Magic con configuración de usuario y programación combinados

La configuración de usuario y la configuración de programación se pueden usar juntas para mostrar ciertos elementos a ciertos usuarios en días específicos. En este ejemplo, configuré las ventas programadas para que solo se muestren a los usuarios que son clientes.

Como no he iniciado sesión como cliente, la sección de ventas no se muestra. Así es como se ve la página para todos los que no son clientes registrados.

Ahora volví y agregué Admin como usuario, por lo que aparece cuando miro la página.

Divi Magic con extra

Divi Magic también funciona con Extra en Divi Builder estándar y Theme Builder. Por el momento, no funciona con el Generador de categorías. Hablé de esto con el desarrollador y esta función se agregará en una actualización futura. Este ejemplo muestra el banner en el encabezado global para los usuarios que no han iniciado sesión.

Los usuarios que han iniciado sesión ven el encabezado de forma normal, sin un banner que les pida que se unan.

Precio

Puede comprar Divi Magic en el sitio web del desarrollador. Está disponible con dos opciones de compra:

• $ 25 por año para usar en un solo sitio web y un año de actualizaciones.
• $ 39 por año para usar en sitios web ilimitados y un año de actualizaciones.

Pensamientos finales

Divi Magic es un excelente complemento para tener en su caja de herramientas. Los controles se agregan a las secciones, filas, columnas y módulos estándar de Divi, por lo que no hay nada nuevo que deba agregar a sus diseños. Encontré los controles fáciles de usar.

Tener control sobre quién puede ver qué y cuándo puede verlo abre muchas posibilidades de usabilidad, promoción y diseño. Me gusta que pueda crear banners u otros elementos de página con Divi Builder y luego mostrárselos a ciertos roles de usuario o en ciertas fechas y horas con solo unas pocas selecciones.

Si desea tener más control sobre quién puede ver ciertos elementos y cuándo pueden verlos, vale la pena echarle un vistazo a Divi Magic.

Queremos escuchar de ti. ¿Has probado Divi Magic? Háganos saber lo que piensa al respecto en los comentarios a continuación.

Imagen destacada a través de 4zevar / shutterstock.com