Tre cose interessanti che puoi fare con Dondivi (download gratuito)

La vendita di anniversario Divi è in pieno svolgimento e quest'anno stiamo facendo qualcosa che non abbiamo mai fatto prima. Stiamo regalando l'intera suite Dondivi di plugin premium gratuitamente a tutti coloro che raccoglie un prodotto Divi qualificato. Sono oltre $ 170 di strumenti aggiunti al tuo account, istantaneamente.

Per mostrarti quanto sia potente questa raccolta, abbiamo creato tre casi d'uso usando Dondivi e Divi. Queste non sono solo "idee interessanti": sono soluzioni pratiche che puoi copiare, personalizzare e utilizzare oggi. Avrai anche un download gratuito di tutti i layout utilizzati in questo post in modo da poter importare e costruire istantaneamente.

Ecco un'anteprima di ciò che abbiamo in negozio ...

Ci immeriamo e scopriamo cosa puoi fare con Dondivi.

Ottieni l'intera suite Dondivi gratuitamente

Di recente abbiamo acquisito l'intera collezione Dondivi e, per festeggiare, lo stiamo regalando gratuitamente a tutti coloro che effettuano un acquisto qualificato durante la vendita di anniversario. Questo è oltre $ 170 di plugin premium , aggiunti automaticamente al tuo account quando acquisti Divi Pro, Divi VIP o qualsiasi bundle Divi.

Leggi l'annuncio

Cosa è incluso?

Ogni acquisto qualificante sblocca l'intera collezione di prodotti Dondivi, tra cui:

• Dondivi Builder - Un set premium di 9 moduli tra cui popup, griglie, attivi contenuti, schede, hotspot, tempistiche e altro ancora.
• Divimenus - Un costruttore di menu flessibile che ti consente di creare mega menu, intestazioni appiccicose, navigatori galleggianti, popup e contenuti interattivi.
• DivipassWords - Proteggi password qualsiasi sezione, riga o modulo con un semplice campo di password.
• Divisignature : costruire e gestire le firme e -mail personalizzate utilizzando Divi Builder. Include una directory ricercabile!
• Divimenus galleggiante : fluttuare i tuoi menu ovunque sullo schermo con posizionamento personalizzato e controlli di visibilità.
• Condivisione di Divimenus - Aggiungi bellissimi pulsanti di condivisione sociale a qualsiasi layout Divi usando gli stili di Divimenus.
• Divimenus on Media - Posiziona menu interattivi direttamente su immagini e video per aumentare il coinvolgimento.

Ed è tutto gratuito, proprio per unirsi durante la vendita.

Richiedi la tua collezione Dondivi gratuita

3 cose interessanti che puoi costruire con Dondivi

Dondivi non è solo un pacchetto di plugin: è unonsatore creativo in piena regola per Divi. Sia che tu voglia migliorare le tue intestazioni, creare popup slick o rendere più interattive i tavoli dei prezzi, Dondivi lo rende possibile con la semplicità di trascinamento.

Per mostrarti ciò che è possibile, abbiamo costruito tre esempi del mondo reale usando:

• Il sito di avviamento di Divi Saas con siti rapidi Divi
• I plugin di Builder di Divimenus e Dondivi
• Layout Dondivi pre-realizzati importati nella libreria Divi per accompagnare il processo

Ogni esempio di seguito include una rapida procedura dettagliata e abbiamo persino confezionato i file di layout come download gratuito alla fine di questo post.

1. Creare un menu di intestazione sovralimentato con Divimenus

Stanco dei menu di intestazione di base? Divimenus ti consente di creare qualcosa di molto più dinamico - pensa ai mega menu, al passaggio del bordo e ai modali - tutti ti hanno fatto strada all'interno del costruttore di temi Divi.

Ecco come l'abbiamo costruito:

Abbiamo sostituito il modello di intestazione globale nel Builder del tema con un layout del menu di intestazione Dondivi premade (costruito con il modulo Flex Divimenus) per darci un esempio di funzionamento.

Quindi, abbiamo usato il modulo Flex Divimenus per creare un'intestazione dinamica con stili e tipi di collegamento diversi. Ecco cosa include il nostro menu di esempio:

• Home - un semplice link URL
• Funzionalità , Blog : ognuno rivela un layout Divi personalizzato dalla libreria in uno stile di menu Mega.
• Prezzi - Un altro collegamento URL standard
• Ricerca : apre un layout di barra di ricerca in stile in un popup
• Contatto : si apre anche come popup con un modulo di contatto, disegnato come pulsante di invito all'azione
• Avvia gratuitamente : un pulsante audace che si collega alla pagina dei prezzi
• Menu Hamburger - Questo menu di hamburger visualizza un menu WordPress sul cellulare (con sottomarini secondari pieghevoli!)

Visualizzazione di layout Divi completo con tipo di collegamento sub

Per visualizzare un layout "mega menu" personalizzato quando si libra (o fai clic) sulla voce di menu, è possibile utilizzare il tipo di collegamento secondario nelle impostazioni elementi del modulo.

Ad esempio, per mostrare il layout delle funzionalità quando abbiamo litigato sulla voce di menu "Funzionalità", abbiamo dovuto per prima cosa salvare la sezione Funzionalità dal nostro sito Web alla libreria Divi.

Quindi, abbiamo aperto il modulo Flex Divimenus e modificato il tipo di collegamento "Funzione" in "Sub". Abbiamo quindi selezionato il layout salvato dalla libreria come contenuto.

Abbiamo fatto la stessa cosa per il blog e anche per le voci di menu. Abbiamo salvato un layout personalizzato nella libreria per ciascuno e lo abbiamo visualizzato utilizzando il tipo di singolo collegamento nelle impostazioni della voce di menu.

Il collegamento Informazioni visualizza un layout finto con moduli Blurb clickbili e il link del blog visualizza un dispositivo di scorrimento del post sul blog dinamico con link finti alle categorie.

È praticamente tutto! Ecco il risultato.

Trasformare i layout in popup usando il tipo di collegamento popup

Per la ricerca e il contatto , abbiamo utilizzato il tipo di collegamento a popup per attivare layout personalizzati dalla libreria Divi.

Per creare il collegamento popup "Contatta", abbiamo utilizzato le opzioni di design per modellare il collegamento con un'icona, il colore di sfondo, l'effetto hover, ecc., Per apparire e funzionare come un pulsante. Quindi, abbiamo modificato il tipo di collegamento in "popup" e selezionato il layout del modulo di contatto dalla libreria Divi (che abbiamo ottenuto dalla pagina di contatto).

Abbiamo messo alcuni tocchi finali sul design per cambiare il colore dell'alone, dell'icona "chiusa", ecc. Ecco!

Verrà visualizzato il layout di popup quando si fa clic sul collegamento a contatto.

Abbiamo fatto la stessa cosa per creare un popup della barra di ricerca quando abbiamo fatto clic sull'icona di ricerca. Tutto quello che devi fare è estrarre un layout della barra di ricerca predefinita dalla libreria.

Ecco le voci del menu popup in azione.

Suggerimenti per lo styling:

• Usa icone o immagini personalizzate per ogni elemento per polacco extra
• In design> Voce di menu , regolare l'imbottitura e gli effetti del mouse
• Attiva impostazioni appiccicose in modo che il menu rimanga in cima durante lo scorrimento
• Nascondi il testo del collegamento sul cellulare in modo che solo l'icona venga visualizzata, salvando lo spazio

Il Divimenus di Dondivi ti consente di trasformare una semplice intestazione in un'esperienza interattiva su misura per il tuo marchio e l'utente. E questa è solo la punta dell'iceberg. C'è molto di più che puoi fare con questo plug -in, specialmente quando lo combini con il dividimento galleggiante di Dondivi, la condivisione del dividimento e sui media (anche gratuiti durante la vendita).

2. Crea popup personalizzati con click, scorrimento ed uscita

I popup possono essere fastidiosi o fantastici. Con il modulo popup di Dondivi, sei in pieno controllo. Puoi mostrare qualsiasi layout Divi come popup e attivarlo come desideri: su scorrimento, su clic o persino su intenti di uscita.

In questo esempio, abbiamo preso la sezione CTA dalla homepage del sito di avviamento SaaS e l'abbiamo trasformata in un popup intenzionale di uscita intelligente. Ecco come abbiamo fatto:

Salva la sezione CTA dalla tua homepage alla Biblioteca Divi.

Crea una nuova sezione e aggiungi il modulo popup Dondivi .

In Impostazioni del contenuto , scegli "Exit Intent" come tipo di trigger. Quindi selezionare "Divi Layout" come tipo di contenuto e scegliere il layout corrispondente dalla libreria nel menu a discesa.

Qui il popup in azione.

Questo è un modo perfetto per emergere chiamate all'azione senza interrompere i visitatori. Poiché stai usando layout Divi, il cielo è il limite alla personalizzazione.

Più suggerimenti

• Utilizzare le impostazioni di animazione per aggiungere effetti di iscrizione/uscita come "zoom in" o "scivolare verso l'alto"
• Controlla la larghezza del popup, il colore di sfondo e la posizione del pulsante Chiudi
• Vuoi attivare invece il clic sul pulsante? Passa a fare clic su trigger e assegna una classe CSS come .cta-popup a qualsiasi elemento
• Utilizzare il trigger di scorrimento per far visualizzare il popup in un certo punto quando l'utente scorre la pagina. Sarebbe ottimo per l'aggiunta di un popup Email Optin sul tuo modello di post sul blog!

Questo modulo popup Divi è un'alternativa gratuita perfetta a soluzioni popup più robuste come OptinMonster e plugin WordPress gratuiti come Popup Maker.

Pensaci: Divi è il tuo costruttore di popup. Se riesci a progettarlo in Divi, puoi visualizzarlo in un popup con qualsiasi trigger di cui hai bisogno.

3. Attiva alternare il contenuto con interruttori o schede (perfetto per le tabelle dei prezzi)

Hai bisogno di consentire ai visitatori di passare da due visualizzazioni, come i prezzi mensili e annuali, senza lasciare la pagina? Il contenuto di Dondivi alternano esattamente questo. Crea interruttori fluidi e interattivi tra due layout, perfetti per tavoli prezzi, confronti di funzionalità o piani di prodotto.

Nel nostro esempio, abbiamo usato la sezione prezzi dal sito di avviamento Divi SaaS. Abbiamo duplicato la sezione dei prezzi e regolato i prezzi della sezione duplicati. Quindi abbiamo salvato entrambe le sezioni, una per i prezzi mensili e una per i prezzi annuali - alla Biblioteca Divi.

Una volta salvati i layout, siamo tornati alla pagina dei prezzi e abbiamo aggiunto il modulo di disattivazione del contenuto Dondivi per sostituire il contenuto di prezzi statici.

In Content> Layout , assegna ogni stato di attivatura a uno dei layout salvati. Nomina gli stati di levetta mensile e annuale .

E puoi progettare la scheda Design per abbinare il tuo marchio.

Ecco il risultato.

Suggerimenti per lo styling del modulo

• Utilizzare l'impostazione della modalità Switch per un design pulito e moderno interruttore a levetta
• Applicare gli effetti di inserisci ed esci per transizioni fluide
• Stile Attiva etichette e contenuti in modo indipendente utilizzando le impostazioni di design

Vuoi andare oltre due layout o creare una navigazione a schede avanzate? Dai un'occhiata al modulo delle schede Dondivi . Supporta:

• Layout della scheda orizzontale e verticale
• Sezioni di contenuti multipli con stile unico per scheda
• Icone, sottotitoli e animazioni di entrata/uscita

Entrambi i moduli sono inclusi nel Builder Dondivi e funzionano perfettamente con qualsiasi layout salvo nella libreria Divi.

Risultato finale

Ecco il risultato finale.

E se ti stai chiedendo cosa succede al menu su dispositivo mobile, c'è un menu WordPress collassibile che è anche completamente personalizzabile con Dondivi.

Scarica tutti i layout da questo post (gratuitamente!)

Vuoi provare questi esempi da soli? Abbiamo confezionato tutti i layout della libreria Divi personalizzati utilizzati in questo post in un file zip scaricabile gratuito. Importali nel tuo sito, collegali ai moduli appropriati e sei pronto per partire.

Scarica i layout di esempio

Cosa c'è dentro:

• Layout di pagina : per la configurazione delle pagine del tuo sito Web se necessario
• Menu intestazione personalizzato : il layout del menu di intestazione che abbiamo creato utilizzando Divimenus. Puoi aggiungerlo al tuo modello di intestazione principale nel personalizzatore del tema
• Layout del sottomeno di intestazione -3 Layout della libreria Divi per funzionalità, su e contenuti sub-menu di blog
• Layout popup del menu - 2 Layout: uno per il popup di ricerca e uno per il modulo di contatto quando si fa clic sulle voci di menu
• Layout della sezione dei prezzi - Layout mensile e annuale della sezione dei prezzi, pronti per l'uso con il modulo di attivazione del contenuto
• Popup Layout - Il layout per il popup Dondivi Builder che abbiamo costruito

Come usare i layout:

1. Scarica il file zip e decomprime i file sul tuo computer.
2. Importa il file "Dondivi Use Case Layouts-all.json" nella libreria Divi.

3. Quindi creare una nuova pagina homepage e prezzi. Usa il Builder Divi per creare la pagina utilizzando la homepage SaaS e layout della pagina dei prezzi SaaS dalla tua libreria. Dovresti vedere i prezzi mensili/annuali alterni su queste pagine.

4. Per testare il menu dell'intestazione Dondivi, vai al personalizzatore del tema e crea una nuova intestazione sul modello predefinito utilizzando il layout "header DM personalizzato" dalla tua libreria.

Abbiamo anche incluso un bonus: una collezione curata di layout Dondivi gratuiti dal loro portale membro. Questi modelli sono normalmente accessibili solo attraverso il sito Web Dondivi, ma li abbiamo organizzati per te con il plug -in, quindi è facile trovare quelle di cui hai bisogno.

Bonus: scarica la libreria di layout Dondivi

Dondivi offre molti layout premade per ogni prodotto che puoi scaricare gratuitamente. Una volta effettuato un acquisto qualificante durante la nostra vendita, puoi trovare tutti i download di prodotti Dondivi e i file supplementari nella scheda Marketplace nell'area dei membri.

Questo è un ottimo modo per iniziare il tuo prossimo progetto, o esplorare ciò che è possibile con gli strumenti a cui ora hai accesso gratuitamente.

Richiedi la tua collezione Dondivi

Inizia a costruire con Dondivi - gratuitamente!

Sia che tu voglia aggiornare i tuoi menu, creare bellissimi popup o aggiungere potenti funzionalità dell'interfaccia utente al tuo sito Web Divi, Dondivi ha uno strumento per il lavoro. E per la prima volta in assoluto, puoi ottenere l'intera suite gratuitamente durante la nostra vendita di anniversario.

Ma non aspettare: questa offerta è disponibile solo per un tempo limitato. Una volta terminata la vendita, anche il download gratuito.

Unisciti alla vendita e ottieni Dondivi gratuitamente

Questa è la tua occasione per potenziare il tuo toolkit di progettazione con alcuni dei moduli più creativi e flessibili nell'ecosistema Divi, senza costi aggiuntivi.

Non vediamo l'ora di vedere cosa costruisci.

La vendita di anniversario di Divi finisce presto

La nostra vendita di anniversario ha solo pochi giorni e è piena di modi per salvare l'intero ecosistema Divi. Che tu sia nuovo in Divi o già un membro, c'è qualcosa per tutti, tra cui fasci esclusivi, enormi sconti e la suite Dondivi completa completamente gratuita con acquisti qualificanti.

• Divi Pro - 78% di sconto - Include tutto: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Dash e Divi Teams, oltre a un credito di mercato di $ 50 e l'intera raccolta Dondivi.
• Divi AI - 60% di sconto - Genera copia, immagini e layout all'interno di Divi con strumenti AI addestrati sul tuo sito Web.
• Divi Cloud - 40% di sconto - Memorizza e sincronizza i layout, i modelli e il codice su tutti i tuoi siti Web.
• Divi teams - 40% di sconto - Dai al tuo team o ai clienti l'accesso condiviso ai servizi Divi con ruoli e autorizzazioni gestite.
• Divi VIP-40% di sconto -Ottieni un supporto premium 24/7 con tempi di risposta al sub-30 minuti e 10% di sconto su tutti gli acquisti del mercato.
• Risparmia il 60% sul pacchetto di moduli, sul pacchetto di funzionalità e sul layout : afferrare collezioni curate di moduli, layout ed estensioni più venduti nel mercato Divi.
• Aggiornamento a vita : effettuare un pagamento una tantum per l'accesso a vita a Divi e ogni aggiornamento futuro.

Non aspettare. Prendi un affare e diventa gratuito Dondivi oggi.

Portami alla vendita