Un metodo per comunicare in modo diretto ai visitatori del tuo sito web è quello sicuramente di inserire un pop-up nella pagina principale o in linea generale in tutte le pagine del tuo sito web per comunicare appunto delle iniziative che potrebbero essere, ad esempio, lo sconto su un prodotto o un servizio l'iscrizione alla newsletter.

L'obiettivo di questa lezione è mostrarti come creare un pop-up con elemento e come andarlo a configurare e mostrarlo in varie pagine.

Entriamo subito in elemento.

Innanzitutto vi consente di gestire e creare pop up direttamente con la versione PRO, a differenza di altri o altri, dove per creare e configurare dei pop up bisogna ricorrere all'utilizzo di plugin, quindi bisogna fare il solito passo nella nella suite di WordPress plugin, cercare dei plugin, vedere che sia affidabile se graficamente ci piace o non ci piace testarlo e poi alla fine metterlo online.

Quindi chiaramente è una procedura.

Un po' più lunga elemento pro ha all'interno una funzione proprio per creare e gestire i pop-up.

Quindi anche questa è una funzione molto, molto interessante, soprattutto potente.

Dove trovate la gestione dei pop-up all'interno di elemento lo trovate la voce dei template pop-up.

Iniziamo proprio da qui um cliccando aggiungi un nuovo pop-up e innanzitutto dobbiamo scegliere il tipo di temete.

Questo ovviamente è un di tipo pop-up e poi un titolo del temete, magari pop-up promozione servizio crea temete e in automatico elemento andrà a creare il del nostro pop-up.

Anche in questo caso come linea generale per leader il footer, le pagine interne, il gameplay dei blog e quant'altro potete partire da zero o potete partire da un gameplay che vi propone le mentor, magari partendo appunto da una base e un set.

Come vedete in questo caso l' ci propone già dei bellissimi pop-up pronti all'uso sulla base dei quali noi possiamo magari lavorare e modificare ora per comodità.

Essendo un esempio, io partirò da una base e vi mostrerò quali sono i più importanti per poi mostrarlo nel sito.

Vado a scegliere questo pop-up inserisci ed eccolo qua allora innanzitutto, come vedete la la gestione e la modifica dei pop-up ingloba gli stessi elementi che si utilizzano nella modifica delle pagine.

Quindi immagini, pulsanti, paragrafi di testo, intestazioni sono sempre le solite cose perché utilizza sempre il builder di e metro.

Quindi una volta che avrete compreso bene come funziona questo ecosistema sarà veramente un gioco da ragazzi lavorare sulla grafica di questi elementi, quindi, ovviamente qui potete modificare l'immagine, quindi caricare una vostra immagine personalizzata.

Se volete potete modificare il il testo, la, il link e quant'altro.

Quindi questo diciamo che riguarda l'aspetto puramente grafico che poi voi andrete a personalizzare in base al vostro obiettivo.

Branding e e servizio chiaramente che volete mostrare questa parte Sicuramente è molto importante e interessante per promuovere appunto magari la promozione di un servizio di un prodotto, la l'iscrizione alla newsletter.

La pubblicazione di un nuovo articolo di blog insomma, è un modo per comunicare in modo diretto con gli utenti che visitano e atterrano in una determinata pagina del vostro sito web o del vostro sito web in generale.

E una volta che avete impostato la grafica del pop-up e quindi è pronto ad essere pubblicato, fatevi un giro nelle impostazioni che trovate qua a lato a sinistra, dove potete definire definire una serie di cose.

Ad esempio, la larghezza della dell'intero pop-up in questo caso era sui trecentocinquanta.

Se non sbaglio, in questo momento direi che va più che bene.

Quattrocentoquaranta pixel l'altezza se adattarlo al contenuto o allo schermo nella maggior parte dei casi va bene adattarlo al contenuto, perché questo dipenderà anche dal browser da cui um naviga l'utente e dalla dimensione del suo browser e anche l'allineamento centrale sinistra a destra.

Quindi chiaramente, anche qui ci sono le solite opzioni di allineamento sovrapposizione.

In questo caso andrete a definire se il pop up deve essere mostrato in primo piano o in secondo piano.

Ovviamente il nostro obiettivo è comunicare direttamente con questo pop-up, quindi lo metteremo chiaramente in um primo piano è in sovrapposizione pulsante chiudi o no off potete decidere se abilitarlo oppure no e poi degli ingressi in animazione e in uscita.

Se volete inserirli impostazioni generali, potete decidere lo stato se pubblicarlo in bozza o privato.

Ovviamente il vostro caso sarà semplicemente in bozza oppure pubblicato e potete modificare il titolo del pop-up Anteprime Impostazioni Potete selezionare semplicemente un un tipo di pagina dove mostrare l'anteprima di questo pop-up.

Um, una volta che siete pronti con la grafica di questo pop-up, siete pronti a pubblicare il plugin e dovete semplicemente cliccare su pubblica Che cosa succede adesso? Elemento vi pone una serie di domande.

La prima è dove vuoi visualizzare il tuo Temete quindi sostanzialmente dove vuoi che venga mostrato il tuo pop-up? Aggiungi condizioni.

A questo punto tu puoi decidere se mostrare il tuo pop-up in tutto il sito o anche in specifiche pagine, perché ad esempio, facciamo un esempio molto concreto abbiamo sviluppato un sito web come freelance o libero professionista dove presento i miei servizi, ma non voglio mostrare nessun tipo di pop-up all'interno del mio sito web perché non voglio mostrare promozioni o cose di questo tipo, ma ho una landing page dove vendo un prodotto, vendo un servizio, vendo un corso e all'interno solo di quella specifica pagina.

Voglio mostrare un pop-up.

Posso decidere tramite questa schermata di mostrarlo solamente in quella pagina.

Quindi, come vedete, anche questo è uno strumento molto, molto potente e per farlo è molto semplice basta selezionare menu tendina eh singolare, puoi selezionare pagine e qui andiamo a selezionare la pagina dove vogliamo che venga mostrato.

In questo caso, essendo un test, inseriremo in tutto il sito web.

Poi, cliccando sul successivo possiamo definire il quindi dopo quanto deve essere mostrato il pop up, ad esempio dopo zero secondi dopo magari adesso mettiamo uno proviamo a mettere magari o dopo un secondo al caricamento della pagina oppure allo scroll.

Ad esempio, um entro il cinquanta percento della pagina allo scroll di un determinato elemento al click su un tipo di elemento dopo un certo un tot di secondi di inattività.

Quindi qui andate a definire il classico per far sì che il pop up si attivi.

Poi che richiamo sul successivo ci sono anche delle regole avanzate che se vogliamo impostare come ad esempio mostra dopo n sessioni mostra dopo n visualizzazioni di pagina, mostra quando arrivi da una determinata pagina.

Quindi anche qui, come vedete, c'è veramente veramente tanta roba, eh? Okay, una volta che siete pronti, salva e chiudi, mi raccomando, assicuratevi di aver pubblicato il pop-up io ora andrò ad aprire il mio sito web in una nuova schermata incolla e vai e andiamo a vedere L'effettivo se funziona il pop up uno due Ed eccolo qua il pop up funziona alla grande è stato configurato correttamente, quindi, come vedete è abbastanza semplice creare un pop-up con elemento.

Il sistema di pop up dentro elemento sfrutta gli stessi che utilizzate per modificare le pagine e sicuramente è un ottimo metodo per comunicare in modo diretto a tutti i visitatori che atterrano nel vostro sito web o in una specifica pagina