Lo más destacado del complemento Divi: Divi Magic

¿Alguna vez ha querido mostrar diferentes elementos de la página a diferentes usuarios en función de su rol de usuario o estado de inicio de sesión? ¿Qué hay de mostrar elementos específicos en función de la fecha y la 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 usar estos controles para establecer la visibilidad en función del estado de inicio de sesión de los usuarios, las funciones 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 lo fácil que es usarlo.

Ajustes de visibilidad de Divi Magic

Se agrega un nuevo conjunto de funciones a la sección Visibilidad en la pestaña Avanzado de cada sección, fila, columna y módulo. Funciona en los constructores 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 incluyen a todos, usuarios que han cerrado sesión y usuarios que han iniciado sesión. Este nivel de control le permite brindar ofertas especiales, limitar la información que se muestra en la página, etc. Esto es útil para tiendas en línea, escuelas, etc.

Elegir 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 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 se muestran en gris claro. Las otras fechas cambian de color para mostrar que las seleccionó, pero la fecha de hoy permanece amarilla. Esto puede ser confuso porque puede pensar que ha seleccionado la fecha de hoy cuando no lo ha hecho.

Ejemplos de Divi Magic para usuarios específicos

Aquí hay 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 hayan iniciado sesión.

Estoy usando el segundo paquete de creación de temas y he agregado 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 hayan iniciado sesión. Cualquiera que haya iniciado sesión no necesitará este banner.

Como estoy conectado, solo veo el encabezado como normal.

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

Para este ejemplo, estoy creando diferentes secciones que se mostrarán a diferentes tipos de usuarios. Los usuarios que hayan cerrado la sesión verán una página de inicio con llamadas a la acción 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 llamadas a la acción para inscribirme en las clases.

Para este ejemplo, inicié sesión como instructor usando un complemento LMS , por lo que las secciones que he marcado para los 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 programación diaria: Banner destacado

He aquí un vistazo a 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 excelente para crear promociones de ventas que no aparecen hasta un momento determinado. Me gusta que puedas 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 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. He agregado 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 que esté activo para ser más grande.

He configurado un conjunto de secciones de ventas y tengo cada una para mostrar 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 generador de backend). He configurado 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 como se muestra el jueves. Todos los días se muestran como normales excepto el día actual. Ese día se reemplaza por la versión más grande por lo que se destaca. 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 facilita la creación de algo que reemplace un complemento de tiempo de cuenta regresiva completo o algo similar para crear un efecto simiesco.

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

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 estoy registrado como cliente, la sección de ventas no me aparece. 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.

Magia Divi con Extra

Divi Magic también funciona con Extra en Divi Builder estándar y Theme Builder. Por el momento, no funciona con el Creador de categorías. He discutido 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 como de costumbre, sin un banner que les pida unirse.

Precio

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

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

pensamientos finales

Divi Magic es un complemento excelente para tener en tu 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 pancartas 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