Come far aprire un Popup al click di un link
Con questa guida voglio mostrarvi come ottenere l‘apertura di un popup quando il visitatore clicca su di un determinato link, come questo esempio; per ottenere questo effetto non abbiamo bisogno di nessun plugin oltre alla versione pro di Elementor.
La procedura è molto semplice, vediamo assieme come fare:
Create il vostro Popup
Per generare un nuovo Popup dovete andare nella dashboard di WordPress -> Templates -> Popup -> Aggiungi nuovo Popup, date un nome al vostro Popup e cliccate su Crea Template, ora potete scegliere se utilizzare un template della libreria o crearne uno da zero.
Una volta che il vostro Popup è pronto cliccate su Pubblica e successivamente su Salva e Chiudi.
Collegare il Popup al link
Per fare in modo che quando un visitatore fa click sul link si apra il popup si deve collegare il link al popup stesso, la procedura è la seguente: appriamo le impostazioni del Popup pigiando la rotellina d’ingranaggio che si trova in basso a sinistra, andiamo nella Tab Avanzato e circa a metà colonna troviamo la voce Apri per selettore.
In questo campo dobbiamo inserire l’ancora (ad esempio: a[href=”#link-popup”] ); salviamo queste impostazioni e aggiungiamo la condizione di visualizzazione Includere-> Tutto il sito -> Salva e Chiudi
Inserire l'ancora nel testo
L’ultimo passaggio da fare è inserire l’ancora nel testo che volgiamo fare diventare il link che aziona il nostro popup.
L’operazione è semplice, basta selezionare il testo desiderato, cliccare sull’incona a forma di catena che ci permette di inserire un link ed inserire nel campo l’ancora che abbiamno creato precedentemente in questa maniera: #link-popup .
Fatto questo il link è collegato al popup ed ogni volta che verrà cliccato apparirà nel browser del visitatore il popup.
Conclusioni
Come avete potuto capire dalla guida far apparire un popup cliccando un link non è nulla di complicato e questa semplice soluzione può essere utilizzata per molti scopi, ad esempio usare il popup per raccogliere l’iscrizione alla propria newsletter o mostrare le condizioni di vendita o le policy di un servizio oppure un qualche coupon sconto o promozione speciale legata ad un certo periodo o prodotto, il tutto senza occupare spazio nel layout del sito ma apparendo solamente a chiamata con il click sul link.