Di norma, armeggio tutti i siti Web per i miei clienti con il sistema di blog WordPress. Fanno eccezione i siti Web in cui devo creare una programmazione individuale con PHP, ma per il resto: tutto in WordPress. Come accenno di seguito, ci sono state diverse richieste da parte dei clienti di aggiungere un popup al sito, motivo per cui ora ho iniziato a cercare soluzioni popup per WordPress.
Capitoli in questo post:
- 1 Aggiornamento 10.11.2021 novembre XNUMX: due nuove raccomandazioni
- 2 GetSiteControl
- 3 Vista elfica
- 4 domanda pop-up a causa della crisi del Corona
- 5 Nome corretto: overlay invece di popup
- 6 Gratuito e flessibile da configurare: Popup Maker
- 7 linee guida per l'attuazione
- 8 impostazioni nel plugin
- Prova 9 popup con i clienti
- 10 Su Exit Intent e altre specialità
- 11 post simili
Aggiornamento 10.11.2021/XNUMX/XNUMX: due nuove raccomandazioni
L'articolo è un po' datato e nel frattempo ho potuto acquisire più esperienza con vari plugin e servizi. Il plugin Popup Maker va ancora bene, ma dal mio punto di vista è una soluzione rudimentale che non consiglierei più senza riserve. I popup che progetti con esso non sono così facili da progettare "bene" come con altri due plugin o servizi che vorrei consigliarti ora.
GetSiteControl
Il primo è un servizio che non si limita a Wordpress, ma in cui puoi scegliere tra tanti template con una semplicissima procedura guidata e poi personalizzarne il design, specificando su quali pagine deve apparire il pop-up, con che frequenza deve apparire e come attivarlo.
Una volta che hai finito di progettare il popup, installi il plugin del servizio sul tuo sito WordPress (il plugin è anche chiamato “GetSiteControl”) e connetti il sito al servizio – fatto.
Svantaggio: Sfortunatamente, il servizio costa mensilmente o annualmente, ma secondo me vale assolutamente la spesa. Ad esempio, lo uso per mostrare il popup della mia newsletter nella parte inferiore del mio blog.
vista elfica
Un altro servizio che è anche semplicissimo - ma sfortunatamente un po' costoso - è vista elfica. Su questo sito, un team di programmatori offre innumerevoli estensioni funzionali per WordPress, inclusi i pop-up.
Con Elfsight sei anche in un'interfaccia molto facile da usare e scegli tra i modelli esistenti, che puoi quindi personalizzare. Le estensioni sono tutte molto ben pensate e ben progettate.
Domanda di popup a causa della crisi di Corona
Innescati dalla pandemia della corona, due clienti hanno subito chiesto se potevo creare un popup sul sito Web per loro che mostrasse ai visitatori la forma in cui i servizi dei miei clienti possono ancora essere utilizzati.
TL; DR: Per chi non ha voglia di leggere tutte le mie spiegazioni: trovate il plugin popup maker di cui parlo, qui nella raccolta di plugin WordPress su wordpress.org o direttamente sul sito web del provider.
Nome corretto: overlay invece di popup
In realtà, il termine finestra pop-up non è del tutto corretto, anche se tutti lo usano in questo modo. In pratica, questo è solo un elemento di sovrapposizione che fluttua sul resto del sito web. Una finestra pop-up, d'altra parte, è una finestra del browser indipendente che viene aperta da uno script ed è quindi in primo piano.
Tuttavia, le "vere" finestre pop-up sono state abolite anni fa perché erano massicciamente utilizzate in modo improprio per le finestre pubblicitarie. Ogni browser ora intercetta tali finestre in modo indipendente in modo da non infastidire l'utente. L'utente quindi di solito vede solo un'indicazione che una pagina ha tentato di aprire una finestra pop-up.
Quindi qui abbiamo a che fare con una finestra sovrapposta, anche se lo stiamo facendo con il plugin "Popup Maker", che ha il nome sbagliato così com'è.
Gratuito e flessibile da configurare: Popup Maker
Quando si tratta di plugin pop-up di WordPress, c'è una vasta gamma tra cui scegliere. Ho provato alcuni plug-in e non era raro che fossero soluzioni gratuite come plug-in, ma per un'implementazione funzionante dovresti sottoscrivere un abbonamento mensile da un servizio affiliato.
D'altra parte, le versioni completamente gratuite sono spesso difettose e non si aprono per qualche motivo sconosciuto, oppure hanno un bell'aspetto solo sul desktop o sul tablet e vengono visualizzate in modo errato sullo smartphone, ovvero inutilizzabili.
Popup Maker è stato il primo plug-in che offriva molte opzioni di impostazione, facilità d'uso, uso gratuito e funzionalità impeccabile. Di conseguenza, vorrei presentarlo qui come una raccomandazione. lo trovi qui sul sito web del provider.
requisiti per l'attuazione
Per raggiungere il maggior numero di visitatori possibile con la finestra che viene visualizzata, non dovrebbe apparire solo nella pagina iniziale, ma anche in tutte le sottopagine che le persone raggiungono tramite link su Google, ad esempio.
Per me era anche importante che il popup (uso costantemente il nome sbagliato nel resto del testo) fosse visualizzato solo una volta al giorno e al visitatore. A tale scopo, il plug-in deve impostare un cookie della durata di un giorno. Il cookie dovrebbe essere già impostato all'apertura del popup e non solo dopo la sua chiusura: se i visitatori saltano fuori, non vedranno più la finestra la prossima volta che visiteranno.
L'ultimo desiderio è stato il design del contenuto. Dovrebbe essere possibile utilizzare sia testo semplice che grafica qui. Per fare ciò, l'overlay deve avere un bell'aspetto su Mac, iPad e iPhone, ovvero deve essere reattivo e adattarsi al dispositivo finale.
Tutte queste cose possono essere fatte con il popup Maker risolvere - anche nella versione base gratuita.
Impostazioni nel plug-in
Vorrei presentarvi il mio attuale progetto cliente www.knowwau.com mostra quali impostazioni ho fatto nel plugin. Il mio cliente mi ha dato la sua approvazione per questo e spero che riceverà alcuni visitatori di questo articolo come ringraziamento.
Se sei interessato all'addestramento del cane e vorresti dare un'occhiata ad alcuni dei suoi corsi online (dal momento che non puoi frequentare le scuole di addestramento del cane in questo momento) vorrei condividere il suo sito web www.knowwau.com consiglio caldamente. Lì troverai anche il popup in azione. ;-)
Nelle impostazioni del trigger, scelgo sempre che la finestra si apra automaticamente dopo mezzo secondo. Allo stesso tempo, un cookie viene impostato con una durata di un giorno in modo che i visitatori vedano il cookie solo una volta ogni 24 ore.
La sezione Targeting consente di selezionare le pagine su cui dovrebbe apparire il popup. Ci sono numerose scelte qui. Se non selezioni nulla, il banner compare su tutte le pagine.
Puoi scegliere tra diversi temi e cambiarli nell'editor dei temi. Qui, ad esempio, puoi impostare la trasparenza sullo sfondo o puoi modificare le distanze e le dimensioni della finestra. Ho lasciato tutto così com'è e ho impostato la trasparenza solo all'80%. Il resto è già ottimale per la visualizzazione su computer desktop e dispositivi mobili.
C'è un'area separata nel plugin per personalizzare il pulsante "Chiudi". Questo ti permette di decidere dove appare il pulsante, che colore ha e che testo ha.
Testare i popup con i clienti
Ovviamente, quando lavori su un popup, non vuoi che ogni visitatore si trovi di fronte ai lavori di costruzione. Per questo motivo, ho sempre impostato il trigger in modo che il popup appaia solo per gli errori 404. Quindi, se richiami un URL che non esiste sul sito web. Per fare ciò, aggiungi semplicemente "/abc" o qualcosa di simile al dominio e richiama questo URL.
Per evitare il fatto che puoi testare il popup solo una volta al giorno, utilizzo sempre una finestra di navigazione in incognito o una finestra privata, poiché nessun cookie viene memorizzato in queste finestre del browser e il popup viene mostrato ancora e ancora.
On Exit Intent e altre specialità
Se vuoi creare un popup On Exit Intent, ovvero un popup che si apre quando il visitatore sposta il puntatore del mouse fuori dalla finestra del browser, sfortunatamente devi avere un abbonamento al Servizio di creazione popup Riserva. I prezzi (247 USD all'anno) sono piuttosto alti lì, quindi preferirei cercare un'alternativa a questo punto.
Tuttavia, se guadagni denaro con il tuo blog e sei disposto a pagare per uno strumento popup completo che combina operazioni semplici e popup puliti, puoi comunque dare un'occhiata agli abbonamenti di Popup Maker.
Contributi simili
Disabilitare WP-Cron: come farlo!- Che cos'è un web beacon o pixel di tracciamento?
- Come si diventa un blogger e ci si guadagna?
- proibire a chatGPT di accedere al contenuto del proprio sito web
- Indicizzatore di backlink: qual è lo strumento migliore?
- Keyword Shitter Test - Trova parole chiave Longtail gratuitamente
- Trovare il colore giusto per un sito web non è un problema con questi strumenti
- WordPress: archivia l'accesso FTP in wp-config.php
Jens gestisce il blog dal 2012. Agisce come Sir Apfelot per i suoi lettori e li aiuta con problemi di natura tecnica. Nel tempo libero guida monocicli elettrici, scatta foto (preferibilmente con l'iPhone, ovviamente), si arrampica sulle montagne dell'Assia o fa escursioni con la famiglia. I suoi articoli trattano di prodotti Apple, notizie dal mondo dei droni o soluzioni ai bug attuali.
Mi è piaciuto anche usare Popup Maker (nella versione base gratuita) e sono sostanzialmente soddisfatto delle possibilità. A proposito, grazie per i suggerimenti su come gestire i "lavori di costruzione" con il plugin - non ci avevo pensato prima... e quindi ho dato ad alcuni visitatori del sito alcune informazioni sullo stato di avanzamento dell'implementazione...
Ciò che non trovo così convincente, tuttavia, sono le opzioni per la formattazione del testo popup. Per quanto posso vedere finora, le distanze tra i paragrafi o dall'intestazione al testo non possono essere influenzate con le opzioni di formattazione standard (e sono praticamente inesistenti). In particolare, il testo si blocca sempre direttamente sotto l'intestazione.
Tuttavia, con un po' di conoscenza CSS puoi formattare il tutto in modo abbastanza individuale - al di là dei temi forniti - una volta che hai trovato le classi e/o gli ID utilizzati dal plug-in (ad esempio tramite l'"ispettore" del browser) e poi conferma le modifiche al CSS personalizzato del sito Web nel backend WP. Ad esempio, la tipografia e i colori possono essere personalizzati se lo apprezzi, ma ovviamente gli aspetti generali del design come i margini, ecc.
Ciao Peter! Sì, con le regolazioni fini è necessario conoscere un po' di CSS per farlo sembrare stravagante. Ma sostanzialmente il template standard è già utilizzabile. Avevo visto popup molto più raccapriccianti con altri plugin. :D
Hallo,
Voglio mostrare due popup indipendenti, ma ne viene mostrato solo uno :-(
Ciao Tommaso! Anche se tecnicamente possibile, non metterei due popup davanti ai visitatori. Questo è estremamente fastidioso e non dovrebbe avere un effetto positivo sul tempo trascorso sul tuo sito web. Cosa combini? Forse c'è una soluzione più elegante?
Grazie per questo articolo davvero utile.
Quale strumento stai utilizzando per creare il cookie di runtime?
Ciao Sofia! Attualmente non utilizzo più lo script perché non utilizzo alcun popup sul mio sito. Per ogni cookie devi ottenere un OK dall'utente e per questo motivo faccio a meno di tutto ciò che è possibile.
Ho incorporato il tutto in modo abbastanza adeguato, ma la dimensione del pop-up non si adatta ai dispositivi mobili. C'è un piccolo trucco per questo?
Grazie in anticipo
Ciao Laura! Sì, il trucco è che crei due popup. Uno per desktop e uno per display più piccoli. Almeno è così che ho sempre risolto.
Un'altra piccola aggiunta al PopUp Maker: l'ho usato su un sito Web WP e - quando l'argomento è diventato di nuovo acuto l'anno scorso - ho avuto seri problemi a ricevere richieste da questo sito Web a Google Fonts (GDPR!).
Si è scoperto che il plug-in POM apparentemente utilizzava Google Fonts "da solo" e che ovviamente non poteva essere risolto da alcuna impostazione sul tema WP ecc. Mi sembra di ricordare che il plug-in OMGF, che altrimenti potrebbe essere utile per chiudere le query di Google, non ha funzionato neanche qui.
Dopo aver impostato un pop-up POM, può essere utile controllare le connessioni di rete per vedere se il sito Web richiede Google Fonts.
Ciao Peter! Il plug-in ora ha un pulsante che può essere utilizzato per disattivare Google Fonts. Ma il plugin OMGF è ancora una grande storia. Ho anche molti siti client in esecuzione per sbarazzarmi di Google Fonts.
Ciao Jens, grazie per le informazioni! Mi dava sui nervi "allora" fino a quando ho scoperto che i caratteri Google indesiderati entravano in gioco tramite il PopUp Maker... È un bene che a quanto pare molti sviluppatori abbiano ora riconosciuto il problema per noi utenti dell'UE e quelli di offrirvi l'opzione menzionato per disattivare questa connessione tramite l'impostazione.
Tuttavia, ero già passato a "Hustle" come plug-in pop-up, che mi piace molto.
E sì, OMGF è spesso un plug-in utile per il suo scopo, anche nella versione gratuita, ma sta o cade con il modo in cui i font di Google sono integrati dal tema o dai plug-in, indipendentemente dal fatto che siano riconosciuti da OMGF e memorizzati localmente possono diventare. Sfortunatamente, non ha funzionato affatto per alcuni siti e temi WP meno recenti.
Tuttavia, si dice che la versione a pagamento sia significativamente più efficace in questo senso, come puoi leggere qua e là.
Sì, ho subito la versione Pro "illimitata". Una volta non è riuscita a rimuovere i Google Fonts, ma lo sviluppatore ci ha lavorato per 2 giorni e ha risolto il problema. Conclusione: super plugin e super supporto!