N.B.: C’è una nuova versione disponibile per questo template , si chiama “Next on Exit” , di cui potete trovare la guida qui.

Grazie al pop-up on exit si può intervenire prima che l’utente abbandoni il sito. Esso appare nel momento in cui l’utente sta per uscire dalla finestra di navigazione.

Passiamo alla parte pratica, ovvero come configurare un pop-Up on exit.

Dal menù di sinistra andare su Website -> Behavioral Messages.

Dal pannello di controllo cliccare sul pulsante in alto “Nuovo Behavioral Message” in alto a destra.

Si accede così alla finestra per la configurazione (per approfondire gli step leggi il seguente articolo “Come configurare un behavioural message”), dalla quale è possibile proseguire nel settaggio sino  alla scelta del Template.

Si può controllare  lo stato di avanzamento della configurazione attraverso la barra del wizard posta in alto nella pagina.
A questo punto è possibile cliccare sul pulsante “Seleziona” corrispondente al template On Exit Message e proseguire col la Personalizzazione cliccando sul pulsante “Avanti” in basso a destra nella pagina.

Prima di creare il layout della recommendation è necessario inserire nella barra apposita la URL completa del sito per visualizzare l’anteprima e cliccare sul’icona freccia .

Se la URL inserita sarà corretta il sito verrà caricato in preview. A questo punto sarà necessario selezionare dove inserire la nostra REC cliccando sull’icona seleziona elemento . Comparirà la possibilità di scelta tra selezione automatica e configurazione manuale.

Con la selezione automatica ci potremmo muovere sullo schermo e vedremo evidenziare l’elemento su cui ci posizioniamo con un bordo arancione. Cliccando selezioneremo l’elemento e comparirà un’ulteriore configurazione relativa alla scelta della posizione della REC rispetto all’elemento selezionato.

Le possibilità di scelta sono:

• Prima dell’elemento
• Dopo l’elemento
• Al posto dell’elemento

Una volta impostata la posizione del Message, sarà possibile utilizzare l’editor che comparirà nella colonna sinistra.

Nella colonna sinistra cliccando sui rispettivi bottoni si può:

• inserire il testo del messaggio: si aprirà un piccolo editor ulteriore
• inserire il titolo del messaggio: si aprirà un piccolo editor ulteriore
• inserire bordo e sfondo del box:
  • spessore bordo
  • arrotondamento bordi
  • colore bordo
  • colore sfondo
• stabilire la posizione e le dimensioni del box
  • dimensione messaggio (piccola-media-grande)
  • attesa visualizzazione (secondi)
  • distanza dal margine superiore (px)
  • livello di posizionamento (z-index)
  • attesa per la visualizzazione una volta chiuso (giorni-ora-minuti)
• altro
  • visualizza al caricamento (o no)
  • scroll offset
  • secondi di visibilità
  • chiudi gli altri warning (o no)
• Layout
  • Posizione messaggio
    • angoli stondati
    • padding contenuto
    • posizione icona chiusura
    • colore sfondo
    • larghezza bordo
    • colore icona chiusura
    • mostra ombra esterna
    • overlay animato
    • posizione box
    • larghezza massima box
  • Testi del messaggio e immagini
    • larghezza immagine laterale
    • posizione immagine laterale
    • immagine laterale
    • contenuto testo
    • colore titolo
    • colore testo
    • dimensione titolo
    • dimensione testo
  • chiudi gli altri warning (o no)
  • Codice CSS aggiuntivo
• Form
  • Mostrare form (o no)
  • Colore link
  • Padding form generale
  • Colore input
  • Colore checkbox
  • Colore bordo input
  • Angoli arrotondati
• Pulsanti
  • Colore testo pulsanti
  • Colore sfondo pulsanti
  • Dimensione testo pulsanti
  • Angoli arrotondati
  • Colore bordo
  • Dimensione bordo

Cliccare su “Aggiorna Anteprima” per avere avere una preview della recommendation. Dall’icona device è possibile scegliere se visualizzare l’anteprima del formato mobile, desktop o tablet.
Per controllare il risultato, cliccare su “aggiorna anteprima” in basso nella colonna sinistra.