EverWeb ti offre diversi modi per mostrare qualcosa quando un visitatore fa clic:
| Vuoi | Usa |
|---|---|
| Un riquadro creato da te, come un'offerta, un modulo di iscrizione, del testo in più o un video, che si apra quando qualcuno fa clic su un pulsante | Una Popup Window (finestra popup) aperta da una On Click Action (azione al clic) |
| Un riquadro che si apra da solo, dopo qualche secondo o quando qualcuno scorre la pagina | Una Popup Window con un Trigger popup |
| Una foto che si apra in grande quando ci si fa clic | Il widget Galleria di immagini reattive o Galleria immagini |
| Un'altra pagina, un PDF o un video da aprire in una finestra sopra la tua pagina | Un link con Comportamento impostato su Apri in finestra Popup |
Le finestre popup e le azioni al clic richiedono EverWeb 4.5 o versioni successive.
Aprire una finestra popup quando qualcuno fa clic su un pulsante
- Apri la pagina. Per avere il popup su ogni pagina, apri invece la tua pagina Mastro.
- Fai clic su Popup Window nella barra degli strumenti (oppure scegli Inserisci > Popup Window > New Popup Window, cioè nuova finestra popup).
- Aggiungi i contenuti: fai clic sul pulsante + nel popup, oppure trascinaci dentro testo, immagini e widget. Una finestra popup funziona come un Contenitore.
- Dagli un nome: fai clic sull'ingranaggio nella barra degli strumenti del popup, scegli Nome…, scrivi un nome e premi Invio. Il nome ti servirà al passaggio 9.
- Vai in Ispettore > Impostazioni widget e imposta Trigger popup su Manual (manuale).
- Fai clic sulla pagina fuori dal popup per finire di modificarlo.
- Seleziona il pulsante, il testo o l'immagine su cui faranno clic i visitatori.
- Vai alla scheda Collegamenti ipertestuali dell'Ispettore (la quinta icona) e apri On Click Actions facendo clic sul piccolo triangolo.
- Imposta Action (azione) su Mostrare (Show) ed Element (elemento) sul nome del tuo popup, poi fai clic su Aggiungi.
- Fai clic su Anteprima e provalo.
Ogni popup ha un pulsante di chiusura (una X in un cerchio) nell'angolo in alto a destra. I visitatori possono anche fare clic fuori dal popup per chiuderlo, se è spuntato Chiudi facendo clic fuori dal popup. Vuoi che un solo pulsante lo apra e lo chiuda? Usa Alterna (Toggle) invece di Mostrare.
Per modificare di nuovo il popup, scegli Inserisci > Popup Window e selezionalo, oppure fai clic con il tasto destro su una parte vuota della pagina e scegli Popup Windows (finestre popup).
Un popup che si apre da solo
Seleziona il popup e scegli un Trigger popup in Ispettore > Impostazioni widget:
| Trigger popup | Quando si apre |
|---|---|
| Immediate (immediato) | Appena si apre la pagina |
| Ritardo | Dopo il tempo indicato in Trigger ritardato, in millesimi di secondo (3000 corrisponde a 3 secondi) |
| Scroll (scorrimento) | Quando il visitatore scorre verso il basso della quantità indicata in Trigger di scorrimento, in pixel |
| On Page Exit Intent (intenzione di uscita dalla pagina) | Quando sembra che il visitatore stia per lasciare la pagina |
| Manual | Solo quando qualcuno fa clic su qualcosa con un'azione Mostrare o Alterna |
Nello stesso punto, Posizione stabilisce dove compare, ad esempio Centra (al centro) o Bottom Right (in basso a destra), e Colore di sovrapposizione sfondo imposta l'ombreggiatura dietro il popup. In Impostazioni cookie, scrivi un Nome cookie e una Scadenza cookie (giorni), così un visitatore che chiude il popup non lo rivede per quel numero di giorni. Senza un nome cookie, il popup si apre a ogni visita.
Usali con moderazione: un popup in una pagina Mastro si apre su ogni pagina che la usa. Sul telefono, un popup si restringe per adattarsi allo schermo.
Ingrandire una foto quando ci si fa clic
I widget galleria aprono una foto in grande sopra la tua pagina (un "lightbox"), con le frecce per passare da una foto all'altra:
- Pagine Responsive: trascina il widget Galleria di immagini reattive (Responsive Image Gallery) dalla scheda Widget e aggiungi le foto. Fare clic per aprire la presentazione è attivo di partenza. Puoi cambiare lo sfondo dietro la foto grande con Colore di sfondo (lo sfondo della presentazione), ad esempio in bianco.
- Pagine con Layout centrato: usa il widget Galleria immagini. Facendo clic su una miniatura si apre la foto grande, con i pulsanti di zoom e schermo intero che puoi attivare o disattivare nelle sue Impostazioni widget.
Per una singola foto, mettila da sola in una galleria, oppure crea una finestra popup Manual con la foto grande e assegna alla foto piccola un'azione Mostrare.
I widget Cursore dell'immagine (Image Slider) e Carosello fanno scorrere le foto direttamente sulla pagina. Vedi Aggiungi una presentazione di diapositive al tuo sito web: Image Slider, Carosello, Riempimento presentazione di diapositive o una galleria.
Aprire una pagina, un PDF o un video in un popup
- Seleziona il pulsante, il testo o l'immagine.
- Vai alla scheda Collegamenti ipertestuali e spunta Attiva come collegamento ipertestuale.
- In Link a, scegli Una delle mie pagine, Una pagina esterna o Un file, e seleziona cosa aprire.
- Imposta Comportamento su Apri in finestra Popup.
Se crei pagine che servono solo per essere aperte in un popup, togli la spunta da Includi pagina nel menu di navigazione in Ispettore > Impostazioni pagina, così non compaiono nel menu. Per saperne di più sui link, vedi Come inserire un link a un'altra pagina, a un sito web, a un indirizzo email, a un numero di telefono, a un PDF o a una sezione di una pagina.
Testo "Leggi tutto"
EverWeb 4.5 non ha un controllo "Leggi tutto" che espande il testo sulla pagina, né un'impostazione per tenere nascosto un oggetto quando la pagina si apre. Puoi ottenere un risultato simile in altri modi:
- Metti una breve introduzione sulla pagina, aggiungi un pulsante Leggi tutto e metti il testo completo in una finestra popup Manual aperta dal pulsante.
- Collega il pulsante a una pagina separata con il testo completo.
- In un blog, la pagina principale mostra l'inizio di ogni articolo e il titolo dell'articolo apre l'articolo completo.
Articoli correlati
- Aggiungi una presentazione di diapositive al tuo sito web: Image Slider, Carosello, Riempimento presentazione di diapositive o una galleria
- Come inserire un link a un'altra pagina, a un sito web, a un indirizzo email, a un numero di telefono, a un PDF o a una sezione di una pagina
- Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato
- Metti la stessa intestazione, lo stesso menu e lo stesso piè di pagina su ogni pagina con una pagina Mastro