questo punto della guida WordPress + Elementor<\/a> per maggiori dettagli su come personalizzarne la grafica, il responsive e, in generale, come utilizzare il page builder Elementor.<\/p>\n\n\n\nControllo delle impostazioni<\/h3>\n\n\n\n Specie se si \u00e8 partiti da un template della libreria, \u00e8 bene ricordarsi di controllare le impostazioni del popup<\/strong>. Per farlo, clicca sulla rotellina nell’angolo in basso a sinistra del page builder.<\/p>\n\n\n\nNel pannello di sinistra, nella tab IMPOSTAZIONI<\/strong> puoi gestire le impostazioni generali del layout, come larghezza, posizione, sovrapposizione, animazioni, pulsante di chiusura. Nella tab STILE<\/strong>, puoi personalizzare gli stili generali del popup, come sfondo, bordo e ombra riquadro. Infine, nella tab AVANZATO<\/strong>, sono presenti altre opzioni importanti, come la chiusura automatica del popup dopo tot secondi o il prevenirne la chiusura qualora l’utente cliccasse all’esterno del popup.<\/p>\n\n\n\n <\/figure>\n\n\n\nPubblicazione del popup<\/h2>\n\n\n\n Quando ritieni che il popup sia pronto per la pubblicazione, procedi cliccando il tasto PUBBLICA<\/strong>. Si aprir\u00e0 una finestra relativa alle impostazioni di pubblicazione<\/strong>.<\/p>\n\n\n\nApertura automatica del popup<\/h3>\n\n\n\n Se desideri che il popup appaia in modo automatico<\/strong> durante la navigazione dell’utente, dovrai seguire una configurazione suddivisa in tre semplici passaggi:<\/p>\n\n\n\n\nCondizioni<\/strong>: in quali pagine deve apparire il popup?<\/li>\n\n\n\nTrigger<\/strong> (attivatore): quale evento porta all’apertura del popup?<\/li>\n\n\n\nRegole avanzate<\/strong> (opzionali)<\/li>\n<\/ul>\n\n\n\nCondizioni di visualizzazione<\/h4>\n\n\n\n Se desideri che il popup venga mostrato ovunque, aggiungi come condizione “Includere tutto il sito<\/strong>“. In alternativa puoi decidere di mostrarlo solo in specifiche pagine, negli archivi, negli articoli. Nel caso, infine, tu voglia mostrarlo ovunque tranne in specifiche aree del sito, puoi utilizzare l’opzione “Escludi” anzich\u00e9 “Includi”.<\/p>\n\n\n\nClicca ora su SUCCESSIVO<\/strong>.<\/p>\n\n\n\n <\/figure>\n\n\n\nTrigger<\/h4>\n\n\n\n In questa schermata, puoi scegliere quando far apparire il popup:<\/p>\n\n\n\n
\nAl caricamento della pagina<\/li>\n\n\n\n Allo scroll della pagina o di un elemento<\/li>\n\n\n\n Al clic dell’utente<\/li>\n\n\n\n Dopo un certo periodo di inattivit\u00e0 da parte dell’utente<\/li>\n\n\n\n Alla chiusura o uscita dalla pagina<\/li>\n<\/ul>\n\n\n\nUna volta selezionata un’opzione, clicca nuovamente su SUCCESSIVO<\/strong>.<\/p>\n\n\n\n <\/figure>\n\n\n\nRegole avanzate<\/h4>\n\n\n\n Nell’ultimo passaggio, hai la possibilit\u00e0 di impostare ulteriori controlli sul comportamento del tuo popup. Ad esempio, il massimo numero di volte in cui mostrarlo in un certo lasso di tempo, il fatto di nasconderlo o meno agli utenti registrati, ecc.<\/p>\n\n\n\n
Non sei obbligato ad attivare le regole avanzate; tuttavia sono dell’opinione che il pi\u00f9 delle volte abbia senso impostare almeno un limite delle visualizzazioni<\/strong>. Senza questo, significherebbe mostrare il popup allo stesso visitatore ogni qualvolta che si sposta da una pagina all’altra, cosa che potrebbe finire per infastidirlo e fargli abbandonare il sito.<\/p>\n\n\n\n <\/figure>\n\n\n\nPuoi ora cliccare su SALVA & CHIUDI<\/strong>. <\/p>\n\n\n\nSe per\u00f2 vuoi prima testare il corretto funzionamento del popup, potresti creare una pagina di test in WordPress e impostare come unica condizione di visualizzazione del popup, la pagina di test. In tal modo, puoi eseguire qualche prova e assicurarti che tutto funzioni come te lo eri immaginato.<\/p>\n\n\n\n
Apertura al clic di un elemento<\/h3>\n\n\n\n Se invece desideri che l’apertura del popup avvenga nel momento in cui l’utente clicca su un determinato elemento presente nel sito (come ad esempio un’immagine o un pulsante), non occorre aggiungere alcuna condizione e quindi semplicemente clicca su SALVA & CHIUDI<\/strong>.<\/p>\n\n\n\nResta per\u00f2 da attivare l’apertura del popup; per fare ci\u00f2 dovremo andare nel template in cui \u00e8 presente l’elemento che funger\u00e0 da attivatore<\/strong>.<\/p>\n\n\n\nIndividuato e selezionato l’elemento, clicca sull’icona “Tag dinamici<\/strong>” del campo “Link”, nella tab CONTENUTO<\/strong>. <\/p>\n\n\n\nScorri la tendina che si apre fino all’elenco “Azioni” e seleziona “Popup”.<\/p>\n\n\n\n
Dopodich\u00e9, clicca sul campo “Link” (dove appare ora la scritta Popup preceduta dall’icona di una chiave inglese), lascia “Apri Popup” come azione e indica il popup da te creato (digita le prime lettere del nome del tuo popup e, una volta che appare, selezionalo).<\/p>\n\n\n\n
Infine, ricordati di salvare le modifiche cliccando sul tasto PUBBLICA<\/strong> o AGGIORNA<\/strong>.<\/p>\n\n\n\n <\/figure>\n\n\n\nApertura per selettore<\/h3>\n\n\n\n Un’altra possibilit\u00e0 per far comparire il popup \u00e8 quella di utilizzare un selettore<\/strong>. Questo pu\u00f2 tornare utile nel caso tu voglia far aprire il popup tramite un link presente nel testo o tramite una voce del menu<\/strong>. Infatti, in questi casi, non disponi del campo link di Elementor in cui puoi comodamente selezionare il popup creato, come abbiamo appena visto.<\/p>\n\n\n\n <\/figure>\n\n\n\nPer utilizzare un selettore, devi andare nelle impostazioni del tuo popup (icona ingranaggio in basso a sinistra) e poi cliccare sulla tab AVANZATO<\/strong>. Alla voce APRI PER SELETTORE<\/strong>, inserisci questo:<\/p>\n\n\n\na[href=”#nomeselettore<\/em>“]<\/strong><\/mark> dove nomeselettore<\/em> pu\u00f2 essere sostituito con un nome a tua scelta<\/strong> (punto 1 immagine sopra)<\/em>.<\/p>\n\n\n\nPer finire, non ti resta che aggiungere il link al testo che vuoi utilizzare come attivatore (punto 2 immagine sopra)<\/em>.<\/p>\n\n\n\nTest: Clicca qui per aprire il popup<\/a><\/em>.<\/p>\n\n\n\nConclusioni<\/h2>\n\n\n\n Creare popup con Elementor Pro<\/a> \u00e8 facile e divertente. Elementor ti offre molte opzioni di personalizzazione per creare popup attraenti e coinvolgenti per il tuo sito web. <\/p>\n\n\n\nPuoi utilizzare i popup per raggiungere diversi obiettivi, come la generazione del lead, la promozione di prodotti o servizi, l’invito ad un evento, la raccolta di feedback e altro ancora. <\/p>\n\n\n\n
Con Elementor, le possibilit\u00e0 sono infinite. Inoltre, i popup sono una grande risorsa per migliorare la user experience del tuo sito; ma attento a non esagerare o finirai per rendere piuttosto fastidiosa ai tuoi utenti la navigazione sul sito web.<\/p>\n","protected":false},"excerpt":{"rendered":"
Elementor \u00e8 diventato uno degli strumenti pi\u00f9 popolari al mondo per la costruzione di siti web. Una delle caratteristiche principali del page builder \u00e8 la possibilit\u00e0 di realizzare popup con estrema facilit\u00e0. In questo post, ti mostrer\u00f2 come creare popup con Elementor per il tuo sito web. Cos’\u00e8 un popup? Prima di iniziare, \u00e8 importante […]<\/p>\n","protected":false},"author":1,"featured_media":5516,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,38],"tags":[],"yoast_head":"\n
Creare popup con Elementor: tutorial completo - Creare Sito Web Gratis<\/title>\n \n \n \n \n \n \n \n \n \n \n \n \n\t \n\t \n\t \n \n \n \n\t \n\t \n\t \n