Cosa imparerai

Scopri come aggiungere un teaser al tuo popup o al tuo modulo d'iscrizione flyout, che è un widget di piccole dimensioni su cui un visitatore può fare clic per chiudere e riaprire un modulo quando vuole.

I teaser possono essere usati per moduli popup, moduli flyout e moduli a pagina intera. I teaser non sono disponibili per i moduli incorporati.

Aggiungi un teaser a un popup o a un flyout, oppure a un modulo d'iscrizione a pagina intera

Per aggiungere un teaser a un modulo, vai alla scheda modulo d'iscrizione e apri un modulo esistente o creane uno nuovo. Fai clic su (+) teaser nell'editor del modulo.

The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Scegli uno stile di teaser

In Stili, scegli una delle 3 forme di teaser:

  • Rettangolo
    Usa la forma rettangolare per un teaser in stile scheda
  • Cerchio
    Usa la forma a cerchio per un teaser in stile fumetto
  • Angolo
    Usa la forma ad angolo per un teaser posizionato in un angolo del tuo sito

Posiziona il teaser su uno dei lati o degli angoli del tuo sito. Le dimensioni del teaser sono ottimizzate per diversi dispositivi. Assicurati di visualizzare le anteprime per desktop e dispositivi mobili per verificare che il posizionamento del teaser non entri in conflitto con altri elementi popup o in stile teaser sul tuo sito.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

Qui puoi anche scegliere una dimensione per il teaser del modulo (ad esempio: piccola, media, grande, personalizzata) usando il menu a discesa.

Tieni presente che, se scegli uno stile rettangolare, non cambierà dimensione su dispositivi mobili. I teaser dei moduli rettangolari sono ottimizzati automaticamente sui dispositivi mobili per essere visualizzati al centro e più larghi, rendendoli più facili da toccare.

Modifica il contenuto del teaser

In contenuto, aggiungi o modifica il testo e gli stili di testo nel tuo teaser. Come minimo, il teaser dovrebbe accennare all'offerta del tuo modulo. Mantieni il teaser breve per ottenere il massimo impatto. Usa questi esempi di testo del teaser come ispirazione:

  • 15% di sconto
  • Riscatta regalo
  • 🎁
  • Partecipa al concorso a premi
  • SPEDIZIONE GRATUITA ➡️

Se il tuo testo teaser menziona un’offerta specifica, assicurati di offrire quell’offerta agli iscritti nel messaggio di conferma del tuo modulo o tramite una serie di benvenuto.

Qui puoi anche modificare il design dei tuoi teaser (ad es. Colore di sfondo, Raggio del colore, Ombra, Immagine di sfondo e Stili del blocco).

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Imposta i comportamenti del teaser

Scegli 1 delle seguenti opzioni per determinare quando apparirà il tuo teaser:

  • Dopo la chiusura del modulo
    Un teaser impostato per essere mostrato dopo la chiusura di un modulo consentirà a chi visita il sito di riaprire il modulo se lo ignora, ma non apparirà prima che il modulo venga visualizzato come popup. Il teaser continuerà a essere visualizzato su tutte le pagine finché chi visita il sito non completa l’azione di conversione principale del modulo.
  • Prima di mostrare il modulo
    Un teaser impostato per essere mostrato prima di visualizzare un modulo comparirà 2 secondi dopo il caricamento della pagina. Rimarrà visualizzato finché un visitatore non fa clic, o finché non vengono soddisfatte le condizioni di visualizzazione del modulo (ad es. ritardo temporale o percentuale di scorrimento).

Tieni presente che se il tuo modulo è impostato per essere visualizzato immediatamente al caricamento della pagina o dopo un’attesa inferiore a 2 secondi, il teaser verrà saltato.

  • Prima di visualizzare il modulo e dopo la chiusura del modulo
    Un teaser con questa impostazione apparirà 2 secondi dopo il caricamento della pagina e continuerà a essere visualizzato, a meno che il modulo non sia attualmente aperto o il visitatore non abbia completato la sua azione di conversione principale.

Se nel tuo account Klaviyo hai abilitato le impostazioni di prevenzione delle collisioni, i teaser dei moduli non verranno visualizzati sul tuo sito, poiché questa operazione viene considerata come la visualizzazione di un altro modulo nella stessa sessione. Puoi modificare il ritardo di tempo nelle impostazioni di collisione per far sì che il teaser venga visualizzato. Ad esempio, se le impostazioni di prevenzione delle collisioni sono impostate per mostrare il modulo successivo dopo 5 minuti, il teaser verrà visualizzato dopo 5 minuti.

Oltre alle regole sopra indicate, un teaser verrà mostrato solo ai visitatori che soddisfano le impostazioni di targeting del modulo che trovi nella sezione Comportamenti e targeting del tuo modulo. Ad esempio, un teaser impostato per essere mostrato prima di visualizzare un modulo comparirà solo ai visitatori che soddisfano le impostazioni di targeting del modulo (ad es. appartenenza a liste/segmenti, posizione e URL). Quando i trigger rimanenti di quel modulo sono soddisfatti (ad es. intento di uscita, lunghezza di scorrimento o ritardo temporale), il teaser si chiuderà e il modulo comparirà.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

Aggiungi un pulsante di chiusura al tuo teaser

Puoi aggiungere un pulsante di chiusura al teaser del modulo (il pulsante X) per consentire ai tuoi acquirenti di chiudere il teaser se non sono interessati al contenuto del modulo.

Per impostazione predefinita, il tuo teaser non includerà un’icona di chiusura. In Comportamento, attiva l’interruttore Mostra pulsante di chiusura per aggiungerlo.

Tieni presente che, se un acquirente fa clic sulla X per chiudere il teaser, questo seguirà le stesse regole per la frequenza di visualizzazione del modulo d'iscrizione a cui è collegato. Ad esempio, se un acquirente chiude sia un modulo sia il relativo teaser e quel modulo è impostato per essere mostrato di nuovo 5 giorni dopo che qualcuno lo chiude, allora sia il modulo sia il suo teaser seguiranno l'impostazione di comportamento e verranno mostrati di nuovo tra 5 giorni.

Teaser del modulo e azioni di conversione principali

Se un teaser viene aggiunto a un modulo a più passaggi ed è impostato per essere visualizzato dopo la chiusura del modulo, comparirà finché il visitatore non completa l’azione di conversione principale del modulo.

  • Per i moduli con azioni di iscrizione tramite e-mail o SMS, l'invio di un indirizzo e-mail o di un numero di telefono conta come azione di conversione principale.
  • Per i moduli che contengono sia campi e-mail sia campi SMS in più passaggi, l'invio di quello che appare per primo nel modulo viene conteggiato come azione di conversione primaria.

Nota: se viene inviato lo step di conversione principale (ovvero lo step e-mail in un modulo a più step), il teaser non scomparirà automaticamente quando rifiuti il secondo step (ovvero lo step SMS). Dovrai invece aggiornare la pagina o passare a una nuova pagina per non visualizzare più il teaser del modulo.

  • Per i moduli senza un’azione di iscrizione via e-mail o SMS (ad es. un pop-up di vendita flash con un’azione “Vai a URL”), fare clic sul pulsante “Vai a URL” conta come azione di conversione principale.

Se l’azione di conversione principale di un modulo in più passaggi non è stata completata, facendo clic sul teaser del modulo all’interno della stessa sessione di navigazione il modulo si riaprirà all’ultimo passaggio incompleto.

Elimina un teaser

Per eliminare il teaser di un modulo, fai clic sui 3 puntini nel pulsante Teaser, quindi fai clic su Elimina. In questo modo verranno rimosse tutte le impostazioni del teaser. Se in un secondo momento aggiungi di nuovo un teaser allo stesso modulo, verrà ripristinato alle impostazioni predefinite del teaser.

The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Risorse aggiuntive

Questo articolo è stato utile?
Usa questo modulo solo per il feedback sull'articolo. Scopri come contattare l'assistenza.

Esplora altri contenuti di Klaviyo

Community
Entra in contatto con altre aziende simili, partner ed esperti di Klaviyo per trovare ispirazione, condividere approfondimenti e ottenere risposte a tutte le tue domande.
Partner
Assumi un esperto certificato Klaviyo per aiutarti con un compito specifico o per la gestione continua del marketing.
Assistenza

Accedi all'assistenza tramite il tuo account.

Assistenza via e-mail (prova gratuita e account a pagamento) Disponibile 24 ore su 24, 7 giorni su 7

Chat/assistente virtuale
La disponibilità può variare in base alla località e al tipo di piano