Três coisas legais que você pode fazer com dondivi (download grátis)

A venda de aniversário da Divi está em pleno andamento - e este ano, estamos fazendo algo que nunca fizemos antes. Estamos distribuindo todo o conjunto de plugins premium do Dondivi gratuitamente para todos que buscam um produto Divi qualificado. São mais de US $ 170 em ferramentas adicionadas à sua conta, instantaneamente.

Para mostrar o quão poderosa é essa coleção, criamos três casos de uso usando dondivi e Divi. Essas não são apenas "idéias legais" - elas são soluções práticas que você pode copiar, personalizar e usar hoje. Você até receberá um download gratuito de todos os layouts usados ​​nesta postagem para poder importar e criar instantaneamente.

Aqui está uma prévia do que temos na loja ...

Vamos mergulhar e descobrir o que você pode fazer com dondivi.

Obtenha toda a suíte do dondivi de graça

Recentemente, adquirimos toda a coleção Dondivi - e para comemorar, estamos dando -a gratuitamente a todos que fazem uma compra qualificada durante a venda de aniversário. São mais de US $ 170 em plugins premium , adicionados à sua conta automaticamente ao comprar Divi Pro, Divi VIP ou qualquer pacote Divi.

Leia o anúncio

O que está incluído?

Toda compra qualificada desbloqueia a coleção completa de produtos dondivi, incluindo:

• Dondivi Builder - Um conjunto premium de 9 módulos, incluindo pop -ups, grades, alternativas de conteúdo, guias, pontos de acesso, cronogramas e muito mais.
• Divimenus - Um construtor de menus flexível que permite criar mega menus, cabeçalhos pegajosos, naves flutuantes, pop -ups e conteúdo interativo.
• DIVIPASSWORDS - Proteja a senha qualquer seção, linha ou módulo com um campo de senha simples.
• Divisignaturas - Crie e gerencie assinaturas de email personalizadas usando o Divi Builder. Inclui um diretório pesquisável!
• Divimenus flutuante - flutue seus menus em qualquer lugar da tela com controles personalizados de posicionamento e visibilidade.
• Divimenus Compartilhamento - Adicione belos botões de compartilhamento social a qualquer layout do Divi usando estilos divimenus.
• Divimenus na mídia - coloque menus interativos diretamente em imagens e vídeos para aumentar o engajamento.

E é tudo grátis - apenas por ingressar durante a venda.

Reivindique sua coleção gratuita de dondivi

3 coisas legais que você pode construir com dondivi

Dondivi não é apenas um pacote de plugins-é um kit de ferramentas criativo para o Divi. Se você deseja aprimorar seus cabeçalhos, criar pop-ups liso ou tornar suas tabelas de preços mais interativas, o dondivi possibilita a simplicidade de arrastar e arrastar.

Para mostrar o que é possível, construímos três exemplos do mundo real usando:

• O site de partida Divi SaaS com sites rápidos Divi
• Os plugins dos construtores Divimenus e Dondivi
• Layouts de dondivi pré-fabricados para a biblioteca Divi para impulsionar o processo

Cada exemplo abaixo inclui uma explicação rápida - e até embalamos os arquivos de layout como um download gratuito no final deste post.

1. Crie um menu de cabeçalho sobrecarregado com divimenus

Cansado de menus básicos de cabeçalho? Divimenus permite que você crie algo muito mais dinâmico - pense em mega menus, o hover revela e os modais - todos denominados seu caminho para dentro do construtor de temas Divi.

Aqui está como construímos:

Substituímos o modelo de cabeçalho global no construtor de temas por um layout de menu de cabeçalho do dondivi pré -fabricado (construído com o módulo Divimenus Flex) para nos dar um exemplo de funcionamento.

Em seguida, usamos o módulo Divimenus Flex para criar um cabeçalho dinâmico com diferentes estilos e tipos de links. Aqui está o que o nosso menu de exemplo inclui:

• Home - um link de URL simples
• Recursos , sobre , blog - cada um revela um layout de divi personalizado da biblioteca em um mega estilo de menu.
• Preço - outro link de URL padrão
• Pesquisar - abre um layout de barra de pesquisa em um pop -up
• Contato -também abre como um pop-up com um formulário de contato, com um botão de frase de chamariz para ação
• Comece livre - um botão em negrito que vincula a página de preços
• Menu Hamburger - Este menu de hambúrguer exibe um menu WordPress no celular (com submenus dobráveis!)

Exibindo layouts de divi completos com o tipo de sub -link

Para exibir um layout personalizado de “mega menu” ao passar o mouse (ou clicar) no item de menu, você pode usar o tipo de sub-link nas configurações do item do módulo.

Por exemplo, para mostrar o layout de recursos ao passar o item de menu "Recursos", primeiro tivemos que salvar a seção de recursos do nosso site na biblioteca Divi.

Em seguida, abrimos o módulo Divimenus Flex e alteramos o tipo de link "Recurso" para "Sub". Em seguida, selecionamos o layout salvo da biblioteca como conteúdo.

Fizemos a mesma coisa para o blog e sobre os itens de menu também. Salvamos um layout personalizado na biblioteca para cada um e o exibimos usando o tipo de sublink nas configurações do item de menu.

O Link About exibe um layout simulado com módulos clicáveis ​​e o link do blog exibe uma postagem dinâmica de blog com links simulados para categorias.

É isso! Aqui está o resultado.

Transformando layouts em pop -ups usando o tipo de link pop -up

Para pesquisa e contato , usamos o tipo de link pop -up para acionar layouts personalizados da biblioteca Divi.

Para criar o link pop -up "Contato", usamos as opções de design para estilizar o link com um ícone, cor de fundo, efeito de pairar, etc., para procurar e funcionar como um botão. Em seguida, alteramos o tipo de link para "pop -up" e selecionamos o layout do formulário de contato da biblioteca Divi (que obtivemos na página de contato).

Damos alguns toques finais no design para alterar a cor da sobreposição, o ícone "fechar", etc. É isso!

O layout pop -up será exibido ao clicar no link de contato.

Fizemos a mesma coisa para criar um pop -up da barra de pesquisa ao clicar no ícone de pesquisa. Tudo o que você precisa fazer é puxar um layout de barra de pesquisa predesenhada da biblioteca.

Aqui estão os itens do menu pop -up em ação.

Dicas de estilo:

• Use ícones ou imagens personalizadas para cada item para polimento extra
• Em Design> Item de menu , ajuste os efeitos de preenchimento e pairar
• Ligue as configurações pegajosas para que o menu permaneça no topo durante o rolo
• Ocultar o texto do link no celular, então apenas os telas do ícone, economizando espaço

O Divimenus de Dondivi permite transformar um cabeçalho simples em uma experiência interativa adaptada à sua marca e ao usuário. E essa é apenas a ponta do iceberg. Há muito mais que você pode fazer com este plug -in, especialmente quando você o combina com o divimenus flutuante de Dondivi, o compartilhamento de divimenus e na mídia (também gratuita durante a venda).

2. Crie pop -ups personalizados com gatilhos de clique, rolagem e saída

Os pop -ups podem ser irritantes - ou impressionantes. Com o módulo pop -up de Dondivi, você está no controle total. Você pode mostrar qualquer layout do Divi como um pop -up e acioná -lo como quiser: Scroll, on Click ou mesmo na intenção de saída.

Neste exemplo, pegamos a seção CTA da página inicial do site SaaS e a transformamos em um pop-up de intenção de saída inteligente. Aqui está como fizemos isso:

Salve a seção CTA da sua página inicial na Biblioteca Divi.

Crie uma nova seção e adicione o módulo pop -up donDivi .

Em Configurações de conteúdo , escolha "Sair intenção" como o tipo de gatilho. Em seguida, escolha "Divi Layout" como o tipo de conteúdo e escolha o layout correspondente da biblioteca no menu suspenso.

Aqui o pop -up em ação.

Esta é uma maneira perfeita de aparecer chamadas à ação sem interromper seus visitantes. Como você está usando os layouts do Divi, o céu é o limite da personalização.

Mais dicas

• Use configurações de animação para adicionar efeitos de entrada/saída como "Zoom in" ou "deslize para cima"
• Controle largura pop -up, cor de fundo e posição de fechar o botão
• Deseja acionar o botão Clique em vez disso? Alterne para clicar em gatilho e atribua uma classe CSS como .cta-popup a qualquer elemento
• Use o gatilho de rolagem para fazer o show pop -up em um determinado momento quando o usuário rola na página. Isso seria ótimo para adicionar um e -mail optin pop -up no seu modelo de postagem de blog!

Este módulo pop -up Divi é uma alternativa gratuita perfeita para soluções pop -up mais robustas, como OptinMonster e Plugins WordPress gratuito, como fabricante pop -up.

Pense bem: Divi é o seu construtor pop -up. Se você pode projetá -lo no Divi, poderá exibi -lo em um pop -up com qualquer gatilho necessário.

3. Alterar o conteúdo com interruptores ou guias (perfeito para tabelas de preços)

Precisa permitir que os visitantes mudem entre duas visualizações - como preços mensais e anuais - sem sair da página? O módulo de alternância de conteúdo do dondivi faz exatamente isso. Ele cria alternância suave e interativa entre dois layouts, perfeitos para tabelas de preços, comparações de recursos ou planos de produto.

Em nosso exemplo, usamos a seção de preços do site de partida Divi SaaS. Duplicamos a seção de preços e ajustamos o preço da seção duplicada. Em seguida, salvamos as duas seções - uma para preços mensais e uma para preços anuais - para a Biblioteca Divi.

Depois que os layouts são salvos, voltamos à página de preços e adicionamos o módulo de alternância de conteúdo dondivi para substituir o conteúdo de preços estáticos.

Em Conteúdo> Layouts , atribua cada estado de alternância a um dos seus layouts salvos. Nomeie os estados de alternância mensalmente e anualmente .

E você pode projetar a alternância na guia Design para corresponder à sua marca.

Aqui está o resultado.

Dicas de estilo de módulo

• Use a configuração do modo de chave para um design de chave de alternância limpa e moderna
• Aplicar efeitos de Enter e saída para transições suaves
• Estilo Alternar rótulos e conteúdo de forma independente usando as configurações de design

Deseja ir além de dois layouts ou criar navegação avançada com guias? Confira o módulo DONDIVI TABS . Ele suporta:

• Layouts de guias horizontais e verticais
• Múltiplas seções de conteúdo com estilo exclusivo por guia
• Ícones, legendas e animações de entrada/saída

Ambos os módulos estão incluídos no Builder Dondivi e trabalham perfeitamente com qualquer layout que você salva na Biblioteca Divi.

Resultado final

Aqui está o resultado final.

E se você está se perguntando o que acontece com o menu no celular, existe um menu WordPress dobrável que também é completamente personalizável com o dondivi.

Faça o download de todos os layouts deste post (gratuitamente!)

Quer experimentar esses exemplos você mesmo? Empacotamos todos os layouts de biblioteca Divi personalizados usados ​​nesta postagem em um arquivo zip para download gratuito. Basta importar -os para o seu site, conectá -los aos módulos apropriados e você estará pronto para ir.

Baixe layouts de exemplo

O que está dentro:

• Layouts de página - para configurar as páginas do seu site, se necessário
• Menu do cabeçalho personalizado - o layout do menu do cabeçalho que criamos usando o divimenus. Você pode adicioná -lo ao seu modelo de cabeçalho principal no personalizador de temas
• Layouts de submenus de cabeçalho -3 layouts da biblioteca divi para recursos, sobre conteúdo de submenu do blog
• Layouts pop -up de menu - 2 layouts: um para o pop -up de pesquisa e outro para o formulário de contato ao clicar nos itens do menu
• Layouts da seção de preços - layouts de seção de preços mensais e anuais, prontos para uso com o módulo de alternância de conteúdo
• Layout pop -up - o layout para o pop -up do construtor de dondivi que construímos

Como usar os layouts:

1. Faça o download do arquivo zip e descompacte os arquivos no seu computador.
2. Importe o arquivo “Layouts de casos de uso do dondivi-all.json” na biblioteca Divi.

3. Em seguida, crie uma nova página de página inicial e preços. Use o Divi Builder para criar a página usando os layouts da página inicial do SaaS e SaaS de preços da sua biblioteca. Você deve ver o preço do mês/preços anuais nessas páginas.

4. Para testar o menu do cabeçalho do dondivi, vá para o personalizador do tema e crie um novo cabeçalho no seu modelo padrão usando o layout "Cabeçalho DM personalizado" da sua biblioteca.

Também incluímos um bônus: uma coleção com curadoria de layouts de dondivi gratuitos em seu portal de membros. Esses modelos normalmente são acessíveis apenas no site do Dondivi, mas nós os organizamos para você por plug -in, para que seja fácil encontrar os que você precisa.

Bônus: Baixar Biblioteca de Layout Dondivi

O dondivi oferece muitos layouts pré -fabricados para cada produto que você pode baixar gratuitamente. Depois de fazer uma compra qualificada durante nossa venda, você pode encontrar todos os downloads de produtos dondivi e os arquivos suplementares na guia Marketplace na área de seus membros.

Esta é uma ótima maneira de iniciar seu próximo projeto - ou explorar o que é possível com as ferramentas às quais você agora tem acesso gratuitamente.

Reivindique sua coleção de dondivi

Comece a construir com dondivi - de graça!

Se você deseja atualizar seus menus, criar lindos pop -ups ou adicionar poderosos recursos de interface do usuário ao seu site da Divi, o dondivi tem uma ferramenta para o trabalho. E pela primeira vez, você pode obter toda a suíte gratuitamente durante nossa venda de aniversário.

Mas não espere - essa oferta está disponível apenas por um tempo limitado. Quando a venda termina, o mesmo acontece com o download gratuito.

Junte -se à venda e obtenha dondivi grátis

Esta é sua chance de sobrecarregar seu kit de ferramentas de design com alguns dos módulos mais criativos e flexíveis do ecossistema Divi - por nenhum custo extra.

Mal podemos esperar para ver o que você constrói.

A venda de aniversário da divi está terminando em breve

Nossa venda de aniversário só tem alguns dias - e está repleta de maneiras de economizar em todo o ecossistema Divi. Se você é novo no Divi ou já é um membro, há algo para todos, incluindo pacotes exclusivos, grandes descontos e a suíte completa do Dondivi completamente grátis com compras qualificadas.

• Divi Pro - 78% de desconto - inclui tudo: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Dash e Divi Teams, além de um crédito de mercado de US $ 50 e toda a coleção Dondivi.
• Divi AI - 60% de desconto - Gere cópias, imagens e layouts dentro do Divi com ferramentas de IA treinadas em seu site.
• Divi Cloud - 40% de desconto - armazene e sincronize seus layouts, modelos e codificadores em todos os seus sites.
• As equipes da Divi - 40% de desconto - dão à sua equipe ou aos clientes acesso compartilhado aos serviços da DIVI com funções e permissões gerenciadas.
• Divi VIP-40% de desconto -Obtenha suporte premium 24 horas por dia, 7 dias por semana, com tempos de resposta de menos de 30 minutos e 10% de desconto em todas as compras no mercado.
• Economize 60% no pacote de módulos, pacote de recursos e pacote de layout -pegue coleções com curadoria de módulos, layouts e extensões mais vendidos no mercado Divi.
• Atualização ao longo da vida -faça um pagamento único pelo acesso ao longo da vida ao Divi e a todas as atualizações futuras.

Não espere. Faça um acordo e receba dondivi hoje.

Leve -me para a venda