Vai al contenuto principale

JetPopup o Elementor Popup Builder: quale scegli?

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 600.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

I primi popup sono stati creati dallo scenario immaginato da Ethan Zukerman per l'hosting della sua pagina web su Tripod nei primi anni di 90. I suoi utenti si sono lamentati del numero di annunci che ha inserito sul sito Web, quindi ha deciso di posizionare i banner su una pagina separata che si apriva quando un utente accedeva alla pagina.

Questo piccolo pezzo di codice non era ancora un vero popup come vediamo attualmente su tutti i siti Web, ma è allora che è iniziato tutto. Nelle moderne pagine Web, i popup vengono utilizzati per scopi diversi, non solo per la pubblicità. I moduli di contatto, gli avvisi sulla politica sulla privacy e i suggerimenti di abbonamento sono spesso presentati come finestre pop-up.

Ci sono due cose che infastidiscono gli utenti quando si tratta di popup: quando saltano su di te quando non li vuoi; e quando il suo aspetto differisce completamente dallo stile del sito Web. Questi due problemi compaiono quando si utilizzano plugin che non sembrano della massima qualità.

Il più grande problema della maggior parte dei plug-in per cui gli sviluppatori alle prime armi usano creazione di pop-up è la mancanza di controllo sul messaggio risultante. Tuttavia, è possibile evitare tutti questi problemi se si utilizza Elementor per creare un sito Web.

Due fantastici plugin, creati appositamente per Elementor Page Builder, ti aiutano a creare pop-up di tutti i tipi, forme e stili di cui hai bisogno - Elementor Popup Builder et JetPopup. Poiché entrambi sono fatti della stessa carne che era Elementor, l'unica domanda da porsi è quale di questi plugin scegliere. Per aiutarti a prendere questa decisione, farò una revisione approfondita di entrambi e potrai confrontare i loro vantaggi e svantaggi. Quindi andiamo!

Download e installazione

Questo non è il criterio più importante quando si sceglie il plug-in da utilizzare, ma per provarlo, è necessario prima ottenerlo. Ecco perché inizierò dall'inizio e descriverò il processo per ottenerlo: il prezzo, lo sforzo e la semplicità del processo di installazione.

Popup Builder

Elementor

Questo plugin è stato creato dal team di Elementor. Quindi potremmo chiamarlo il suo vero "figlio". Questo è l'ultimo aggiornamento di Elementor, lanciato a gennaio 2019 per soddisfare le esigenze dei clienti. Tuttavia, non è disponibile per gli utenti della versione gratuita di Elementor.

Popup Builder è incluso nel piano di abbonamento professionale. Quindi, per avere la possibilità di creare popup, devi prima avere Elementor Pro. Il piano tariffario più semplice che ti consente di utilizzare l'intera gamma di funzionalità Elementor per un singolo sito Web costa $ 49 all'anno. Quindi, dai primi passi (acquisto di Elementor Pro), ecco l'algoritmo per ottenere Popup Builder:

  • Acquista Pro Elementor Page Builder.
  • Vai al tuo account personale e scarica il plugin.
  • Vai alla dashboard del tuo sito Web, Plugin> Aggiungi nuovo, fai clic sul pulsante "Carica plug-in" e scegli il file .zip appropriato.
  • Al termine dell'installazione, attiva il plug-in con il tuo codice di licenza.
  • Ecco il Popup Builder è in Modelli> scheda Popups.

È un lungo cammino, ma con Popup Builder, ottieni anche una vasta raccolta di diversi elementi di Elementor, come widget, modelli e altri strumenti aggiuntivi.

Popup Builder

JetPopup

La "famiglia" di plugin Jet ha già più di articoli 10 e JetPopup è uno di questi. È stato creato con cura appositamente per Elementor e aumenta il numero dei suoi strumenti disponibili. Questo plugin è tJetPopupsotally compatibile con versioni gratuite ea pagamento. Non è necessario effettuare ulteriori acquisti. JetPopup costa 15 $ e una volta ottenuto, puoi usarlo per un singolo sito web. Se ne hai bisogno per più di un progetto, puoi acquistare il plug-in sotto la licenza dello sviluppatore (costerà 45 $) e utilizzarlo per cinque siti web. L'algoritmo per ottenere il plugin è un po 'più semplice:

  • Acquista il plug-in sul Marketplace TemplateMonster. Sarà scaricato sul tuo computer.
  • Vai alla dashboard del tuo sito Web, Plugin> Aggiungi nuovo, fai clic sul pulsante "Carica plug-in" e scegli il file .zip appropriato.
  • Al termine dell'installazione, attiva il plug-in.
  • Ecco! Quando apri il menu di personalizzazione di Elementor (facendo clic sul pulsante "Modifica con Elementor"), troverai la sezione JetPopup nel menu a sinistra del widget.

JetPopup

Creazione popup

Ora, quando gli strumenti sono presenti e pronti, posso provare a creare un popup con entrambi i plugin e vedere quanto sia semplice e comprensibile la funzionalità. Successivamente, creerò un pop-up di base e dare un'occhiata alle opzioni di personalizzazione di Popup Builder e JetPopup.

Popup Builder

In Pro Elementor i pop-up sono realizzati separatamente dalle pagine del sito. Per modificare l'aspetto del sito Web, apri la pagina da personalizzare, fai clic sul pulsante "Modifica con Elementor" e apporta le modifiche. Ma per creare (e quindi modificare) i popup devi andare su Modelli> Popup e premere il pulsante "Aggiungi nuovo popup".

Popup Builder
Prova Popup Builder ora

Nella finestra aperta, devi scegliere il modello che creerai (sì, puoi creare modelli non solo per i popup, ma anche per pagine e altri elementi) e dargli un nome.

creazione popup

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Dopo aver premuto il pulsante "Crea modello" verrai reindirizzato al menu di personalizzazione di Elementor. È più facile personalizzare un oggetto esistente costruendolo da zero. Ti verrà quindi chiesto prima di scegliere un modello appropriato.

libreria popup

Ho scelto uno dei modelli visualizzati nella parte superiore dell'elenco delle librerie. Subito dopo la scelta, atterri sul campo di lavoro di Elementor a cui probabilmente sei abituato. Le opzioni di personalizzazione sono posizionate nella barra laterale sul lato sinistro dello schermo. Hai tre schede qui.

La scheda "Impostazioni" consente di modificare il layout del popup, cambiare il nome del modello e visualizzare l'anteprima. Nella scheda "Stile" è possibile personalizzare il design: cambiare colori, caratteri, immagini e bordi. La scheda "Avanzate" ha anche una serie di cursori aggiuntivi; ad esempio, impediscono la chiusura del popup con il tasto ESC.

impostazioni popup

Come puoi vedere, niente di inaspettato, se hai già usato Elementor, non avrai problemi con questo plugin. Ecco un video dettagliato che spiega come creare una finestra pop-up usando Popup Builder:

JetPopup

Questo plugin aggiunge anche una nuova scheda alla dashboard di tema WordPress e con il suo aiuto, i popup vengono anche creati separatamente dalle pagine. I popup già pronti sono anche memorizzati in una scheda denominata "Libreria popup". Per creare un nuovo popup, è possibile premere il pulsante "Aggiungi" sul modello predefinito o andare su JetPopup> Aggiungi nuovo popup, dare un nominare il modello e premere "Modifica con Elementor".

aggiungi nuovo popup

Il campo di lavoro è leggermente diverso dalla norma perché ora stai creando una finestra più piccola. Nel menu a sinistra, puoi aggiungere qualsiasi tipo di elemento al tuo popup.

elementi popup

Il plug-in JetPopup aggiunge un singolo elemento al menu del widget: un pulsante di azione popup. Questo imposta il tipo di azione che si verificherà quando l'utente preme il pulsante.

pulsante di azione popup

modifica pulsante di azione popup

Non è davvero facile aprire le impostazioni della finestra pop-up. È necessario fare clic sul pulsante di manutenzione nella parte inferiore del menu. Il menu delle impostazioni è abbastanza simile a Popup Builder, ma ci sono solo due schede per la personalizzazione. "Impostazioni generali" consente di definire un effetto di animazione, rinominare il modello o impostare le condizioni. Nella scheda "Stile" è possibile modificare layout, colori, immagini, caratteri e bordi.

popup impostazioni generali

JetPopup ha una funzionalità un po 'meno ovvia ma compensa con tutorial video dettagliati e utili.

trigger

Per essere utili e non infastidire i visitatori, i popup devono apparire al momento giusto. Le condizioni in cui viene visualizzato il popup sono denominate "trigger". Più dettagliate sono le condizioni disponibili, più flessibile è il plugin popup. La precisione è molto importante se non si desidera che l'utente lasci il sito dopo la visualizzazione della finestra a comparsa del modulo di iscrizione.

Popup Builder

modifica del generatore di popup

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

pubblica popup

Questo plugin ti aiuta a definire le condizioni necessarie subito dopo aver personalizzato la finestra pop-up. Quando si preme il pulsante "Pubblica", viene visualizzata la finestra in cui è possibile definire le condizioni (su quali pagine verrà visualizzato questo popup), i trigger (quando verrà visualizzata la finestra a comparsa) e le regole avanzate.

Popup Builder ha sei trigger, come scorrimento e clic, e sette regole avanzate, come la visualizzazione dopo un determinato numero di sessioni o la visualizzazione su alcuni dispositivi. I trigger e le regole avanzate hanno semplici interruttori a scorrimento e sarà molto veloce impostare tutti i parametri desiderati.

JetPopup

impostazioni popup

prima pagina di un popup

Tutti i trigger, le condizioni e gli eventi di apertura sono raggruppati nei parametri. Dopo aver fatto clic sul pulsante di manutenzione, si aprono le schede dei parametri e si possono impostare immediatamente i trigger. È possibile impostare la percentuale della pagina dopo lo scorrimento, il menu a comparsa da visualizzare o il numero di secondi dopo i quali l'utente vedrà il messaggio.

La finestra può essere visualizzata solo una volta o ogni volta che l'utente esegue determinate azioni (non lo consiglio vivamente - questo non renderà felici gli utenti). Puoi anche scegliere con precisione le pubblicazioni o le pagine in cui verrà visualizzato questo pop-up concreto. In generale, questo plugin è abbastanza flessibile da visualizzare i popup con grande precisione.

posizionamento

Gli utenti non saranno certamente in grado di evitare finestre che saltano direttamente al centro dello schermo, ma distraggono i visitatori dal sito Web e possono essere davvero noiosi. Non tutti i popup dovrebbero essere posizionati al centro, un nastro stretto nella parte superiore sarà meno visibile, ma potrebbe essere molto più efficace. Ciò significa che devi controllare la posizione della finestra e poter muoverti sullo schermo.

posizionamento

Popup Builder et JetPopup dividere lo schermo in nove aree e consentire di posizionare il popup in una di esse. Il posizionamento è definito lungo le scale sinistra-destra e su-giù. Non è molto flessibile, ma è sufficiente per un popup.

Effetti di animazione

Il modo in cui la finestra scorre (o rotola o salta) sulla pagina è molto importante. Se la finestra si sposta troppo velocemente o troppo lentamente, non sarà efficace. Anche il rimbalzo, il solletico e i tremori devono essere usati con grande precisione. Gli effetti di animazione rendono il sito più dinamico, ma possono anche rovinare l'intera impressione.

Effetti di animazione

Popup Builder 36 ha tipi di animazione di input, inclusi diversi tipi di trascinamento, distribuzione, zoom, rimbalzo e rotazione in diverse direzioni. Tutto questo, insieme alla durata dell'animazione, è disponibile nella sezione "Layout" della scheda Impostazioni.

impostazioni popup del jet

Ci sono tipi di animazione 13 nel plugin JetPopup, inclusi dissolvenze, rotazione verticale, diapositive diverse, rimbalzo e zoom. Li troverai nella sezione "Impostazioni" della scheda Impostazioni.

modelli

In alcuni casi, vuoi creare una finestra pop-up con una struttura specifica e sapere esattamente come dovrebbe essere. Ma questa è un'occasione rara; molto più spesso, non hai idea di quali elementi dovrebbe contenere il tuo popup. Questo è dove i modelli sono utili. Anche se non si utilizza nessuno dei campioni preconfigurati, la loro elaborazione può fornire una buona panoramica. E, naturalmente, la personalizzazione di un articolo già pronto è molto più rapida e semplice rispetto alla costruzione da zero.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [FREE]

Libreria dei modelli elementor

Popup Builder aggiunta una categoria alla libreria dei modelli Elementor. Come ti ho già detto, puoi vederlo dall'inizio del nuovo processo di creazione di una finestra pop-up. L'assortimento di modelli popup è abbastanza grande; ci sono più di articoli 100. Nell'angolo in alto a sinistra, uno strumento di ordinamento a discesa ti consente di velocizzare la tua ricerca. Le categorie sono comprensibili e non ci vorrà molto tempo per trovare il popup di cui hai bisogno.

libreria di preselezioni popup popup

JetPopup ha anche una vasta libreria di modelli. Tutti sono memorizzati nella scheda Libreria contestuale e presentano utili funzioni come il pulsante di anteprima e il contatore dell'utilizzo. Esistono più opzioni di ordinamento, l'elenco può essere configurato per visualizzare un tipo specifico di modelli e quindi inserito in qualsiasi ordine; ad esempio, a seconda della data di creazione. Non posso dirti il ​​numero esatto di modelli disponibili, ma ce ne sono sicuramente più di 100.

Tabella comparativa

Elementor Popup BuilderJetPopup
Prezzo$ 45$ 15
modelli100+100+
triggerTrigger 6, regole avanzate 7Eventi aperti 5 con parametri aggiuntivi
animatioTipi 36Tipi 13
Tutorielsdocumentazionedocumentazione, video tutorial 9

JetPopup vs Popup Builder

Conclusione

Non posso dire quale di questi due plugin sia il migliore; è troppo complicato per giudicarli. Ogni caso e ogni persona ha i propri requisiti per la scelta dei plugin. Immagino che dovresti definirlo tu stesso - quale di questi due sarà il migliore per te? Ti auguro buona fortuna per aggiungere un impressionante popup al tuo sito web!

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
1 azioni
quota1
Tweet
Enregistrer