Destaque do plug-in Divi: Divi Magic

Você já quis mostrar diferentes elementos de página para diferentes usuários com base em sua função de usuário ou status de login? Que tal mostrar elementos específicos com base em data e hora? Um plugin de terceiros para Divi chamado Divi Magic adiciona esses recursos ao Divi, dando a você muito mais controle sobre quem pode ver certos elementos e quando eles podem vê-los.

Divi Magic adiciona um novo conjunto de ferramentas de visibilidade para cada seção, linha, coluna e módulo padrão. Você pode usar esses controles para definir a visibilidade com base no status de login dos usuários, nas funções do usuário ou na data e hora. Neste artigo, vamos dar uma olhada no Divi Magic, ver o que ele pode fazer e como é fácil de usar.

Configurações de visibilidade do Divi Magic

Um novo conjunto de recursos é adicionado à seção Visibilidade na guia Avançado de cada seção, linha, coluna e módulo. Ele funciona nos construtores de back-end e front-end, bem como no Theme Builder. Os novos recursos permitem que você escolha quem pode ver o módulo e especifique se deseja que ele seja exibido em um horário específico.

As opções para quem pode visualizar o módulo incluem todos, usuários desconectados e usuários conectados. Este nível de controle permite que você forneça ofertas especiais, limite as informações que são mostradas na página, etc. Isso é útil para lojas online, escolas, etc.

A escolha de usuários conectados adiciona uma nova lista onde você pode selecionar usuários específicos. Isso inclui os usuários padrão do WordPress e quaisquer usuários extras que você adicionou. Meu exemplo mostra usuários de WooCommerce, LifterLMS e GiveWP porque tenho esses plug-ins instalados.

Selecionar para exibir o elemento com base em uma data e hora abre mais opções onde você pode definir a data de início e de término separadamente.

Selecionar a data de início ou término abre um calendário com controles deslizantes de hora e minuto (pelo menos é assim que funciona no Chrome). Isso é bom para revelar uma oferta em um determinado momento, mostrar se uma venda está ativa, etc.

A data de hoje é mostrada em amarelo, enquanto todas as outras datas estão em cinza claro. As outras datas mudam de cor para mostrar que você as selecionou, mas a data de hoje permanece amarela. Isso pode ser confuso porque você pode pensar que selecionou a data de hoje, mas não selecionou.

Exemplos de Divi Magic para usuários específicos

Aqui estão alguns exemplos de como funciona para usuários específicos. Neste exemplo, estou criando um banner que mostrará apenas os usuários que não estão logados.

Estou usando o segundo pacote de construtor de tema e adicionei um banner acima do cabeçalho global. Eu adicionei um módulo de texto que mostra uma mensagem aos usuários pedindo que eles se inscrevam e um botão que os leva à página de inscrição. Nas configurações, eu o configurei para exibir apenas essa linha para usuários que não estão logados. Qualquer pessoa que esteja logado não precisará deste banner.

Como estou logado, vejo o cabeçalho normalmente.

Quem não está logado vê o banner acima do cabeçalho, convidando-o a participar.

Para este exemplo, estou criando diferentes seções que serão exibidas para diferentes tipos de usuários. Os usuários desconectados verão uma página de destino com CTAs para se inscrever nos cursos.

Os usuários que estiverem logados como alunos verão a lista de cursos.

Os instrutores conectados verão uma página do curso.

Neste exemplo, não estou logado, então vejo a página com CTAs para me inscrever nas aulas.

Para este exemplo, estou conectado como instrutor, portanto, as seções que marquei para instrutores são exibidas na tela.

Isso adiciona um certo nível de lógica condicional às seções. Meus exemplos são simplificados demais, mas você pode facilmente mostrar elementos projetados especificamente para esses usuários.

Exemplos de Divi Magic para programação diária: Banner em destaque

Aqui está uma olhada em como funciona o sistema de agendamento. Criei um banner a partir dos elementos do pacote de layout da Loja Online e coloquei-o no topo da página de destino. Eu adicionei a cor do botão ao plano de fundo da linha e configurei a linha para ser exibida para todos a partir de 11:45 e executar apenas por uma semana.

Estou usando um módulo de texto, vários módulos WooCommerce e um botão para criar meu banner de vendas.

Como não é hora de mostrar o banner, a página o esconde.

Na data e hora de início, o banner é exibido normalmente. Isso é ótimo para criar promoções de vendas que não aparecem até certo momento. Gosto que você possa agendar elementos para serem exibidos sem ter que publicá-los manualmente. Isso libera seu tempo para que você possa estar em outro lugar enquanto isso está acontecendo.

Exemplos Divi Magic para programação diária: vendas diárias

Você também pode criar um cabeçalho interessante que mostra uma venda diferente para cada dia, como vendas de contagem regressiva para a semana da Black Friday. Eu adicionei uma linha com 5 colunas. Cada coluna possui um módulo de texto que mostra o dia.

Eu criei um novo conjunto de módulos de texto diários e os configurei para serem exibidos apenas em seus dias específicos. Eu também terei o dia ativo para ser maior.

Eu configurei um conjunto de seções de vendas e tenho cada uma para mostrar apenas em um dia específico.

Veja como fica na visualização wireframe do backend (só porque ainda gosto de usar o construtor de backend). Eu configurei a programação para cada dia para os módulos de texto de forma independente. Para os itens de venda, incluindo texto, botão, módulos Woo e um módulo de loja, criei uma nova linha para cada dia e programei as linhas independentemente.

Esta é a página ao vivo exibida na quinta-feira. Todos os dias aparecem normalmente, exceto o dia atual. Esse dia é substituído pela versão maior para se destacar. Apenas o item em promoção para aquele dia é exibido. Claro, para os itens de venda, eu adicionaria uma descrição melhor e não teria preços diferentes em um site real, mas este exemplo é suficiente para mostrar o que pode ser feito para a programação diária dos elementos.

Divi Magic com configurações do usuário e programação combinadas

As configurações do usuário e as configurações de agendamento podem ser usadas juntas para mostrar certos elementos para certos usuários em dias específicos. Neste exemplo, eu defini as vendas programadas para mostrar apenas aos usuários que são clientes.

Como não estou conectado como cliente, a seção de vendas não é exibida para mim. É assim que a página é exibida para todos que não são clientes conectados.

Agora voltei e adicionei Admin como um usuário, então ele aparece quando eu olho para a página.

Divi Magic com Extra

Divi Magic também funciona com Extra no Divi Builder padrão e no Theme Builder. No momento, ele não funciona com o Category Builder. Discuti isso com o desenvolvedor e esse recurso será adicionado em uma atualização futura. Este exemplo mostra o banner no cabeçalho global para usuários que não estão logados.

Os usuários que estão logados veem o cabeçalho normalmente, sem um banner solicitando a adesão.

Preço

Você pode comprar Divi Magic no site do desenvolvedor. Está disponível com duas opções de compra:

• $ 25 por ano para uso em um único site e um ano de atualizações.
• $ 39 por ano para uso em sites ilimitados e um ano de atualizações.

Reflexões finais

Divi Magic é um excelente plugin para ter em sua caixa de ferramentas. Os controles são adicionados às seções, linhas, colunas e módulos Divi padrão, portanto, não há nada novo que você precise adicionar aos seus layouts. Achei os controles fáceis de usar.

Ter controle sobre quem pode ver o que e quando pode ver abre muitas possibilidades de usabilidade, promocionais e de design. Gosto que você possa criar banners ou outros elementos de página com o Divi Builder e depois mostrá-los a certas funções de usuário ou em certas datas e horários com apenas algumas seleções.

Se você quiser mais controle sobre quem pode ver certos elementos e quando eles podem vê-los, vale a pena dar uma olhada no Divi Magic.

Nós queremos ouvir de você. Você já experimentou o Divi Magic? Deixe-nos saber o que você pensa sobre isso nos comentários abaixo.

Imagem em destaque via 4zevar / shutterstock.com