Pop-suÈ una finestra pop-up che appare sullo schermo quando si visita un sito e incoraggia una persona a intraprendere determinate azioni (iscriversi a una newsletter, partecipare a una promozione, inserire le proprie informazioni di contatto, ecc.). Fondamentalmente il compito pop-su-windows - raccoglie indirizzi email.
Vari studi dimostrano l'efficacia dell'uso dei pop-up. Ad esempio, un sito con 44mila visitatori ha acquisito 10-15 iscritti al giorno per la sua mailing list e, dopo il lancio di finestre pop-up con un ritardo di un minuto, circa 100-150 visitatori hanno iniziato a iscriversi ogni giorno.
Qual è lo scopo della collezione e-posta-Sta usando i pop-up? Facciamo una semplice analogia. Il sito è un secchio danneggiato pieno d'acqua. Tutti i tuoi sforzi per riempirlo sono destinati al fallimento quando il liquido fuoriesce dai fori. La situazione è simile con i visitatori delle pagine Internet. Molte persone chiudono la scheda dopo aver visitato il sito e non tornano mai al "secchio".
Affinché un'azienda abbia successo, è necessario ottenere un traffico elevato verso la propria risorsa Internet. Più indirizzi e-mail raccogli, più persone puoi successivamente attirare sul tuo sito attraverso l'uso di newsletter efficaci.
In questo articolo imparerai:
Mostrare i pop-up è un male o uno strumento efficace
Gli ovvi vantaggi e svantaggi dei pop-up
Quali sono gli elementi della finestra pop-up
Tipi di pop-up sul sito
Buono, cattivo e ottimo esempio di popup
7 idee su come personalizzare i pop-up sul tuo sito web
Come creare un popup da soli
Popup per WordPress
9 consigli per creare un popup e non esagerare
9 motivi per cui il tuo pop-up non funziona
Mostrare i pop-up è un male o uno strumento efficace
Immagina una situazione: sei affascinato dalla lettura delle informazioni su una pagina, dal tentativo di scorrerle... e davanti a te si aprono finestre con annunci pubblicitari. La prima reazione è l'irritazione. Tuttavia, se sei sul sito Web di un negozio online e desideri acquistare qualcosa, lo sconto offerto nel pop-up ti farà sicuramente piacere.
È possibile anche un'altra situazione. Durante la lettura delle pubblicazioni di un blogger che è un Internet marketer, una finestra pop-up invita a scaricare una guida agli errori più comuni di Google Adwords in modo completamente gratuito. Molto probabilmente, sarai interessato a una tale offerta pop-up.
La percezione dei pop-up può essere negativa o positiva. Dipende, come in ogni altro caso, se l'offerta contenuta nel pop-up è utile e rilevante per il potenziale cliente.
Gli ovvi vantaggi e svantaggi della personalizzazione dei pop-up
Vantaggi pop-up:
Ti permettono di attirare l'attenzione. Quando gli utenti fanno clic su un collegamento da un altro sito, vedono prima un banner pop-up che offre qualcosa di vantaggioso. Questo li ritarda e li spinge a intraprendere ulteriori azioni.
Quando li usi, la conversione aumenta. Le statistiche mostrano un'efficienza molto più elevata (13 volte) dei banner pop-up rispetto a quelli convenzionali creati per aumentare il traffico del sito Web o il numero di visualizzazioni.
attraversopop-up windows, puoi ottenere rapidamente un feedback. Avere un banner pop-up nella pagina delle FAQ consentirà ai visitatori di contattare più rapidamente gli amministratori del sito.
Screpolatura pop-up:
Diminuzione delle presenze. In caso di installazione errata di finestre pop-up, i visitatori proveranno solo fastidio quando appariranno. Ad esempio, se il banner è enorme o devi cercare una croce per chiudere a lungo, allora gli utenti potrebbero dare la preferenza ad altri siti.
Trattare i banner come spam. Ciò è possibile con un numero molto elevato di pop-up. Il risultato può essere un deterioramento della reputazione dell'azienda.
Pop-up banner possono essere bloccati. Alcune persone sanno che è possibile installare un programma nel browser che bloccherà la comparsa di finestre pop-up. Allo stesso tempo, puoi dimenticare l'efficacia della pubblicità utilizzando i pop-up.
Quali sono gli elementi della finestra pop-up
La chiave per una comunicazione efficace con i visitatori del sito attraverso i banner pop-up è testare continuamente testi, design e formato della loro visualizzazione.
Elenchiamo gli elementi più significativi:
Testo del titolo. Devi formulare una frase pop-up con parole semplici e comprensibili, quindi funzionerà in modo efficace. Considera varie opzioni, analizza l'atteggiamento dei visitatori nei confronti di ciascuna di esse.
Progettazione dell'intestazione. Dopo aver scelto un titolo adatto, disegnalo magnificamente (scegli il colore, il carattere, le dimensioni). Dovrebbe essere leggibile.
Progettazione di blocchi e immagini. Scopri quale formato, colore e dimensione dei blocchi sono i migliori per la tua pagina. Spesso, per aumentare la conversione, è sufficiente aggiungere un'immagine al blocco.
Campi modulo. Puoi utilizzare caratteri diversi, inserire descrizioni in modi diversi (dentro, sopra oa sinistra del campo). Va ricordato che qualsiasi schermata deve visualizzarli correttamente.
Pulsante di uscita. Un elemento obbligatorio della finestra pop-up è un pulsante che consente di rifiutare un'offerta (ad esempio, "No, grazie", ecc.). Puoi fornire agli utenti la possibilità di chiudere il popup facendo clic sulla home page.
Testo principale. Dovrebbe sicuramente includere una descrizione dei vantaggi dell'offerta e delle sue caratteristiche. Secondo i risultati del test, la mancanza di tali informazioni sul banner può portare a una bassa conversione.
Testo di invito all'azione. Prova diverse alternative. Il pulsante "Invia" può essere sostituito con "Ricevi un rapporto gratuito", "Scarica ora", "Iscrivimi alla newsletter".
Design del pulsante di azione. Prova pulsanti di diverse forme, dimensioni e colori per trovare quello più cliccabile.
Tipi di pop-up sul sito
Ci sono due gruppi di finestre pop-up: Hello-Board e Page-Stop.
La prima categoria è caratterizzata dal posizionamento orizzontale o verticale dei banner, in cui le informazioni principali della pagina rimangono visibili all'utente e la sua funzionalità rimane quasi la stessa. Questa opzione pop-up è morbida, consentendo di mantenere un equilibrio tra la percezione dei visitatori e il risultato che si ottiene attraverso l'uso dei banner.
Tali pop-up presentano degli svantaggi, ma al momento non possono essere eliminati: la revisione del sito, sebbene parzialmente, è limitata. Ciò rende le finestre Hello-board meno efficienti delle finestre Page-Stop.
La categoria dei banner Page-Stop presuppone una completa restrizione dell'attività sul sito fino a quando il visitatore non clicca su uno dei pulsanti - accetta l'offerta o la rifiuta chiudendo il pop-up. Una tale finestra pop-up nella maggior parte dei casi infastidisce solo gli utenti, poiché li distrae dallo scopo principale di visitare la pagina.
Buono, cattivo e ottimo esempio di popup
Buon esempio
Quando visiti per la prima volta i negozi online Lamoda e Quelle, compaiono delle offerte speciali:
“Effettua un acquisto e la consegna sarà a nostre spese”; "Iscriviti e ti faremo uno sconto del 40%." Offerte interessanti, vero? Va notato che tali tecniche sono costantemente utilizzate nel commercio. Se presti attenzione, noterai che in ogni reparto dei centri commerciali ci sono annunci pubblicitari su vendite e grandi sconti, che presumibilmente agiscono oggi. Tuttavia, un tale sistema di vendita viene praticato continuamente.
È molto importante per un negozio online (incluso Lamoda) ricevere l'indirizzo email di un visitatore. I marketer lo includeranno nella loro mailing list e offriranno i loro prodotti. È vantaggioso per tutti. Gli utenti ottengono sconti e i negozi online ottengono clienti abituali. Questo modello è chiamato "win-win".
Invia la tua candidatura
Il noto CallBackHunter. Quando questa tecnologia è appena nata su Runet, ha causato un effetto wow. Dopotutto, devi essere d'accordo, guidi nel telefono e sarai automaticamente richiamato in 30 secondi e informato su determinati problemi. Il tasso di conversione di molti siti è aumentato. Ma l'incapacità della maggior parte dei proprietari di siti di configurare correttamente questa tecnologia ha presto portato al fatto che irrita tutti. Ci sono due ragioni per questo. Il primo è il suo aspetto istantaneo dopo essere andato al sito. Il visitatore non ha nemmeno il tempo di scoprire dove si trova e se ha bisogno di qualcosa qui. Il secondo: la formulazione in CallBackHunter è quantomeno sconcertante:
La finestra pop-up non contiene alcuna offerta vantaggiosa, l'utente non è convinto ad iscriversi. Ecco l'attesa dell'effetto sorpresa. Se un visitatore fa clic sul pulsante pop-up necessario senza capire come chiudere la finestra, verrà automaticamente inviata una chiamata all'azienda. I dipendenti inizieranno a offrire prodotti e potrebbero persino "vendere" qualcosa. Pertanto, l'organizzazione può solo perdere la sua reputazione.
Dovresti sforzarti di soddisfare le esigenze dei clienti, non aumentare le vendite ad ogni costo. Costruire relazioni con i consumatori dovrebbe basarsi sulla fiducia, quindi puoi contare su una cooperazione a lungo termine, vantaggiosa per entrambe le parti.
Ottimo esempio
Sul sito della rivista "Direttore Generale", nostra cliente, compare il seguente banner:
Questo modulo appare durante la lettura di un articolo o dopo aver trovato un certo periodo di tempo sul sito. Lo scopo principale di questo modulo è fornire alle persone contenuti utili quando stanno per lasciare il sito.
Nota che il pop-up sul sito web del Direttore Generale contiene abbastanza informazioni che la sua offerta è allettante. Con insistenza, anche, non esagerare. I visitatori non hanno l'impressione che questo pop-up appartenga a un altro sito o sia pubblicitario, quindi funziona in modo efficace.
7 idee su come personalizzare i pop-up sul tuo sito web
1. Finestra pop-up invece del banner
I webmaster utilizzano spesso i banner, posizionandoli a lato del sito o nella barra laterale. Se clicchi sul banner, si aprirà una pagina specifica. Se contiene un'offerta per iscriversi alla mailing list, è possibile utilizzare i moduli pop-up.
Professionisti:
Il pop-up si aprirà istantaneamente, mentre la pagina di abbonamento impiegherà del tempo a caricarsi. Questo può portare ad un aumento delle conversioni degli iscritti.
C'è un'opportunità per risparmiare spazio. Se il banner è stato sostituito con un modulo di iscrizione, allora puoi limitarti a un solo pulsante, rimuovendo tutti i campi. Facendo clic su di esso, verrà visualizzato il popup.
Svantaggi:
Non sarai in grado di inserire molte informazioni nel pop-up, a differenza della pagina di iscrizione. Inoltre, non sarai in grado di caricare un'immagine o un video.
2. Popup invece di abbonamento
Si tratta di moduli di iscrizione che sono posizionati sia su pagine separate che a lato della pagina principale (nella barra laterale, come nell'esempio). Nei blog, le offerte per l'iscrizione alla newsletter sono anche alla fine dell'articolo. Una buona opzione in questo caso è eliminare tutti i campi, lasciando un pulsante di clic per il clic, che richiamerà il popup. E può già contenere il numero richiesto di campi.
Professionisti:
Aumentare il numero di iscritti. Il motivo è che, cliccando sul pulsante a comparsa, il visitatore è già più propenso a compilare i campi. Se il modulo di iscrizione viene visualizzato immediatamente, di solito viene ignorato.
Uso più economico dello spazio Internet. I campi del modulo di iscrizione possono essere sostituiti con informazioni pubblicitarie. Un'altra opzione è progettare la pagina in uno stile minimalista, rendendola ordinata.
Svantaggi:
Le aspettative degli utenti rimangono ingiustificate. Ad esempio, cliccando sul pulsante "Download", una persona attende l'inizio del download. Dopo questo, l'aspetto di un modulo da compilare può causare emozioni negative. Tuttavia, puoi combinarlo con qualsiasi elemento e successivamente creare pulsanti che ti consentono di scaricare file immediatamente (senza finestre pop-up).
3. Finestra pop-up invece di parole di gratitudine
Questa è una soluzione buona e semplice. Non c'è bisogno di creare pagine, pubblicare parole di gratitudine e collegamenti per scaricare i file di interesse. Invece, dovresti indirizzare la persona alla stessa pagina, cambiando leggermente il suo indirizzo (ad esempio, /? Yhx935 / è stato aggiunto a / page /). Tale componente aggiuntivo darà un comando per aprire un pop-up con gratitudine o link per il download.
Professionisti:
Puoi creare tali pagine in molto meno tempo.
Svantaggi:
Dovrai trovare uno specialista che personalizzerà l'aspetto di una finestra pop-up quando un parametro segreto viene aggiunto all'indirizzo della pagina.
Non tutti i popup supportano i collegamenti ai social media.
4. Finestra pop-up al posto della pagina "Grazie per l'iscrizione"
Questa forma popup è simile alle visualizzazioni precedenti. L'utente che si iscrive alla newsletter viene indirizzato non alla pagina di ringraziamento, ma alla pagina di vendita, dove si apre immediatamente un pop-up. Contiene i link e le parole di gratitudine necessarie per il visitatore. Sotto il pop-up, puoi inserire informazioni su un prodotto a pagamento relativo a un abbonamento registrato e un'offerta per acquistarlo per una promozione.
Professionisti:
Nessuna pagina di ringraziamento necessaria.
Crescita della conversione. Quando la finestra viene chiusa, una persona viene indirizzata a una pagina completamente caricata con un annuncio pubblicitario per un prodotto a pagamento. Se lo progetti in modo attraente, molti chiuderanno la finestra pop-up per vedere l'offerta in modo più dettagliato.
Svantaggi:
La finestra pop-up dovrebbe apparire istantaneamente, altrimenti gli utenti potrebbero sospettare di inganno e mancanza di collegamenti necessari. Di conseguenza, le vendite diminuiranno.
5. Popup segreto
Per gli utenti che viaggiano a lungo sulla tua risorsa Internet, puoi sviluppare un pop-up segreto pubblicando informazioni su offerte molto redditizie. Se lo crei correttamente, solo alcune persone più attive avranno l'opportunità di vedere un tale pop-up. Questo è un bel bonus.
Tale popup potrebbe apparire, ad esempio, dopo 36 minuti di permanenza sulla tua pagina (o più). In alternativa, puoi scoprire da quanto tempo non più dell'1% dei visitatori è stato sul tuo sito e segnare questa volta in un pop-up. Non è necessario offrire una promozione, puoi sondare gli utenti (+ quindi fornire uno sconto) se vuoi raccogliere dati su coloro che visualizzano la tua pagina da molto tempo.
Professionisti:
I più attivi ricevono dei bonus. Se l'offerta è buona, gli utenti saranno contenti. Un tale pop-up per un sito Web è un analogo di un uovo di Pasqua nascosto.
Svantaggi:
Se tutti trovano l'"uovo", subirai delle perdite.
L'aggiunta della personalizzazione all'elenco potrebbe essere strana. Tuttavia, ora non viene utilizzato spesso e insieme ai pop-up funzionerebbe in modo abbastanza efficace. Consiste nel seguente. Se conosci i contatti dell'utente (ad esempio nome, indirizzo e-mail, numero di telefono), allora:
Compila automaticamente i moduli di iscrizione sulla pagina.
Elimina i moduli non necessari. Sono inutili in quanto puoi inviare la tua proposta al visitatore tramite e-mail. I moduli eliminati possono essere sostituiti con pubblicità (invece del modulo a lato della pagina, creare un banner che pubblicizzi un sito di vendita o una promozione).
Professionisti:
Sarai in grado di ottenere una maggiore conversione, poiché i campi verranno compilati automaticamente, devi solo fare clic sul pulsante a comparsa.
Sarai in grado di pubblicare più annunci sul sito.
7. Finestra pop-up all'interno dell'articolo
È possibile non solo creare popup che appaiono da soli, ma anche includere diversi pulsanti nel testo della pagina, facendo clic sui quali verranno visualizzati i popup. Più lungo è l'articolo, più pulsanti puoi posizionare.
Professionisti:
Gli utenti non saranno infastiditi dalla distrazione dei pop-up in quanto possono chiamarla loro stessi quando vogliono.
La capacità di aumentare la conversione. Per fare ciò, è necessario attirare l'interesse dei visitatori sui pulsanti di chiamata pop-up.
Svantaggi:
Gli elementi non necessari compaiono nell'articolo. A tal proposito, si consiglia di associare tali pulsanti alla personalizzazione: la persona che si iscrive non dovrebbe più vederli nel testo.
Come creare un popup da soli
Come creare un pop-up da soli? Per fare ciò, è necessario conoscere il linguaggio HTML almeno a un livello base. In questo caso, puoi facilmente creare una finestra pop-up per il sito.
Per crearlo vengono spesso utilizzate librerie di framework JavaScript (jQuery, MooTools, Prototype, ecc.), ma il profano non ne ha bisogno. Il linguaggio di markup dell'ipertesto HTML e il linguaggio di descrizione del foglio di stile CSS a cascata consentono di progettare buoni popup. Windows scritto in queste lingue non dipenderà da JavaScript nel browser.
Il codice che dà il comando per aprire la finestra pop-up è disposto su due righe. Il primo compito è generare un collegamento, un clic sul quale fa apparire un pop-up:
I valori degli attributi del tag per questo collegamento sono i seguenti. al passaggio del mouse definisce il tipo di cursore del mouse che appare quando si passa con il mouse sul pulsante a comparsa. nclickè necessario per emettere un comando per la comparsa di un blocco nascosto con l'identificatore a comparsa dopo che l'utente fa clic sul pulsante.
La seconda riga è il popup. L'identificatore a comparsa viene utilizzato per indicare il livello. L'attributo style ti permette di impostare i parametri della finestra, font e frame (il loro colore, dimensione, sfondo):
Questo è il testo nel popup
Il popup è invisibile per impostazione predefinita (poiché il selettore di visualizzazione è impostato su nessuno nel testo del codice).
Queste due righe sono sufficienti per creare un popup in html. Dovrai inserirli tra i tag
e il tuo sito e il popup funzionerà.
Affinché il pop-up si chiuda, è necessario inserirlo prima del tag
collegamento che fornisce il comando per nascondere il livello visibile con l'identificatore a comparsa:
Se lo desideri, puoi impostare la finestra in modo che non venga visualizzata quando fai clic su un collegamento, ma solo quando ci passi sopra con il mouse. Per fare ciò, cambia la prima riga:
Esistono più plug-in popup per Wordpress. Come scegliere quello giusto tra una varietà di opzioni? I pop-up possono verificarsi in modo imprevisto o fluido, nella pagina principale del sito o nella pagina interna, immediatamente al passaggio alla pagina o alla sua chiusura. Di seguito sono elencate le migliori opzioni di plug-in:
Plugin popup ITRO
È gratis. È molto comodo da usare, anche la modifica non è difficile. Il plugin offre la possibilità di scaricare immagini, tag per titoli, video da YouTube.
Le impostazioni consentono la personalizzazione. Puoi creare un banner di qualsiasi dimensione, colore. Anche i bordi delle finestre popup sono modificabili. Puoi anche scegliere le pagine in cui verranno visualizzati i popup.
YITH Newsletter Popup
È anche gratuito. Progettato per creare una finestra pop-up nel modulo di iscrizione. Non è difficile installarlo e configurarlo. Devi solo lavorare su due pagine. Da un lato - impostazioni generali, dall'altro - editor di design pop-up.
Le impostazioni generali consentono di scrivere un titolo, inserire un'immagine e informazioni sotto forma di testo. Qui puoi impostare il colore dello sfondo, il testo, selezionare il carattere. Lo svantaggio è l'impossibilità di scegliere la posizione del testo e delle immagini. Tuttavia, il pop-up è piuttosto carino.
WordPress PopUp
Questo plugin ti permette di creare pop-up creativi. I suoi vantaggi includono la facilità di aggiungere moduli e immagini, un'ampia selezione di parametri di aspetto. Puoi impostare il pop-up in modo che venga visualizzato solo davanti agli utenti che non hanno commentato nulla sul sito o che sono arrivati alla pagina da un motore di ricerca. Puoi specificare nelle impostazioni quante volte la finestra pop-up può apparire davanti a ciascun visitatore.
mostro optin
Questo plugin è a pagamento, ma offre ampie opzioni per la modifica dei popup. È supportato automaticamente da GetResponse, MailChimp e altri. Dopo aver scelto un servizio di posta, avviene la configurazione automatica. La versione a pagamento è progettata per condurre test e analizzare i suoi risultati per identificare un'opzione pop-up più efficace. I video possono essere incorporati direttamente nel modulo.
Popup ninja
Anche un plugin a pagamento supportato da molti servizi di posta elettronica. I modelli sono sviluppati a livello professionale, il design del banner può essere realizzato nello stile del sito. È possibile personalizzare l'aspetto di una finestra pop-up su qualsiasi pagina, in qualsiasi categoria. Il pop-up può anche apparire quando il sito è chiuso.
Puoi rendere la pagina privata fino a quando l'utente non la condivide sui social network o si iscrive. È possibile condurre test per migliorare l'efficienza della finestra pop-up.
9 consigli per creare un popup e non esagerare
1. Non essere familiare
In nessun caso dovresti essere scortese, tieni i visitatori per idioti. È anche meglio non approfondire ciò che li spinge. Sotto il divieto, le iscrizioni in pop-up come "No, preferisco non avere follower", poiché possono essere intese come "No, non voglio fare affari con te".
2. Non compensare la qualità con la quantità.
Il desiderio di raggiungere il 400% non deve portare ad un aumento del numero di finestre pop-up a scapito della loro qualità. Per scegliere l'opzione più efficace, esegui dei test. Non inserire pop-up in ogni pagina del tuo sito.
3. Non apparire nel posto sbagliato al momento sbagliato
Un pop-up durante il caricamento della pagina comporterà una perdita di visitatori. Se il pop-up è grande e difficile da chiudere, è più probabile che si perdano contatti.
L'opzione migliore è quella di apparire poco prima che l'utente chiuda la pagina. Puoi configurarlo in questo modo analizzando da quanto tempo i visitatori sono stati sul tuo sito. Puoi anche correggere il modo in cui il cursore si sposta dal blocco di contenuto ai blocchi che cadono sul percorso verso il pulsante per chiudere la pagina.
4. Personalizza i tuoi pop-up
Al giorno d'oggi, quando si organizzano le vendite elettroniche, è di moda fare la personalizzazione. Si ritiene che sia più piacevole per una persona effettuare acquisti nei negozi in cui le merci gli vengono offerte personalmente. Nessuno vuole essere un utente senza volto.
Se possibile, personalizza i tuoi pop-up. Se sei il proprietario di un negozio online, attendi fino a quando il cliente non indica ciò a cui è interessato, quindi formula un'offerta in conformità con questo.
5. Non nascondere la croce per chiudere la finestra
Se è difficile chiudere il pop-up, l'utente potrebbe sviluppare un atteggiamento negativo nei confronti del tuo sito. Pertanto, la loro probabilità di effettuare un acquisto (o abbonarsi, ecc.) sarà ridotta.
6. Non essere eccessivamente fastidioso il più possibile.
Gli eventi imprevisti non sempre rendono felice una persona, soprattutto se ostacolano il suo obiettivo. Se viene visualizzato un pop-up durante la lettura di un articolo interessante o la scelta di un prodotto e si offre l'iscrizione a una newsletter settimanale, non ci sarà alcuna interazione produttiva.
7. Sii specifico
La particolarità della finestra pop-up è la necessità di attirare rapidamente l'attenzione del visitatore. Per fare ciò, devi formulare chiaramente le tue proposte, quindi i potenziali clienti lo capiranno.
8. Sii conciso
Non solo le informazioni testuali dovrebbero essere laconiche, ma anche il design della finestra pop-up. È meglio scegliere un design semplice, i colori sono calmi e gli elementi funzionali sono familiari alla maggior parte degli utenti. La suddivisione della finestra pop-up in zone è efficace, rendendo chiara la struttura della tua proposta a un livello intuitivo.
9. Valuta i pro e i contro
Crea finestre popup solo quando non sono disponibili altre opzioni.
9 motivi per cui il tuo pop-up non funziona
Il tuo pop-up non è mobile
Circa 1/3 degli utenti utilizza lo smartphone per navigare nei siti. Tuttavia, nella maggior parte dei casi, i popup sul telefono non vengono visualizzati correttamente. L'immagine della finestra pop-up sul telefono appare sfocata, non è possibile chiuderla o vederla completamente. Questo è il motivo della perdita di reddito. Assicurati di controllare la funzionalità delle finestre pop-up. In caso di problemi, il sito dovrebbe essere adattato per gli smartphone.
Non hai valutato il lavoro del plugin
La reattività del tuo sito diminuisce con ogni plug-in. Se la pagina è lenta, c'è meno traffico, rispettivamente, meno vendite. Puoi controllare la velocità di caricamento su Sitespeed.ru o PageSpeed Insights. Oltre al risultato, ti verranno forniti consigli per migliorare la velocità del sito:
Ma non è tutto.
Se c'è un conflitto tra i plug-in pop-up del tuo sito, questo può farli sembrare brutti. Prima di consentire la visualizzazione dei popup ai visitatori, devi assicurarti che sembrino normali su tutti i dispositivi.
Hai un design pop-up scadente
Mostri il pop-up ai tuoi potenziali clienti. Affinché possano formare un'opinione sui prodotti del tuo marchio come pratici, di alta qualità, con un buon design, devi lavorare sul design di finestre pop-up, assicurarti che siano convenienti per i visitatori. Crea un pop-up nello stile della tua pagina, usa bei caratteri, carica immagini.
Non hai inventato, ma hai copiato il testo per la finestra pop-up
Un uomo d'affari deve essere originale per distinguersi dai suoi concorrenti. Allora il successo è assicurato. Se la tua strategia è copiare gli altri, non sarai in grado di uscirne vincitore. Gli utenti saranno gli ultimi a visitare il tuo sito. Devi mostrare al tuo pubblico che sei un leader. Considera questo quando crei pop-up.
Hai contenuti irrilevanti
Ad esempio, un utente ha inviato un articolo al carrello, non è rimasto molto prima che l'acquisto sia completato e per qualche motivo chiude la scheda ... Allo stesso tempo, si apre una finestra pop-up che offre il libro in forma elettronica. Ritieni che questa decisione sia corretta?
Un altro esempio. Una persona legge il tuo blog senza acquistare nulla. Puoi offrirgli uno sconto sul prodotto, secondo te?
La stessa offerta agli utenti in fasi diverse del processo di acquisto non sarà ugualmente efficace. Chi è in procinto di scegliere, aggiungendo un articolo al carrello troverà uno sconto o la spedizione gratuita al momento giusto. E per coloro che sono nuovi sulla tua pagina, puoi offrire una versione di prova del prodotto.
Vale la pena ricordare che deve esserci una corrispondenza tra il contenuto dei pop-up e il contenuto della pagina. Ad esempio, nel catalogo dell'abbigliamento femminile non dovrebbero essere consentite finestre pop-up con pubblicità di cravatte.
Stai chiedendo troppe informazioni
Quello che fai dipende da quali informazioni vuoi ricevere sui tuoi clienti per poter collaborare con loro in futuro. Di solito le persone sono più disposte a compilare moduli se non ce ne sono molti.
Tuttavia, se una persona fornisce informazioni aggiuntive (sesso, età, nome, indirizzo, ecc.), allora la personalizzazione delle proposte sarà più profonda.
In caso di creazione di una finestra pop-up in un unico passaggio, è meglio richiedere solo l'e-mail.
Se la finestra è a più passaggi, è possibile richiedere altri dati. Se i visitatori sono interessati al primo popup, di solito sono pronti a fornire informazioni più dettagliate su se stessi nel secondo popup. Tuttavia, non dovrebbe contenere più di quattro campi.
Non hai fatto i test A/B
I professionisti del marketing sanno che un efficace test A/B può aumentare i margini di profitto con il traffico esistente.
Prima del test diviso, è necessario:
determinare quali trigger hanno l'impatto principale sugli utenti;
misurare il punto A prima di impostare il punto B;
controlla tutto da solo, non fidandoti delle statistiche generali;
aumentare il numero di visite necessarie per il test (almeno 1500 per ogni finestra);
determinare gli indicatori da misurare.
Dovrebbero esserci diversi test. Dopo aver confrontato il design dei pop-up, identifica quelli più efficaci. Anche piccoli cambiamenti possono raddoppiare le conversioni.
Se hai escluso l'influenza dei motivi di cui sopra, devi scavare più a fondo - per controllare il sito. E per questo è meglio rivolgersi ai professionisti! Specialisti Agenzia Internet "Generatore di vendite" in breve tempo condurranno per te un'analisi completa degli errori di ottimizzazione interna ed esterna della risorsa, oltre a fornire oltre 47 consigli per aumentare il traffico e le vendite dal tuo sito.
Invia la tua candidatura
=> html [~ DETAIL_TEXT_TYPE] => html => Perché abbiamo bisogno dei pop-up? Quali sono i vantaggi e gli svantaggi delle finestre pop-up? Come faccio a creare un popup? Quali plug-in popup WordPress gratuiti e a pagamento ci sono? Come non esagerare con il design? Per quali motivi un popup potrebbe non funzionare? [~ PREVIEW_TEXT] => Perché ho bisogno di pop-up? Quali sono i vantaggi e gli svantaggi delle finestre pop-up? Come faccio a creare un popup? Quali plug-in popup WordPress gratuiti e a pagamento ci sono? Come non esagerare con il design? Per quali motivi un popup potrebbe non funzionare? => html [~ PREVIEW_TEXT_TYPE] => html => Array (=> 1078 => 04/03/2018 13:21:47 => iblock => 622 => 998 => 84151 => immagine / png => iblock / 60a = > .png =>.png => => => [~ src] => => /upload/iblock/60a/60ac938f22cff102a2262faf8d9e8913.png => /upload/iblock/60a/60ac938f22cff102a2262faf8d9e8913.plock /> / iblock 60a /.png => 7 trucchi quando i pop-up hanno successo => 7 trucchi quando i pop-up hanno successo) [~ DETAIL_PICTURE] => 1078 => 2018-04-03 13:21:47 [~ TIMESTAMP_X] => 04/03/2018 13:21:47 => 2017-09-27 16:09:26 [~ ACTIVE_FROM] => 27/09/2017 16:09:26 => / blog / [~ LIST_PAGE_URL] => / blog / => / blog / vsplyvayushchie-okna / [~ DETAIL_PAGE_URL] => / blog / vsplyvayushchie-okna / => / [~ LANG_DIR] => / => vsplyvayushchie-okna [~ CODE] => vsplyvayushchie-okna => 48 [~ EXTERNAL_ID] => 48 => blog [~ IBLOCK_TYPE_ID] => blog => blog [~ IBLOCK_CODE] => blog => [~ IBLOCK_EXTERNAL_ID] => => s1 [~ LID] => s1 => => 27/09/2017 => Array (=> 7 trucchi quando i pop-up hanno successo => pop-up, programmi pop-up, pop-up , finestre pop-up, consenti pop-up, annunci pop-up, crea pop-up, pop-up html, apri pop-up, pop-up telefono, pulsante pop-up, plug-in pop-up, modulo pop-up, pop-up del sito, pop-up per un sito, un modulo pop-up, come creare un pop-up => L'articolo spiega perché sono necessari i pop-up, come crearli e renderli efficaci.) => Array ( => 21977) => Array () => Array (=> 6 [~ ID] => 6 => 27.02.2018 14:50:13 [~ TIMESTAMP_X] => 27.02.2018 14:50:13 => blog [~ IBLOCK_TYPE_ID] => blog => s1 [ ~ LID] => s1 => blog [~ CODE] => blog => Blog [~ NOME] => Blog => Y [~ ATTIVO] => Y => 500 [~ SORT] => 500 => / blog /index.php? ID = 6 [~ LIST_PAGE_URL] => /blog/index.php?ID=6 => # SITE_DIR # / blog / # ELEMENT_CODE # / [~ DETAIL_PAGE_URL] => # SITE_DIR # / blog / # ELEMENT_CODE # / => # SITE_DIR # / blog / list.php? SECTION_ID = # SECTION_ID # [~ SECTION_PAGE_URL] => # SITE_DIR # / blog / list.php? SECTION_ID = # SECTION_ID # => [~ CANONICAL_P_URL] => => [~ PICTURE] = > => [~ DESCRIZIONE] => => testo [~ DESCRIZIONE_TYPE] => testo => 24 [~ RSS_TTL] => 24 => S [~ RSS_ACTIVE] => S => N [~ RSS_FILE_ACTIVE] => N = > [~ RSS_FILE_LIMIT] => => [~ RSS_FILE_DAYS] => => N [~ RSS_YANDEX_ACTIVE] => N => [~ XML_ID] => => [~ TMP_ID] => => Y [~ INDEX_ELEMENT] => Y => Y [~ INDEX_SECTION] => Y => N [~ WORKFLOW] => N => N [~ BIZPROC] => N => L [~ SECTION_CHOOSER] => L => [~ LIST_MODE] => = > E [~ RIGHTS_MODE] => E => [~ SECTION_PROPERTY] => => [~ PROPERTY_INDEX] => => 1 [~ VERSIONE] => 1 => 0 [~ LAST_CONV_ELEMENT] => 0 => [~ SOCNET_GROUP_ID ] => => [~ EDIT_FILE_BEFORE] => => [~ EDIT_FILE_AFTER] => => Sezioni [~ SECT IONS_NAME] => Sezioni => Sezione [~ SECTION_NAME] => Sezione => Elementi [~ ELEMENTS_NAME] => Elementi => Elemento [~ ELEMENT_NAME] => Elemento => [~ EXTERNAL_ID] => => / [~ LANG_DIR] => / => [~ SERVER_NAME] =>) => Array (=> Array ()) => => Array (=> 7 trucchi quando i pop-up hanno successo => 7 trucchi quando i pop-up hanno ups) porta successo => pop-up, programmi pop-up, pop-up, pop-up, consenti pop-up, annunci pop-up, fai pop-up, pop-up html, apri pop-up, pop-up pop-up sul telefono, pulsante pop-up, plug-in pop-up, modulo pop-up, pop-up del sito, pop-up del sito, pop-up del modulo, come creare un pop-up => L'articolo spiega perché i pop-up sono necessari, come crearli e renderlo efficace.))
Pop-suÈ una finestra pop-up che appare sullo schermo quando si visita un sito e incoraggia una persona a intraprendere determinate azioni (iscriversi a una newsletter, partecipare a una promozione, inserire le proprie informazioni di contatto, ecc.). Fondamentalmente il compito pop-su-windows - raccoglie indirizzi email.
Vari studi dimostrano l'efficacia dell'uso dei pop-up. Ad esempio, un sito con 44mila visitatori ha acquisito 10-15 iscritti al giorno per la sua mailing list e, dopo il lancio di finestre pop-up con un ritardo di un minuto, circa 100-150 visitatori hanno iniziato a iscriversi ogni giorno.
Qual è lo scopo della collezione e-posta-Sta usando i pop-up? Facciamo una semplice analogia. Il sito è un secchio danneggiato pieno d'acqua. Tutti i tuoi sforzi per riempirlo sono destinati al fallimento quando il liquido fuoriesce dai fori. La situazione è simile con i visitatori delle pagine Internet. Molte persone chiudono la scheda dopo aver visitato il sito e non tornano mai al "secchio".
Affinché un'azienda abbia successo, è necessario ottenere un traffico elevato verso la propria risorsa Internet. Più indirizzi e-mail raccogli, più persone puoi successivamente attirare sul tuo sito attraverso l'uso di newsletter efficaci.
In questo articolo imparerai:
Mostrare i pop-up è un male o uno strumento efficace
Gli ovvi vantaggi e svantaggi dei pop-up
Quali sono gli elementi della finestra pop-up
Tipi di pop-up sul sito
Buono, cattivo e ottimo esempio di popup
7 idee su come personalizzare i pop-up sul tuo sito web
Come creare un popup da soli
Popup per WordPress
9 consigli per creare un popup e non esagerare
9 motivi per cui il tuo pop-up non funziona
Mostrare i pop-up è un male o uno strumento efficace
Immagina una situazione: sei affascinato dalla lettura delle informazioni su una pagina, dal tentativo di scorrerle... e davanti a te si aprono finestre con annunci pubblicitari. La prima reazione è l'irritazione. Tuttavia, se sei sul sito Web di un negozio online e desideri acquistare qualcosa, lo sconto offerto nel pop-up ti farà sicuramente piacere.
È possibile anche un'altra situazione. Durante la lettura delle pubblicazioni di un blogger che è un Internet marketer, una finestra pop-up invita a scaricare una guida agli errori più comuni di Google Adwords in modo completamente gratuito. Molto probabilmente, sarai interessato a una tale offerta pop-up.
La percezione dei pop-up può essere negativa o positiva. Dipende, come in ogni altro caso, se l'offerta contenuta nel pop-up è utile e rilevante per il potenziale cliente.
Gli ovvi vantaggi e svantaggi della personalizzazione dei pop-up
Vantaggi pop-up:
Ti permettono di attirare l'attenzione. Quando gli utenti fanno clic su un collegamento da un altro sito, vedono prima un banner pop-up che offre qualcosa di vantaggioso. Questo li ritarda e li spinge a intraprendere ulteriori azioni.
Quando li usi, la conversione aumenta. Le statistiche mostrano un'efficienza molto più elevata (13 volte) dei banner pop-up rispetto a quelli convenzionali creati per aumentare il traffico del sito Web o il numero di visualizzazioni.
attraversopop-up windows, puoi ottenere rapidamente un feedback. Avere un banner pop-up nella pagina delle FAQ consentirà ai visitatori di contattare più rapidamente gli amministratori del sito.
Screpolatura pop-up:
Diminuzione delle presenze. In caso di installazione errata di finestre pop-up, i visitatori proveranno solo fastidio quando appariranno. Ad esempio, se il banner è enorme o devi cercare una croce per chiudere a lungo, allora gli utenti potrebbero dare la preferenza ad altri siti.
Trattare i banner come spam. Ciò è possibile con un numero molto elevato di pop-up. Il risultato può essere un deterioramento della reputazione dell'azienda.
Pop-up banner possono essere bloccati. Alcune persone sanno che è possibile installare un programma nel browser che bloccherà la comparsa di finestre pop-up. Allo stesso tempo, puoi dimenticare l'efficacia della pubblicità utilizzando i pop-up.
Quali sono gli elementi della finestra pop-up
La chiave per una comunicazione efficace con i visitatori del sito attraverso i banner pop-up è testare continuamente testi, design e formato della loro visualizzazione.
Elenchiamo gli elementi più significativi:
Testo del titolo. Devi formulare una frase pop-up con parole semplici e comprensibili, quindi funzionerà in modo efficace. Considera varie opzioni, analizza l'atteggiamento dei visitatori nei confronti di ciascuna di esse.
Progettazione dell'intestazione. Dopo aver scelto un titolo adatto, disegnalo magnificamente (scegli il colore, il carattere, le dimensioni). Dovrebbe essere leggibile.
Progettazione di blocchi e immagini. Scopri quale formato, colore e dimensione dei blocchi sono i migliori per la tua pagina. Spesso, per aumentare la conversione, è sufficiente aggiungere un'immagine al blocco.
Campi modulo. Puoi utilizzare caratteri diversi, inserire descrizioni in modi diversi (dentro, sopra oa sinistra del campo). Va ricordato che qualsiasi schermata deve visualizzarli correttamente.
Pulsante di uscita. Un elemento obbligatorio della finestra pop-up è un pulsante che consente di rifiutare un'offerta (ad esempio, "No, grazie", ecc.). Puoi fornire agli utenti la possibilità di chiudere il popup facendo clic sulla home page.
Testo principale. Dovrebbe sicuramente includere una descrizione dei vantaggi dell'offerta e delle sue caratteristiche. Secondo i risultati del test, la mancanza di tali informazioni sul banner può portare a una bassa conversione.
Testo di invito all'azione. Prova diverse alternative. Il pulsante "Invia" può essere sostituito con "Ricevi un rapporto gratuito", "Scarica ora", "Iscrivimi alla newsletter".
Design del pulsante di azione. Prova pulsanti di diverse forme, dimensioni e colori per trovare quello più cliccabile.
Tipi di pop-up sul sito
Ci sono due gruppi di finestre pop-up: Hello-Board e Page-Stop.
La prima categoria è caratterizzata dal posizionamento orizzontale o verticale dei banner, in cui le informazioni principali della pagina rimangono visibili all'utente e la sua funzionalità rimane quasi la stessa. Questa opzione pop-up è morbida, consentendo di mantenere un equilibrio tra la percezione dei visitatori e il risultato che si ottiene attraverso l'uso dei banner.
Tali pop-up presentano degli svantaggi, ma al momento non possono essere eliminati: la revisione del sito, sebbene parzialmente, è limitata. Ciò rende le finestre Hello-board meno efficienti delle finestre Page-Stop.
La categoria dei banner Page-Stop presuppone una completa restrizione dell'attività sul sito fino a quando il visitatore non clicca su uno dei pulsanti - accetta l'offerta o la rifiuta chiudendo il pop-up. Una tale finestra pop-up nella maggior parte dei casi infastidisce solo gli utenti, poiché li distrae dallo scopo principale di visitare la pagina.
Buono, cattivo e ottimo esempio di popup
Buon esempio
Quando visiti per la prima volta i negozi online Lamoda e Quelle, compaiono delle offerte speciali:
“Effettua un acquisto e la consegna sarà a nostre spese”; "Iscriviti e ti faremo uno sconto del 40%." Offerte interessanti, vero? Va notato che tali tecniche sono costantemente utilizzate nel commercio. Se presti attenzione, noterai che in ogni reparto dei centri commerciali ci sono annunci pubblicitari su vendite e grandi sconti, che presumibilmente agiscono oggi. Tuttavia, un tale sistema di vendita viene praticato continuamente.
È molto importante per un negozio online (incluso Lamoda) ricevere l'indirizzo email di un visitatore. I marketer lo includeranno nella loro mailing list e offriranno i loro prodotti. È vantaggioso per tutti. Gli utenti ottengono sconti e i negozi online ottengono clienti abituali. Questo modello è chiamato "win-win".
Invia la tua candidatura
Il noto CallBackHunter. Quando questa tecnologia è appena nata su Runet, ha causato un effetto wow. Dopotutto, devi essere d'accordo, guidi nel telefono e sarai automaticamente richiamato in 30 secondi e informato su determinati problemi. Il tasso di conversione di molti siti è aumentato. Ma l'incapacità della maggior parte dei proprietari di siti di configurare correttamente questa tecnologia ha presto portato al fatto che irrita tutti. Ci sono due ragioni per questo. Il primo è il suo aspetto istantaneo dopo essere andato al sito. Il visitatore non ha nemmeno il tempo di scoprire dove si trova e se ha bisogno di qualcosa qui. Il secondo: la formulazione in CallBackHunter è quantomeno sconcertante:
La finestra pop-up non contiene alcuna offerta vantaggiosa, l'utente non è convinto ad iscriversi. Ecco l'attesa dell'effetto sorpresa. Se un visitatore fa clic sul pulsante pop-up necessario senza capire come chiudere la finestra, verrà automaticamente inviata una chiamata all'azienda. I dipendenti inizieranno a offrire prodotti e potrebbero persino "vendere" qualcosa. Pertanto, l'organizzazione può solo perdere la sua reputazione.
Dovresti sforzarti di soddisfare le esigenze dei clienti, non aumentare le vendite ad ogni costo. Costruire relazioni con i consumatori dovrebbe basarsi sulla fiducia, quindi puoi contare su una cooperazione a lungo termine, vantaggiosa per entrambe le parti.
Ottimo esempio
Sul sito della rivista "Direttore Generale", nostra cliente, compare il seguente banner:
Questo modulo appare durante la lettura di un articolo o dopo aver trovato un certo periodo di tempo sul sito. Lo scopo principale di questo modulo è fornire alle persone contenuti utili quando stanno per lasciare il sito.
Nota che il pop-up sul sito web del Direttore Generale contiene abbastanza informazioni che la sua offerta è allettante. Con insistenza, anche, non esagerare. I visitatori non hanno l'impressione che questo pop-up appartenga a un altro sito o sia pubblicitario, quindi funziona in modo efficace.
7 idee su come personalizzare i pop-up sul tuo sito web
1. Finestra pop-up invece del banner
I webmaster utilizzano spesso i banner, posizionandoli a lato del sito o nella barra laterale. Se clicchi sul banner, si aprirà una pagina specifica. Se contiene un'offerta per iscriversi alla mailing list, è possibile utilizzare i moduli pop-up.
Professionisti:
Il pop-up si aprirà istantaneamente, mentre la pagina di abbonamento impiegherà del tempo a caricarsi. Questo può portare ad un aumento delle conversioni degli iscritti.
C'è un'opportunità per risparmiare spazio. Se il banner è stato sostituito con un modulo di iscrizione, allora puoi limitarti a un solo pulsante, rimuovendo tutti i campi. Facendo clic su di esso, verrà visualizzato il popup.
Svantaggi:
Non sarai in grado di inserire molte informazioni nel pop-up, a differenza della pagina di iscrizione. Inoltre, non sarai in grado di caricare un'immagine o un video.
2. Popup invece di abbonamento
Si tratta di moduli di iscrizione che sono posizionati sia su pagine separate che a lato della pagina principale (nella barra laterale, come nell'esempio). Nei blog, le offerte per l'iscrizione alla newsletter sono anche alla fine dell'articolo. Una buona opzione in questo caso è eliminare tutti i campi, lasciando un pulsante di clic per il clic, che richiamerà il popup. E può già contenere il numero richiesto di campi.
Professionisti:
Aumentare il numero di iscritti. Il motivo è che, cliccando sul pulsante a comparsa, il visitatore è già più propenso a compilare i campi. Se il modulo di iscrizione viene visualizzato immediatamente, di solito viene ignorato.
Uso più economico dello spazio Internet. I campi del modulo di iscrizione possono essere sostituiti con informazioni pubblicitarie. Un'altra opzione è progettare la pagina in uno stile minimalista, rendendola ordinata.
Svantaggi:
Le aspettative degli utenti rimangono ingiustificate. Ad esempio, cliccando sul pulsante "Download", una persona attende l'inizio del download. Dopo questo, l'aspetto di un modulo da compilare può causare emozioni negative. Tuttavia, puoi combinarlo con qualsiasi elemento e successivamente creare pulsanti che ti consentono di scaricare file immediatamente (senza finestre pop-up).
3. Finestra pop-up invece di parole di gratitudine
Questa è una soluzione buona e semplice. Non c'è bisogno di creare pagine, pubblicare parole di gratitudine e collegamenti per scaricare i file di interesse. Invece, dovresti indirizzare la persona alla stessa pagina, cambiando leggermente il suo indirizzo (ad esempio, /? Yhx935 / è stato aggiunto a / page /). Tale componente aggiuntivo darà un comando per aprire un pop-up con gratitudine o link per il download.
Professionisti:
Puoi creare tali pagine in molto meno tempo.
Svantaggi:
Dovrai trovare uno specialista che personalizzerà l'aspetto di una finestra pop-up quando un parametro segreto viene aggiunto all'indirizzo della pagina.
Non tutti i popup supportano i collegamenti ai social media.
4. Finestra pop-up al posto della pagina "Grazie per l'iscrizione"
Questa forma popup è simile alle visualizzazioni precedenti. L'utente che si iscrive alla newsletter viene indirizzato non alla pagina di ringraziamento, ma alla pagina di vendita, dove si apre immediatamente un pop-up. Contiene i link e le parole di gratitudine necessarie per il visitatore. Sotto il pop-up, puoi inserire informazioni su un prodotto a pagamento relativo a un abbonamento registrato e un'offerta per acquistarlo per una promozione.
Professionisti:
Nessuna pagina di ringraziamento necessaria.
Crescita della conversione. Quando la finestra viene chiusa, una persona viene indirizzata a una pagina completamente caricata con un annuncio pubblicitario per un prodotto a pagamento. Se lo progetti in modo attraente, molti chiuderanno la finestra pop-up per vedere l'offerta in modo più dettagliato.
Svantaggi:
La finestra pop-up dovrebbe apparire istantaneamente, altrimenti gli utenti potrebbero sospettare di inganno e mancanza di collegamenti necessari. Di conseguenza, le vendite diminuiranno.
5. Popup segreto
Per gli utenti che viaggiano a lungo sulla tua risorsa Internet, puoi sviluppare un pop-up segreto pubblicando informazioni su offerte molto redditizie. Se lo crei correttamente, solo alcune persone più attive avranno l'opportunità di vedere un tale pop-up. Questo è un bel bonus.
Tale popup potrebbe apparire, ad esempio, dopo 36 minuti di permanenza sulla tua pagina (o più). In alternativa, puoi scoprire da quanto tempo non più dell'1% dei visitatori è stato sul tuo sito e segnare questa volta in un pop-up. Non è necessario offrire una promozione, puoi sondare gli utenti (+ quindi fornire uno sconto) se vuoi raccogliere dati su coloro che visualizzano la tua pagina da molto tempo.
Professionisti:
I più attivi ricevono dei bonus. Se l'offerta è buona, gli utenti saranno contenti. Un tale pop-up per un sito Web è un analogo di un uovo di Pasqua nascosto.
Svantaggi:
Se tutti trovano l'"uovo", subirai delle perdite.
L'aggiunta della personalizzazione all'elenco potrebbe essere strana. Tuttavia, ora non viene utilizzato spesso e insieme ai pop-up funzionerebbe in modo abbastanza efficace. Consiste nel seguente. Se conosci i contatti dell'utente (ad esempio nome, indirizzo e-mail, numero di telefono), allora:
Compila automaticamente i moduli di iscrizione sulla pagina.
Elimina i moduli non necessari. Sono inutili in quanto puoi inviare la tua proposta al visitatore tramite e-mail. I moduli eliminati possono essere sostituiti con pubblicità (invece del modulo a lato della pagina, creare un banner che pubblicizzi un sito di vendita o una promozione).
Professionisti:
Sarai in grado di ottenere una maggiore conversione, poiché i campi verranno compilati automaticamente, devi solo fare clic sul pulsante a comparsa.
Sarai in grado di pubblicare più annunci sul sito.
7. Finestra pop-up all'interno dell'articolo
È possibile non solo creare popup che appaiono da soli, ma anche includere diversi pulsanti nel testo della pagina, facendo clic sui quali verranno visualizzati i popup. Più lungo è l'articolo, più pulsanti puoi posizionare.
Professionisti:
Gli utenti non saranno infastiditi dalla distrazione dei pop-up in quanto possono chiamarla loro stessi quando vogliono.
La capacità di aumentare la conversione. Per fare ciò, è necessario attirare l'interesse dei visitatori sui pulsanti di chiamata pop-up.
Svantaggi:
Gli elementi non necessari compaiono nell'articolo. A tal proposito, si consiglia di associare tali pulsanti alla personalizzazione: la persona che si iscrive non dovrebbe più vederli nel testo.
Come creare un popup da soli
Come creare un pop-up da soli? Per fare ciò, è necessario conoscere il linguaggio HTML almeno a un livello base. In questo caso, puoi facilmente creare una finestra pop-up per il sito.
Per crearlo vengono spesso utilizzate librerie di framework JavaScript (jQuery, MooTools, Prototype, ecc.), ma il profano non ne ha bisogno. Il linguaggio di markup dell'ipertesto HTML e il linguaggio di descrizione del foglio di stile CSS a cascata consentono di progettare buoni popup. Windows scritto in queste lingue non dipenderà da JavaScript nel browser.
Il codice che dà il comando per aprire la finestra pop-up è disposto su due righe. Il primo compito è generare un collegamento, un clic sul quale fa apparire un pop-up:
I valori degli attributi del tag per questo collegamento sono i seguenti. al passaggio del mouse definisce il tipo di cursore del mouse che appare quando si passa con il mouse sul pulsante a comparsa. nclickè necessario per emettere un comando per la comparsa di un blocco nascosto con l'identificatore a comparsa dopo che l'utente fa clic sul pulsante.
La seconda riga è il popup. L'identificatore a comparsa viene utilizzato per indicare il livello. L'attributo style ti permette di impostare i parametri della finestra, font e frame (il loro colore, dimensione, sfondo):
Questo è il testo nel popup
Il popup è invisibile per impostazione predefinita (poiché il selettore di visualizzazione è impostato su nessuno nel testo del codice).
Queste due righe sono sufficienti per creare un popup in html. Dovrai inserirli tra i tag
e il tuo sito e il popup funzionerà.
Affinché il pop-up si chiuda, è necessario inserirlo prima del tag
collegamento che fornisce il comando per nascondere il livello visibile con l'identificatore a comparsa:
Se lo desideri, puoi impostare la finestra in modo che non venga visualizzata quando fai clic su un collegamento, ma solo quando ci passi sopra con il mouse. Per fare ciò, cambia la prima riga:
Esistono più plug-in popup per Wordpress. Come scegliere quello giusto tra una varietà di opzioni? I pop-up possono verificarsi in modo imprevisto o fluido, nella pagina principale del sito o nella pagina interna, immediatamente al passaggio alla pagina o alla sua chiusura. Di seguito sono elencate le migliori opzioni di plug-in:
Plugin popup ITRO
È gratis. È molto comodo da usare, anche la modifica non è difficile. Il plugin offre la possibilità di scaricare immagini, tag per titoli, video da YouTube.
Le impostazioni consentono la personalizzazione. Puoi creare un banner di qualsiasi dimensione, colore. Anche i bordi delle finestre popup sono modificabili. Puoi anche scegliere le pagine in cui verranno visualizzati i popup.
YITH Newsletter Popup
È anche gratuito. Progettato per creare una finestra pop-up nel modulo di iscrizione. Non è difficile installarlo e configurarlo. Devi solo lavorare su due pagine. Da un lato - impostazioni generali, dall'altro - editor di design pop-up.
Le impostazioni generali consentono di scrivere un titolo, inserire un'immagine e informazioni sotto forma di testo. Qui puoi impostare il colore dello sfondo, il testo, selezionare il carattere. Lo svantaggio è l'impossibilità di scegliere la posizione del testo e delle immagini. Tuttavia, il pop-up è piuttosto carino.
WordPress PopUp
Questo plugin ti permette di creare pop-up creativi. I suoi vantaggi includono la facilità di aggiungere moduli e immagini, un'ampia selezione di parametri di aspetto. Puoi impostare il pop-up in modo che venga visualizzato solo davanti agli utenti che non hanno commentato nulla sul sito o che sono arrivati alla pagina da un motore di ricerca. Puoi specificare nelle impostazioni quante volte la finestra pop-up può apparire davanti a ciascun visitatore.
mostro optin
Questo plugin è a pagamento, ma offre ampie opzioni per la modifica dei popup. È supportato automaticamente da GetResponse, MailChimp e altri. Dopo aver scelto un servizio di posta, avviene la configurazione automatica. La versione a pagamento è progettata per condurre test e analizzare i suoi risultati per identificare un'opzione pop-up più efficace. I video possono essere incorporati direttamente nel modulo.
Popup ninja
Anche un plugin a pagamento supportato da molti servizi di posta elettronica. I modelli sono sviluppati a livello professionale, il design del banner può essere realizzato nello stile del sito. È possibile personalizzare l'aspetto di una finestra pop-up su qualsiasi pagina, in qualsiasi categoria. Il pop-up può anche apparire quando il sito è chiuso.
Puoi rendere la pagina privata fino a quando l'utente non la condivide sui social network o si iscrive. È possibile condurre test per migliorare l'efficienza della finestra pop-up.
9 consigli per creare un popup e non esagerare
1. Non essere familiare
In nessun caso dovresti essere scortese, tieni i visitatori per idioti. È anche meglio non approfondire ciò che li spinge. Sotto il divieto, le iscrizioni in pop-up come "No, preferisco non avere follower", poiché possono essere intese come "No, non voglio fare affari con te".
2. Non compensare la qualità con la quantità.
Il desiderio di raggiungere il 400% non deve portare ad un aumento del numero di finestre pop-up a scapito della loro qualità. Per scegliere l'opzione più efficace, esegui dei test. Non inserire pop-up in ogni pagina del tuo sito.
3. Non apparire nel posto sbagliato al momento sbagliato
Un pop-up durante il caricamento della pagina comporterà una perdita di visitatori. Se il pop-up è grande e difficile da chiudere, è più probabile che si perdano contatti.
L'opzione migliore è quella di apparire poco prima che l'utente chiuda la pagina. Puoi configurarlo in questo modo analizzando da quanto tempo i visitatori sono stati sul tuo sito. Puoi anche correggere il modo in cui il cursore si sposta dal blocco di contenuto ai blocchi che cadono sul percorso verso il pulsante per chiudere la pagina.
4. Personalizza i tuoi pop-up
Al giorno d'oggi, quando si organizzano le vendite elettroniche, è di moda fare la personalizzazione. Si ritiene che sia più piacevole per una persona effettuare acquisti nei negozi in cui le merci gli vengono offerte personalmente. Nessuno vuole essere un utente senza volto.
Se possibile, personalizza i tuoi pop-up. Se sei il proprietario di un negozio online, attendi fino a quando il cliente non indica ciò a cui è interessato, quindi formula un'offerta in conformità con questo.
5. Non nascondere la croce per chiudere la finestra
Se è difficile chiudere il pop-up, l'utente potrebbe sviluppare un atteggiamento negativo nei confronti del tuo sito. Pertanto, la loro probabilità di effettuare un acquisto (o abbonarsi, ecc.) sarà ridotta.
6. Non essere eccessivamente fastidioso il più possibile.
Gli eventi imprevisti non sempre rendono felice una persona, soprattutto se ostacolano il suo obiettivo. Se viene visualizzato un pop-up durante la lettura di un articolo interessante o la scelta di un prodotto e si offre l'iscrizione a una newsletter settimanale, non ci sarà alcuna interazione produttiva.
7. Sii specifico
La particolarità della finestra pop-up è la necessità di attirare rapidamente l'attenzione del visitatore. Per fare ciò, devi formulare chiaramente le tue proposte, quindi i potenziali clienti lo capiranno.
8. Sii conciso
Non solo le informazioni testuali dovrebbero essere laconiche, ma anche il design della finestra pop-up. È meglio scegliere un design semplice, i colori sono calmi e gli elementi funzionali sono familiari alla maggior parte degli utenti. La suddivisione della finestra pop-up in zone è efficace, rendendo chiara la struttura della tua proposta a un livello intuitivo.
9. Valuta i pro e i contro
Crea finestre popup solo quando non sono disponibili altre opzioni.
9 motivi per cui il tuo pop-up non funziona
Il tuo pop-up non è mobile
Circa 1/3 degli utenti utilizza lo smartphone per navigare nei siti. Tuttavia, nella maggior parte dei casi, i popup sul telefono non vengono visualizzati correttamente. L'immagine della finestra pop-up sul telefono appare sfocata, non è possibile chiuderla o vederla completamente. Questo è il motivo della perdita di reddito. Assicurati di controllare la funzionalità delle finestre pop-up. In caso di problemi, il sito dovrebbe essere adattato per gli smartphone.
Non hai valutato il lavoro del plugin
La reattività del tuo sito diminuisce con ogni plug-in. Se la pagina è lenta, c'è meno traffico, rispettivamente, meno vendite. Puoi controllare la velocità di caricamento su Sitespeed.ru o PageSpeed Insights. Oltre al risultato, ti verranno forniti consigli per migliorare la velocità del sito:
Ma non è tutto.
Se c'è un conflitto tra i plug-in pop-up del tuo sito, questo può farli sembrare brutti. Prima di consentire la visualizzazione dei popup ai visitatori, devi assicurarti che sembrino normali su tutti i dispositivi.
Hai un design pop-up scadente
Mostri il pop-up ai tuoi potenziali clienti. Affinché possano formare un'opinione sui prodotti del tuo marchio come pratici, di alta qualità, con un buon design, devi lavorare sul design di finestre pop-up, assicurarti che siano convenienti per i visitatori. Crea un pop-up nello stile della tua pagina, usa bei caratteri, carica immagini.
Non hai inventato, ma hai copiato il testo per la finestra pop-up
Un uomo d'affari deve essere originale per distinguersi dai suoi concorrenti. Allora il successo è assicurato. Se la tua strategia è copiare gli altri, non sarai in grado di uscirne vincitore. Gli utenti saranno gli ultimi a visitare il tuo sito. Devi mostrare al tuo pubblico che sei un leader. Considera questo quando crei pop-up.
Hai contenuti irrilevanti
Ad esempio, un utente ha inviato un articolo al carrello, non è rimasto molto prima che l'acquisto sia completato e per qualche motivo chiude la scheda ... Allo stesso tempo, si apre una finestra pop-up che offre il libro in forma elettronica. Ritieni che questa decisione sia corretta?
Un altro esempio. Una persona legge il tuo blog senza acquistare nulla. Puoi offrirgli uno sconto sul prodotto, secondo te?
La stessa offerta agli utenti in fasi diverse del processo di acquisto non sarà ugualmente efficace. Chi è in procinto di scegliere, aggiungendo un articolo al carrello troverà uno sconto o la spedizione gratuita al momento giusto. E per coloro che sono nuovi sulla tua pagina, puoi offrire una versione di prova del prodotto.
Vale la pena ricordare che deve esserci una corrispondenza tra il contenuto dei pop-up e il contenuto della pagina. Ad esempio, nel catalogo dell'abbigliamento femminile non dovrebbero essere consentite finestre pop-up con pubblicità di cravatte.
Stai chiedendo troppe informazioni
Quello che fai dipende da quali informazioni vuoi ricevere sui tuoi clienti per poter collaborare con loro in futuro. Di solito le persone sono più disposte a compilare moduli se non ce ne sono molti.
Tuttavia, se una persona fornisce informazioni aggiuntive (sesso, età, nome, indirizzo, ecc.), allora la personalizzazione delle proposte sarà più profonda.
In caso di creazione di una finestra pop-up in un unico passaggio, è meglio richiedere solo l'e-mail.
Se la finestra è a più passaggi, è possibile richiedere altri dati. Se i visitatori sono interessati al primo popup, di solito sono pronti a fornire informazioni più dettagliate su se stessi nel secondo popup. Tuttavia, non dovrebbe contenere più di quattro campi.
Non hai fatto i test A/B
I professionisti del marketing sanno che un efficace test A/B può aumentare i margini di profitto con il traffico esistente.
Prima del test diviso, è necessario:
determinare quali trigger hanno l'impatto principale sugli utenti;
misurare il punto A prima di impostare il punto B;
controlla tutto da solo, non fidandoti delle statistiche generali;
aumentare il numero di visite necessarie per il test (almeno 1500 per ogni finestra);
determinare gli indicatori da misurare.
Dovrebbero esserci diversi test. Dopo aver confrontato il design dei pop-up, identifica quelli più efficaci. Anche piccoli cambiamenti possono raddoppiare le conversioni.
Se hai escluso l'influenza dei motivi di cui sopra, devi scavare più a fondo - per controllare il sito. E per questo è meglio rivolgersi ai professionisti! Specialisti Agenzia Internet "Generatore di vendite" in breve tempo condurranno per te un'analisi completa degli errori di ottimizzazione interna ed esterna della risorsa, oltre a fornire oltre 47 consigli per aumentare il traffico e le vendite dal tuo sito.
I pop-up esterni con annunci pubblicitari sono idee terribili! Tutti i webmaster sani di mente non ti consiglierebbero mai di usarli sul tuo sito. Ma, quando si tratta di finestre popup interne, questo è un elemento utile che fornisce informazioni aggiuntive, avverte, previene, dà l'opportunità di scegliere e molto altro.
Cosa creeremo?
In questo tutorial creeremo una finestra popup jquery semplice e bella. Sarà simile a quello utilizzato su Twitter. Naturalmente, sarai in grado di dare lo stile a tuo piacimento.
Che funzionalità avrà la finestra?
Vogliamo che sia centrato sulla pagina del sito quando viene visualizzato.
Dovrebbe esserci un pulsante "chiudi" o qualcosa di simile.
Quando clicchiamo all'esterno del blocco, la finestra popup si chiuderà automaticamente.
Quando viene visualizzata la finestra, la pagina deve essere ombreggiata per consentire all'utente di concentrarsi.
Iniziamo lo sviluppo
Per implementare la finestra popup, utilizzeremo CSS e alcune righe di codice jQuery e, naturalmente, HTML. Nota che per implementare la nostra idea, non hai bisogno di plugin o strumenti aggiuntivi, tutto è molto semplice e affidabile!
Cliccami
X
Qualche titolo va qui:
Qualche contenuto in più, per quando vuoi aggiungere un po' di più
Definiremo alcuni altri stili CSS nel codice JavaScript. Questi stili sono computazionalmente intensivi, quindi jQuery è il modo migliore per farlo. Passiamo al codice javascript.
Codice popup della finestra jQuery
Innanzitutto, includi il file della libreria jQuery. Successivamente, inizializziamo jQuery e aggiungiamo il div #blackout al corpo del documento. Definiamo anche la larghezza della finestra popup.
Successivamente, creiamo una funzione che centra la finestra. In precedenza abbiamo impostato il posizionamento assoluto in CSS, non possiamo usare margin: 0px auto; dobbiamo determinare la larghezza dello schermo, sottrarre la larghezza della finestra popup da questo e dividere tutto questo per 2. L'altezza sarà la posizione corrente dello scorrimento, più da qualche parte circa 150 px.
In precedenza abbiamo creato un div #blackout per coprire il contenuto della pagina con un'ombra. Ora dobbiamo assicurarci che questa scatola abbia la stessa larghezza e altezza del monitor. Anche questo viene calcolato in questa funzione.
function centerBox() (/ * definisce i dati richiesti * / var winWidth = $ (window) .width (); var winHeight = $ (document) .height (); var scrollPos = $ (window) .scrollTop (); / * Calcola la posizione * / var disWidth = (winWidth - boxWidth) / 2 var disHeight = scrollPos + 150; / * Aggiungi stili ai blocchi * / $ (". Popup-box"). Css (("width": boxWidth + "px" , "left": disWidth + "px", "top": disHeight + "px")); $ ("# blackout"). css (("width": winWidth + "px", "height ": winHeight + "px") ); return false;)
Questa funzione deve essere eseguita 3 volte. Quando l'utente utilizza lo scrolling, quando l'utente ridimensiona la finestra, anche inizialmente quando la pagina viene caricata.
Infine, dobbiamo impostare gli eventi di clic. Quando l'utente fa clic su un'area esterna alla finestra, questa dovrebbe chiudersi. Quando l'utente ha cliccato sulla "X", anche la finestra dovrebbe scomparire. In caso di clic all'interno della finestra popup, non dovrebbe succedere nulla. Aggiunti commenti al codice per facilitarne la comprensione.
$ (""). click (function (e) (/ * Impedisci azioni predefinite * / e.preventDefault (); e.stopPropagation (); / * Ottieni id (ultimo numero nel nome della classe di collegamento) * / var name = $ (this) .attr ("class"); var id = name; var scrollPos = $ (window) .scrollTop (); / * Visualizzazione corretta della finestra popup, coprendo con ombra, impedendo lo scorrimento * / $ ("# popup- box - "+ id) .show (); $ (" # blackout "). show (); $ (" html, body "). css (" overflow "," nascosto "); / * Rimuovi il bug in Firefox * / $ ("html"). scrollTop (scrollPos);)); $ (""). click (function (e) (/ * Impedisci al collegamento di funzionare se è il nostro popup * / e.stopPropagation ();)); $ ("html"). click (function () (var scrollPos = $ (window) .scrollTop (); / * Nasconde la finestra quando si fa clic al di fuori della sua area * / $ (""). hide (); $ (" #blackout "). hide (); $ (" html, body "). css (" overflow "," auto "); $ (" html "). scrollTop (scrollPos);)); $ (". close"). click (function () (var scrollPos = $ (window) .scrollTop (); / * Nasconde l'ombra e la finestra quando l'utente fa clic su X * / $ (""). hide () ; $ ("# blackout"). hide (); $ ("html, body"). css ("overflow", "auto"); $ ("html"). scrollTop (scrollPos);)); ));
Su questo, creazionefinestre popup attivejQuery è completo! Non abbiamo bisogno di scaricare plugin e scrivere funzioni complesse, solo poche righe di codice. Puoi scaricare i sorgenti e vedere come funziona localmente sul tuo computer.
Un PopUP è un annuncio popup progettato per indirizzare il traffico web o raccogliere indirizzi e-mail. Tali elementi sono spesso forme di pubblicità online su WorldWideWeb. In genere, si tratta di nuove finestre che si aprono in un browser Web per visualizzare annunci. Di solito sono generati da JavaScript utilizzando lo scripting cross-site (XSS), a volte con un payload secondario e utilizzando Adobe Flash.
I gusti PopUP sono annunci popup che si aprono in una nuova finestra del browser nascosta nella finestra attiva.
Storia di origine
I primi annunci pop-up sono apparsi su Tripod.com alla fine degli anni '90. Ethan Zuckerman afferma di aver scritto il codice per pubblicare annunci in finestre separate in risposta ai reclami sui banner pubblicitari. Successivamente, lo sviluppatore si è più volte scusato per l'inconveniente che la sua invenzione ha iniziato a causare.
Opera è stato il primo grande browser a includere strumenti di blocco dei popup. Il browser Mozilla in seguito ha migliorato questi sviluppi bloccando il PopUP generato al caricamento della pagina. All'inizio degli anni 2000, tutti i principali browser Web, ad eccezione di Internet Explorer, consentivano all'utente di rimuovere quasi completamente gli annunci pop-up indesiderati. Nel 2004, Microsoft ha rilasciato Windows XP SP2, che ha aggiunto il blocco anche a questo browser.
La maggior parte dei browser moderni è dotata di strumenti di protezione pop-up. Gli strumenti di terze parti di solito includono altre funzionalità, come il filtro degli annunci.
Finestre popup
Alcuni tipi di contenuti scaricabili (immagini, musica gratuita e altri) possono causare pop-up. Inoltre, a volte sembrano normali pagine web e il nome del sito apparirà nella barra di ricerca. Molte risorse utilizzano i popup per visualizzare le informazioni senza interrompere la pagina attualmente aperta. Ad esempio, se hai compilato un modulo su una pagina web e hai avuto bisogno di ulteriore guida, il PopUP ti darebbe informazioni aggiuntive senza farti perdere i dati già inseriti nel modulo. La maggior parte dei blocchi popup consente questo download.
Tieni presente, tuttavia, che alcuni programmi di installazione Web, come quelli utilizzati da McAfee, utilizzano una finestra pop-up per installare il software. Su molti browser Internet, premendo il tasto Ctrl mentre si fa clic su un collegamento si ignorerà il filtro.
In questo caso, cliccare (anche accidentalmente) su una finestra pop-up può portare all'apertura di altre.
Ignora il blocco popup
La combinazione popup dell'annuncio banner è un "annuncio al passaggio del mouse" che utilizza DHTML per visualizzare sullo schermo il contenuto della pagina. Utilizzando JavaScript, un annuncio può essere sovrapposto a una pagina Web in un livello trasparente. Questo annuncio può essere visualizzato in quasi tutti i casi quando l'inserzionista lo desidera. Tale script della finestra PopUP non può essere notato in anticipo. Ad esempio, un annuncio potrebbe contenere un'animazione Adobe Flash associata al sito dell'inserzionista. Può anche sembrare una normale finestra. Poiché gli annunci fanno parte di una pagina Web, non possono essere bloccati da un blocco, ma è possibile impedirne l'apertura utilizzando applicazioni di terze parti (come AdBlock e AdblockPlus) o utilizzando fogli di stile personalizzati.
popUNDER
Tale dichiarazione è simile a una normale finestra PopUP, ma appare nascosta dietro la finestra principale del browser, invece di apparire davanti ad essa. Quando gli annunci pop-up si sono diffusi e hanno occupato l'intero schermo del computer, molti utenti hanno imparato a chiuderli immediatamente senza guardare. Pertanto, sono comparsi i PopUNDER, che non impediscono all'utente di visualizzare il contenuto del sito. Tendono a passare inosservati fino a quando la finestra principale del browser non viene chiusa o ridotta a icona. La ricerca ha dimostrato che gli utenti rispondono meglio a questi annunci rispetto agli annunci pop-up perché non sembrano così invadenti.
Tecnologia pubblicitaria popolare
L'annuncio utilizza due funzioni JavaScript molto semplici introdotte nel 1997 utilizzando il browser Netscape 2.0B3. Questa metodologia è ampiamente utilizzata su Internet. I moderni editori web e inserzionisti lo utilizzano per creare una finestra davanti al contenuto della pagina, caricare l'annuncio e quindi inviarlo fuori dallo schermo.
La maggior parte dei browser moderni consente l'apertura del PopUP solo se è in corso un'interazione dell'utente (come un clic del mouse). Eventuali chiamate non interattive (richiamata timer, eventi di caricamento, ecc.) bloccheranno la nuova finestra. Per aggirare questa limitazione, la maggior parte degli annunci popup viene attivata con un listener di eventi del mouse collegato direttamente al documento o al corpo del documento. Ciò consente di acquisire eventuali occorrenze di clic del mouse sulla pagina che non sono state utilizzate da altri gestori di eventi. Ad esempio, quando l'utente seleziona del testo, il clic del mouse viene notato da un ascoltatore allegato al documento. Ciò si traduce in un popup che utilizza il codice sopra.
Generatore di finestre PopUP complicato
Gli utenti di vari siti Web e applicazioni Web sono costantemente confrontati a pop-up indesiderati quando utilizzano il proprio browser. In genere, tale finestra PopUP viene rimossa utilizzando la funzione "chiudi" o "annulla". Poiché questa è una tipica risposta dell'utente, gli sviluppatori hanno iniziato ad applicare alcuni trucchi. Pertanto, durante lo sviluppo di messaggi pubblicitari, vengono creati pulsanti o controlli sullo schermo simili all'opzione "chiudi" o "annulla". Tuttavia, quando l'utente seleziona una di queste opzioni, il pulsante esegue un'azione imprevista o non autorizzata (ad esempio, l'apertura di una nuova finestra popup o il download di un file indesiderato nel sistema dell'utente).
Poiché le tecnologie di web design consentono agli autori di utilizzare qualsiasi tipo di "falso", alcuni utenti si rifiutano di fare clic o interagire con qualsiasi elemento all'interno del popup.
Reindirizzamento URL
A volte, gli URL vengono reindirizzati a pagine pubblicitarie utilizzando la funzione di reindirizzamento URL in background. A volte si aprono in una nuova scheda e quindi il contenuto della vecchia scheda in background viene sostituito con pagine di annunci utilizzando un reindirizzamento. AdblockPlus, uBlock o NoScript non possono bloccare questi reindirizzamenti pop-up. Questa funzione è sempre più utilizzata dai distributori di annunci che cercano un modo per rendere più attiva la finestra PopUP.
Come sbarazzarsi dei pop-up
Come rimuovere gli annunci nel browser? Controlla prima gli aggiornamenti. Mantenere aggiornato il browser contribuirà notevolmente a combattere i pop-up. La maggior parte dei browser è impostata per l'aggiornamento automatico, ma può essere disattivata. Questo processo richiede solitamente solo pochi minuti.
Firefox: fare clic sul pulsante con il nome dell'applicazione nell'angolo in alto a sinistra. Passa il mouse su Aiuto e seleziona Informazioni su Firefox. Si aprirà una finestra con le informazioni sulla versione del browser. Se il tuo browser non viene scaricato e installato automaticamente.
Chrome: fai clic sul pulsante del menu nell'angolo in alto a destra. Seleziona "Informazioni su Chrome" in basso, si aprirà una nuova scheda e il browser controllerà gli aggiornamenti. Se lo sono, verranno installati automaticamente.
Internet Explorer: il metodo di aggiornamento dipende dalla versione del browser in uso. Per le opzioni precedenti, dovrai accedere a Windows Update. Per Internet Explorer 10 e 11, puoi attivare gli aggiornamenti automatici facendo clic sull'icona a forma di ingranaggio e selezionando Informazioni su Internet Explorer.
Se gli aggiornamenti non aiutano
A volte il PopUP di un sito e di un software simile è troppo integrato per essere disinstallato da un aggiornamento. In tali casi, reinstallare o modificare il browser Web può aiutare a risolvere il problema.
Per prima cosa scarica l'ultima versione del browser che desideri utilizzare. Puoi trovare i link per il download nella home page di ogni applicazione.
26/09/14 23K
Per molti utenti di Internet, il termine "pop-up" ha connotazioni negative. Un'immagine "galleggia" immediatamente davanti ai miei occhi di come, quando si cerca di visualizzare le informazioni necessarie sul sito, questo rettile chiude il pezzo di testo necessario. Peggio ancora, se provi a chiuderlo, l'utente viene spesso scaraventato su un'altra risorsa.
I tuoi pop-up sono così inquietanti?
Nonostante questa notorietà, i pop-up possono essere fastidiosi oltre che gratificanti. Inizialmente, sono solo una sorta di finestre di dialogo utilizzate nella programmazione come elementi dell'interfaccia utente.
Servono per informare e come mezzo di dialogo tra l'utente e il programma (applicazione web). Ma, sfortunatamente, un atteggiamento così negativo di molti utenti nei confronti delle finestre pop-up è ampiamente giustificato, perché sul web vengono utilizzate principalmente per scopi pubblicitari.
Apertura in primo piano (pop-up) - fluttua sopra quella principale;
Apertura in background (pop-under) - si apre dietro la finestra principale.
Questi ultimi sono i più insidiosi. Diventano attivi e visibili all'utente solo dopo la chiusura di quello principale. Pertanto, non sarà possibile determinarne l'origine e bloccarli in tempo.
Mezzi di lotta
A causa dell'uso onnipresente di annunci pop-up per annunci indesiderati su Internet, molti sviluppatori di software hanno iniziato a creare strumenti anti-spam nei loro prodotti.
Il programma principale per l'utilizzo di Internet è il browser. Pertanto, il metodo principale per bloccare l'azione delle finestre pubblicitarie è implementato nel browser:
Internet Explorer - è diventato l'ultimo di tutti i prodotti software in cui è stata implementata la capacità di bloccare gli annunci pop-up. Questo è stato fatto solo nel 2004;
Opera - Questo prodotto è diventato il primo browser al mondo con un blocco pop-up integrato. Le finestre pop-up in Opera possono essere bloccate dal 2000;
Mozilla Firefox - Questo browser migliora l'approccio di Opera alla lotta alla pubblicità. Al contrario, non tutti gli annunci pop-up sono bloccati in Mozilla, ma solo quelli che vengono caricati all'apertura della finestra principale.
Nei browser moderni, il sistema di blocco dei popup è configurato tramite l'interfaccia utente. In Chrome, come nella maggior parte degli altri browser, la possibilità di abilitare o disabilitare il blocco, nonché la compilazione di un elenco di eccezioni ( siti attendibili):
Creazione di pop-up con javascript
Esistono diverse tecnologie utilizzate nella programmazione web per creare pop-up. Lo strumento principale per crearli è ancora javascript. La sua funzionalità ha diversi tipi di finestre di dialogo, la cui azione è simile all'azione delle finestre pop-up:
Il metodo alert() - visualizza un messaggio di testo normale sullo schermo. Per nascondere la finestra di dialogo dopo la lettura, è necessario fare clic sul pulsante "Ok" nella parte inferiore della finestra;
Il metodo confirm() è simile al metodo precedente. Ma la finestra di dialogo da esso visualizzata, oltre a "Ok", è dotata anche di un pulsante "Annulla". Con il loro aiuto, l'utente può accettare o rifiutare le condizioni specificate nella finestra;
Il metodo prompt() viene utilizzato per richiamare un altro tipo di finestra popup javascript. A differenza di quelle sopra menzionate, questa finestra è dotata anche di un campo di testo. L'utente può inserire in esso dati di testo, che possono essere assegnati al valore della variabile desiderata.
L'azione di tutti e tre i metodi e i tipi di dialogo che chiamano sono mostrati nell'immagine:
Ma queste sono solo varietà di dialoghi. Per creare una vera finestra popup in javascript, utilizzare il metodo open() dell'oggetto finestra.
Ecco la sintassi completa per il metodo:
vittoria = finestra. open (url, nome, parametri), dove:
url è l'indirizzo della pagina che si aprirà in una nuova finestra;
Nome - il nome della finestra creata. Può essere utilizzato per ulteriori elaborazioni nei moduli (parametro di destinazione);
Params è una stringa di parametri per la nuova finestra. Puoi scoprire tu stesso il loro elenco completo dalla documentazione di javascript.
L'immagine seguente mostra il metodo in azione e mostra uno script popup semplificato:
Viene creata la funzione f1, nel cui corpo viene implementata la chiamata al metodo window. aprire (). Quindi questo metodo viene chiamato con un parametro che indica l'indirizzo della pagina che si aprirà nella finestra creata. Viene quindi chiamato il metodo setTimeout(). Come parametri viene passata la funzione f1 e l'intervallo di tempo dopo il quale si aprirà una nuova finestra.
Creazione di un popup con CSS
È anche possibile creare un popup in CSS. Questa funzionalità è stata realizzata solo con il rilascio della terza versione di questa tecnologia. Non dovresti abusare di questa opzione, perché funzionerà solo nelle versioni più recenti dei browser:
Come puoi vedere dalla figura, tale finestra modale è stata creata utilizzando CSS e html. A differenza di quelli creati con js, questo popup non può essere spostato nella pagina. Inoltre, il suo codice è troppo ingombrante per essere descritto sulla scala di questo articolo. Ma d'altra parte, tale finestra non sarà bloccata dal browser.
Panoramica di altre tecnologie
Non devi progettare tu stesso il popup. Ora ci sono molti plugin jquery gratuiti creati per questo. Collegando uno di essi, riceverai una finestra già pronta.
Ci sono anche molti plugin per i popolari CMS. Possono includere un intero set di finestre. Il design e la funzionalità di ciascuno di essi è "affilato" per l'esecuzione di un compito specifico ( registrazione, invio di un messaggio e altro).
Ci sono anche diversi script popolari. Di seguito verrà fornito un esempio di uno di essi. I pop-up in contatto e altri social network popolari funzionano secondo questo principio:
Come creare un popup in Jquery
Esempio di popup Mostra popup
Congratulazioni, hai creato un popup!!! Nascondi popup
Il codice è riportato nella variante "per i più pigri". Inserendolo in qualsiasi editor ed eseguendolo per l'esecuzione, otterrai un esempio già pronto di una finestra pop-up basata su jquery.
Oggi parleremo di come creare la tua finestra popup per il tuo sito. Ora questo metodo è molto popolare, ma la maggior parte delle soluzioni per la sua implementazione sono a pagamento. Un esempio di finestra non molto carina (ma questo è solo un esempio) all'interno di un post...
In questo post, impareremo come creare una tale finestra popup. Semplice, veloce, efficace e soprattutto gratuito!
Qualsiasi finestra popup consiste essenzialmente di due parti. Il primo è scurire lo sfondo generale. Il secondo è la finestra stessa. La finestra, a sua volta, è solitamente suddivisa in un titolo, un testo e un modulo di iscrizione. Prepariamo la base per la nostra finestra, data la struttura specificata.
Abbiamo: fs_popup_bg- Oscuramento del sito; fs_popup- La finestra stessa; fs_popup_head- Titolo della finestra; fs_content- Il contenuto della finestra, diviso in due parti;
Ora scriviamo gli stili necessari ...
Diamo una rapida occhiata agli stili della nostra finestra popup. #fs_popup_bg- indica che il nostro sfondo sarà nero e quasi opaco (0.9), si troverà nell'angolo in alto a sinistra e occuperà l'intera area dello schermo. In questo caso la profondità dell'elemento, o meglio il suo innalzamento al di sopra di altri elementi, sarà molto grande (ovviamente più di altri). #fs_popup- indica che la finestra sarà un livello sopra lo sfondo (altrimenti non l'avremmo vista). Sarà 600px per 300px con angoli arrotondati e un bordo rosso. .fs_content_left, .fs_content_right- ci dice che i blocchi sono premuti a sinistra (è necessario posizionarli sullo stesso livello), hanno i rientri e il carattere Arial.
In questo post, impareremo come creare una tale finestra popup. Semplice, veloce, efficace e soprattutto gratuito!
Affrettati ad inserire la tua E-Mail e ottieni un sacco di informazioni utili!*
La tua email:
* - Questo campo non è attivo. Cliccando sul pulsante "Iscriviti" acconsenti all'utilizzo del tuo indirizzo per l'invio di massa di materiale pubblicitario. E inoltre lascerai in eredità la tua auto, l'appartamento e il 10% delle tue entrate all'autore del sito.
E aggiungiamo i nostri stili per un display più bello:
Questo è tutto, in linea di principio. Come puoi vedere dall'esempio JavaScript per una finestra popup è essenzialmente necessario in due casi: 1) L'evento di chiusura della nostra finestra; 2) Evento cliccando sul pulsante "Iscriviti"; Inoltre, non fa male controllare se questa finestra è stata mostrata su questo computer. Per questi scopi, lavorare con i cookie è abbastanza adatto.
