Popups per Divi

Descrizione

Nessuna configurazione necessaria. Attiva semplicemente il plugin e aggiungi la classe CSS “popup” e il tag ID alla sezione divi. Per aprire il popup hai solamente bisogno di aggiungere un link nella pagina con l’URL che punta alla sezione ID.

ℹ️ How it works

  1. Modifica una sezione e imposta il section ID come “newsletter-optin” e la classe CSS sezione come “popup
  2. Aggiungi un link (o pulsante, ecc.) nella pagina e imposta il link URL come “#newsletter-optin
  3. È tutto. Salva la pagina! Quando un visitatore cliccherà sul tuo nuovo link si aprirà il popup.

⭐️ Additional details

Dai un’occhiata al Sito web del plugin per maggiori dettagli. Troverai:

  • Esempio:
  • Opzioni classi CSS
  • Documentazione JS API
  • Documentazione WP filter

Testato su tutti i principali browser per Windows e Mac: Chrome, Firefox, Safari, IE 11, Edge!

🎂 Popups for Divi turns 2

Wow, sono già passati due anni dalla nascita di Popups per Divi!

È stato un periodo fantastico in cui abbiamo imparato un sacco! Nel corso di questo periodo abbiamo aggiunto un sacco di caratteristiche e creato un plugin per il marketing stabile e potente.

Per celebrare l’anniversario abbiamo creato un corso di sei giorni per insegnarti tutto sul plugin. Ti guida attraverso le basi per creare il primo popup mostrando le possibilità di personalizzazione dei layout fino alle tecniche d’utilizzo avanzato del plugin.

“Le email di istruzioni mi hanno davvero aiutato a comprendere come usare correttamente il plugin!”

Il corso è disponibile nella tua Bacheca wp-admin immediatamente dopo aver installato e attivato il plugin. Dai un’occhiata agli screenshot per vedere il modulo. Dai anche un’occhiata alla sezione FAQ se vuoi disabilitare questa caratteristica.

🥳 Want more?

Se vuoi ottenere di più da Divi, dai un’occhiata a Divi Areas Pro per altre funzionalità:

  • Una UI di amministrazione per creare e configurare i tuoi popup
  • Seleziona il Tipo di Area: Popup, In linea, Fly-in, Hover
  • Una UI bellissima che si integra perfettamente in Divi
  • Aggiungi trigger avanzati Alle tue Aree:
    • Al click
    • All’hover
    • Allo scroll
    • Dopo un ritardo
    • All’uscita
  • Personalizza l’Area Display
    • Mostra in alcune pagine
    • Mostra su alcuni dispositivi
    • Mostra per alcuni ruoli utente o per gli ospiti
  • Personalizza l’Area Comportamento
    • Mostra/Nascondi il pulsante Chiudi
    • Mostra l’Area una volta ogni ora, giorno, settimana, …
  • Posizione flessibile per Inline Areas
    • Sostituisci/estendi l’intestazione di pagina
    • o Footer
    • o una sezione Commenti
    • o, perché no, qualsiasi sezione Divi all’interno del contenuto di pagina
  • In accoppiata con una versione estesa di JS API
  • Ottima documentazione all’interno del plugin e una knowledge base online
  • e molto altro…

👉 Scopri di più su Divi Areas Pro (con screenshots!)

Screenshot (schermate di esempio)

  • Questa è una normale pagina Divi prima di aggiungere un popup.
  • Passo 1: modifica la sezione e aggiungi la classe "popup" oltre a un ID.
  • Passo 2: aggiungo il popup-ID come pulsante con link. Cliccando il pulsante verrà mostrato il popup.
  • È tutto. Salva la pagina e aprila senza l'editor. Tutti i popup sono nascosto all'inizio.
  • Cliccando sul pulsante "Contatti" viene mostrato il popup. Puoi aggiungere stili alla sezione Divi (modificare la larghezza, il colore dello sfondo, ecc.) o modificare il CSS del popup...
  • ...dai un'occhiata all'estensiva documentazione API e agli esempi popup su divimode.com
  • Il nostro corso gratuito via email ti guida alla scoperta di ogni aspetto del plugin - dalle basi agli usi e alle tecniche più avanzate.

Installazione

Installa il plugin dalla pagina di amministrazione WordPress “Plugin > Installa”

oppure

  1. Carica la cartella popups-for-divi nella cartella /wp-content/plugins/
  2. Attiva il plugin attraverso il menu ‘Plugin’ di WordPress

FAQ

Quanta potenza necessita Popups for Divi?

In realtà nessuna! L’abbiamo progettato con l’intenzione di ottenere le massime prestazioni. I nostri test non hanno mostrato letteralmente alcun cambiamento nella velocità di caricamento della pagina.

Il plugin aggiungerà un’unica linea di CSS alla pagina e caricherà due file che pesano soltanto 31 kb (9 kb compressi con gzip). Entrambi i file sono gestiti dalla cache del browser e utilizzati in tutte le altre pagine del tuo sito web.

Questi due file sono le API JS e le regole CSS del popup che centrano la finestra, regolano lo sfondo, ecc.

È compatibile con plugin di Caching?

Si assolutamente! Non esiste una logica dinamica nel codice PHP come hanno altri plugin popup. In Popups per Divi c’è un po’ di PHP, ma la logica principale si trova all’interno della piccola libreria javascript fornita. Funziona sul lato client, e quindi non è limitato dalla cache dei plugin.

È compatibile con tutte le versioni di Divi?

Il plugin è rimasto compatibile con l’ultimo rilascio Divi.

Abbiamo testato tutte le versioni fin dalla prima versione di Divi 3.0. È possibile che possa funzionare anche con versioni più vecchie

Funziona anche con temi/costruttori di siti diversi da Divi?

Sì, lo farà! Ma inizialmente è stato progettato per funzionare con Divi. Se utilizzi un altro tema o site builder, devi modificare le opzioni predefinite del plugin tramite il filtro evr_divi_popup-js_data.

Per maggiori informazioni visita https://divimode.com/divi-popup/

Questo plugin mostra delle pubblicità?

No. Questo plugin è gratuito e non mostra alcuna inserzione. A dirla tutta il plugin non ha neppure una UI.

Popups per Divi è soltanto un semplice plugin per popup, non la nostra strategia di marketing!

Dalla versione 1.6.0 ora offriamo un corso email di sei giorni che mostra il funzionamento del plugin. Vedrai una notifica nella bacheca in wp-admin subito dopo aver attivato il plugin. Non si tratta di una inserzione – non verrai aggiunto ad alcuna lista newsletter: riceverai soltanto le sei email di introduzione.

Raccogliete delle informazioni dal mio sito web?

No, non raccogliamo o trasmettiamo alcun dato dal tuo sito web.

Dalla versione 1.6.0 c’è un’unica eccezione: offriamo ora un corso email che mostra il funzionamento del plugin. Vedrai una notifica nella tua bacheca wp-admin subito dopo l’attivazione del plugin. Quando farai opt-in per ricevere le email di introduzione trasmetteremo i dettagli che hai fornito (il tuo nome e indirizzo email) al sito web del plugin.

Questi dettagli sono utilizzati solamente per inviarti le email di introduzione (6 email) e soltanto per quello.

C’è un modo di nascondere l’avviso introduttivo?

Sì, c’è!

Dalla versione 1.6.0 il plugin offre un corso di introduzione che consiste in 6 email. Offriamo questo corso subito dopo l’attivazione del plugin nella pagina “Bacheca” del tuo wp-admin (e da nessun’altra parte).

La notifica di introduzione è mostrata soltanto agli utenti amministratori. Una volta che l’utente clicca sul pulsante “Ignora” il messaggio non gli viene più mostrato.

Puoi anche disabilitare globalmente la notifica di introduzione definendo la costante DISABLE_NAG_NOTICES nel tuo wp-config.php o function.php del tema.

Devo ritornare a una vecchia versione

Quando incontri problemi con il plugin non esitare a rivolgerti al forum di supporto condividendo con me il problema.

Ecco come puoi tornare indietro a una vecchia versione del plugin:

  1. Vai alla pagina Advanced View e scrolla fino al fondo.
  2. Seleziona la tua versione e clicca “Download” (puoi scegliere qualsiasi versione dalla 1.5.1)
  3. Ora vai al tuo pannello wp-admin e apri la lista Plugin
  4. Disattiva ed elimina il plugin Popups per Divi! Nota: nessun dato andrà perso ma con il plugin disattivato o disinstallato i tuoi popup potrebbero essere visibili come normale contenuto nella pagina.
  5. Nella pagina di plugin clicca sul pulsante in cima “Aggiungi nuovo”, quindi su “Carica plugin”
  6. Seleziona il file .zip che ha scaricato al passaggio 2 e caricalo. Attivalo e hai terminato!

In alternativa puoi sostituire la cartella popups-for-divi via FTP: estrai il file .zip scaricato al passaggio 2 e caricalo nella tua cartella /wp-content/.

Ho altre domande o necessito di aiuto

Visita prima il sito web del plugin che include esempi e documentazione che potrebbero rispondere alle tue domande.

Se questo non ti aiuta allora rivolgiti al forum di supporto e apri un nuovo thread.

Se hai bisogno di funzionalità aggiuntive allora dai un’occhiata al nostro plugin Premium Divi Areas Pro che offre un sacco di opzioni eccezionali!

Non offriamo personalizzazione e sviluppo attraverso il forum. Se ne hai bisogno puoi ingaggiarci per creare dei trigger specifici, dei layout o effettuare altre modifiche.

Recensioni

Leggi tutte le recensioni di 27

Crediti e riconoscimenti

“Popups per Divi” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Popups per Divi” è stato tradotto in 4 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Popups per Divi” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

1.7.0

  • Migliorate le API JS. Abbiamo riscritto le API da capo con tantissime caratteristiche e miglioramenti: registro dettagliato per il debug, un base object del tutto nuovo per le DiviArea con supporto per gli hook in stile WordPress e molto altro!
  • Corretto un bug quando l’overlay del Popup veniva nascosto troppo presto mostrando più di un Popup alla volta
  • Corretto il valore zindex quando vengono mostrate più Aree contemporaneamente
  • Corretti alcuni glitch nello script JS che innesca le Aree Divi

Plugin testato con WordPress 5.2.4 e Divi 4.0.6

1.6.3

  • Corretto un glitch nell’animazione su Safari/iPhone che mostrava il Popup troppo piccolo usando l’animazione d’apertura di Divi “Zoom”.
  • Corretta la logica che non riconosceva Popup con lettere maiuscole negli ID Popup.
  • Corretto un problema con lo sfondo di Popup trasparente.
  • Corretta la regola CSS che permette la personalizzazione degli stili della box-shadow

1.6.2

  • Corretto un errore JS in front.js

1.6.0

  • Modificato il comportamento Popup: La dimensione ora corrisponde alla larghezza della tua Sezione Divi! 🤩
  • Aggiunta una notifica nella bacheca per iscriversi al corso introduttivo di sei giorni.
  • Aggiunto il supporto popup attraverso il “Link Contenuto” del Blurb.
  • Aggiunta l’integrazione a Google reCaptcha! Testato con CF7 ma funziona con qualsiasi plugin.
  • Aggiunti nuove opzioni di filtro WP per personalizzare la dark-mode e lo stile del box-shadow.
  • Aggiunta una nuova Classe Popup: no-shadow rimuove la box-shadow predefinita.
  • Aggiunta una nuova Classe Popup: close-alt rimuove il colore di background del pulsante Chiudi.
  • Corretta l’ombra del Popup: Lo stile box-shadow delle Sezioni Divi sovrascrive il box-shadow predefinito. Personalizzalo a tuo piacimento!
  • Corretto il comportamento della lista selezione su Firefox.
  • Corretta la larghezza Popup su iPhone 6 e precedenti.
  • Ritoccato il CSS che rende il contenuto di pagina non scrollabile mentre un popup è aperto.
  • Ritoccata la libreria JS per facilitarne la manutenzione e migliori prestazioni.

1.5.1

  • Corretta una errata inizializzazione dell’intenzione di uscita.
  • Corretto un bug quando veniva innescata l’intenzione di uscita in alcuni campi del modulo, es. chiudendo un suggerimento nell’auto-completamento o cambiando una opzione in una lista di selezione.
  • Corretta l’impostazione “animateSpeed” che può essere impostata attraverso i filtri WP. Finora veniva ignorata.

1.5.0

  • Corretto il comportamento dell’intenzione di uscita – ora viene innescato anche quando il mouse viene mosso mooooolto lentamente
  • Nuova API JS per trasformare letteralmente ogni elemento nella pagina in un popup: DiviPopup.register('#the-id')
  • Nuova API JS per configurare popup dopo averli registrati: DiviPopup.config('#the-id', 'on-mobile', false)

1.4.0

  • Nel Visual Builder di Divi puoi ora vedere al di sopra di ciascun popup il suo ID. In questo modo sarà più facile per te correggere i link ai popup
  • Quando la classe “single” è aggiunta a un popup qualsiasi altro popup visibile al momento verrà chiuso
  • Stili personalizzati vengoo ora applicati ai moduli all’interno dei popup, per esempio gli stili personalizzati dei bottoni

Grazie per i feedback e tutto il fantastico supporto per il plugin Popups per Divi! Dai un’occhiata alla pagina web per la documentazione, per esempio per la classe single.

1.3.2

  • Aggiornati l’icona del plugin e gli asset
  • Migliorati il codice e la documentazione

1.3.1

  • Migliorato: le sezioni Popup adesso supportano le animazioni! Aggiungi i “Contatori numerici” e le immagini zoom-in nel tuo prossimo popup.
  • Corretto: alcune impostazioni Divi potevano prevenire l’apertura del popup, in quanto l’evento trigger-click-event poteva essere intercettato da un altro modulo Divi. Non più! Popup inarrestabili!
  • Corretto: un errore minore di javascript quando “triggerClassPrefix” era impostato su false attraverso il filtro WP.

1.3.0

  • Aggiunto innesco: utilizza il nome della classe “show-popup-demo” per mostrare il popup “demo” al click. Può essere utilizzato per trasformare qualsiasi elemento in un innesco del popup!
  • Migliorato: il valore predefinito dell’opzione popup-debug corrisponde ora al valore di WP_DEBUG. Puoi visualizzare i messaggi di debug nella console del tuo browser quando WP_DEBUG è abilitato.
  • Migliorato: aumentata la compatibilità con temi-child di Divi (e temi non Divi)
  • Corretto: il pulsante “chiudi” personalizzato all’interno di un popup ora chiude il popup prima di seguire il link o scrollare la pagina.
  • Corretto: Popup funziona ora con temi che non hanno il div predefinito “#page-container”.

1.2.3

  • Corretto: l’errore jQuery “invalid expression” è sparito.

1.2.2

  • Corretto: completa compatibilità con Divi 3.1.16 e superiore.
  • Aggiunto: il plugin è ora retrocompatibile fino a PHP 5.2.4 – in precedenza il plugin richiedeva PHP 5.4 o superiore.

1.2.1

  • Migliorato: gestione del ridimensionamento del popup più veloce e fluida, senza intervallo di tempo!
  • Aggiunto evento Javascript: $(‘.popup’).on(‘DiviPopup:Init’, …)
  • Aggiunto evento Javascript: $(‘.popup’).on(‘DiviPopup:Show’, …)
  • Aggiunto evento Javascript: $(‘.popup’).on(‘DiviPopup:Hide’, …)
  • Aggiunto evento Javascript: $(‘.popup’).on(‘DiviPopup:Blur’, …)
  • Aggiunto evento Javascript: $(‘.popup’).on(‘DiviPopup:Focus’, …)

1.2.0

  • Caratteristica: Popups ora supporta le animazioni di Divi!
  • Migliorato: Popups ora limita correttamente la dimensione dopo che i contenuti sono cambiati. Es. quando un elemento a fisarmonica viene aperto.
  • Bugfix: il plugin Popups For Divi ora attende l’inizializzazione di tutti i componenti di Divi prima di creare i popup.

1.1.0

  • Caratteristica: Yeah! Tutti i popup ora hanno un pulsante di chiusura nell’angolo alto a destra come impostazione predefinita.
  • Caratteristica: Premendo il tasto Esc d’ora in poi verrà chiuso il popup aperto in quel momento.
  • Migliorato: Il popup attivo ha adesso una classe CSS aggiuntiva is-open che può essere usata per stilizzare popup inattivi.
  • Migliorato: il codice CSS e JS ora è minificato.

Grazie per i vostri feedback e per tutti i commenti positivi che avete pubblicato! Siete fantastici 🙂

1.0.3

  • Migliorato: Applica moduli con stili personalizzati agli elementi interni al popup
  • Corretta l’anteprima di popup nel visual builder

1.0.2.3

  • Minore: Correzioni in readme.txt e denominazione dei file di risorse/linguaggio

1.0.2

  • Minore: Aggiunto un link alla documentazione del plugin all’interno della lista plugin.
  • Minore: Reso il plugin traducibile

1.0.1

  • Aggiunto: Supporto per i plugin lazy-load

1.0

  • Rilascio iniziale pubblico
  • Aggiunto trigger: Click
  • Aggiunto trigger: on-exit
  • Aggiunta JavaScript API: DiviPopup.openPopup()
  • Aggiunta JavaScript API: DiviPopup.closePopup()
  • Aggiunta JavaScript API: DiviPopup.showOverlay()
  • Aggiunta JavaScript API: DiviPopup.hideOverlay()
  • Aggiunto un filtro WordPress:evr_divi_popup-js_data