Trigger personalizzati in Omnisend ti permettono di visualizzare moduli pop-up o flyout solo quando si verifica un'azione specifica sul tuo sito web, come un clic su un pulsante o un evento personalizzato.
Invece di fare affidamento su ritardi temporali o profondità di scorrimento, controlli il momento esatto in cui il suo modulo appare, catturando lead nel punto più rilevante del viaggio del cliente.
Prima di iniziare
I trigger personalizzati sovrascrivono tutte le impostazioni di visualizzazione e impostazioni di targeting. Il modulo apparirà solo quando il tuo codice personalizzato lo attiva, indipendentemente dal tempo di attesa, dalla percentuale di scorrimento, dall'intento di uscita, dal targeting URL o dai filtri audience.
Per aggiungere il targeting condizionale (ad es., mostrare solo su pagine specifiche o a utenti con accesso), avrai bisogno di JavaScript personalizzato da parte tua.
Forme supportate: Forme pop-up e forme flyout senza un Teaser.
Moduli non supportati: moduli della Landing page e moduli incorporati.
Cos'è un Trigger Personalizzato?
Un Trigger Personalizzato visualizza un modulo quando si verifica un'azione predefinita sul tuo sito, come:
Click sui pulsanti (ad es., “Iscriviti alla nostra lista di distribuzione,” “Ottieni sconto”)
Eventi JavaScript personalizzati (ad es., completamento quiz, interazione con giochi)
Azioni di chiusura del carrello (ad es., mostrare un modulo quando un cliente chiude il carrello)
I trigger personalizzati ti consentono di mostrare i moduli esattamente al momento giusto, quando il tuo visitatore è più coinvolto. Che sia dopo un quiz, un gioco o un clic su un pulsante, puoi creare esperienze altamente interattive che sembrano personali e tempestive.
Esempio di Codice del Trigger Personalizzato
window.omnisend = window.omnisend || [];
window.omnisend.push(['openForm', '658c3b55768232c9e85d0453']);
L'ID unico del modulo (658c3b55768232c9e85d0453 in questo esempio) viene generato automaticamente quando il modulo viene creato in Omnisend. Non è necessario sostituirlo manualmente, poiché ogni modulo avrà il proprio identificatore unico.
Processo di configurazione
Passo 1. Verifica che lo snippet JavaScript di Omnisend sia installato
Prima che i trigger personalizzati funzionino, lo snippet JavaScript principale di Omnisend deve essere installato sul tuo sito web. Il codice del trigger personalizzato dipende da questo frammento per caricare e visualizzare i moduli.
BigCommerce & WooCommerce - Il frammento di Omnisend viene aggiunto automaticamente quando colleghi il tuo negozio. Nessuna configurazione manuale necessaria.
Shopify: Vai a Shopify Admin → Negozio Online → Temi → Clicca Modifica Tema sul tuo tema attivo → Nella barra laterale sinistra, cliccaApp Embeds → Trova Omnisend e attivalo ATTIVO (blu) → Clicca Salva.
Piattaforme Ecommerce Personalizzate: Aggiungi lo snippet JavaScript manualmente nella sezione
o prima della chiusuratag. Ottieni lo snippet daImpostazioni Negozio → Integrazioni nel tuo account Omnisend.
Passo 2. Crea il tuo modulo
Inizia progettando il tuo modulo pop-up o flyout in Omnisend. Una volta creato, naviga nella sezione Impostazioni Comportamentali dell'editor del modulo.
Passaggio 3. Imposta Visualizzazione su 'Trigger Personalizzato'
In Impostazioni Comportamentali → Visualizzazione, seleziona l'opzione Trigger Personalizzato. Questo significa che il modulo apparirà solo quando il trigger personalizzato è attivato sul tuo sito web.
Nota: Una volta selezionato il Trigger personalizzato, tutte le altre opzioni di visualizzazione (tempo di attesa, profondità di scorrimento, intento di uscita, targeting URL, filtri audience) sono disabilitate.
Passaggio 4. Copia il Codice del Trigger
Nella sezione Trigger Personalizzato, copia il frammento di codice generato da Omnisend.
Codice di esempio:
window.omnisend = window.omnisend || []; window.omnisend.push(['openForm', '658c3b55768232c9e85d0453']);
Nota: L'ID del modulo (658c3b55768232c9e85d0453) è unico per il tuo modulo e generato automaticamente.
Passo 5. Inserisci il Codice del Trigger sul Tuo Sito Web
Posiziona il codice sul tuo sito web all'interno dell'elemento o dell'evento in cui desideri che appaia il modulo. Questo potrebbe essere un clic su un pulsante, il caricamento della pagina o qualsiasi altra azione personalizzata.
Dove posizionare il codice?
Codice del pulsante o del link: Aggiungi dove vuoi che appaia il trigger cliccabile (intestazione, pagina del prodotto, post del blog, piè di pagina).
Funzione JavaScript (
openOmnisendForm()):Aggiungi una volta per pagina in una di queste posizioni.File footer del tema;
widget HTML o blocco HTML personalizzato;
Inline dopo il pulsante (all'interno dei tag ).
Casi d'uso per trigger personalizzati in Omnisend
Moduli attivati da pulsante
Attiva un modulo quando un utente clicca un pulsante. Utile per:
Processo di iscrizione – Il pulsante "Unisciti alla nostra lista di distribuzione" visualizza un modulo di iscrizione.
Offerte di sconto – Il pulsante "Ottieni Sconto" mostra un modulo promozionale con un codice sconto.
Contenuti bloccati – Offri eBook, webinar o articoli esclusivi dietro un modulo.
Notifiche di di nuovo disponibile
Attiva un modulo quando i clienti cliccano su un prodotto esaurito. Questo consente loro di iscriversi per avvisi di riassortimento, catturando lead e creando attesa.
Nota: Devi creare tu stesso il codice del pulsante – Omnisend fornisce il codice del trigger, non l'HTML del pulsante.
Quiz interattivi o giochi
Mostra un modulo dopo che un utente completa un quiz o interagisce con un gioco. Ad esempio:
Raccogli indirizzi email per l'iscrizione al concorso dopo una domanda del quiz.
Offri sconti speciali dopo la partecipazione al gioco.
Esempio: Aggiungi il pulsante "Iscriviti ora" in Shopify
Segui questi passaggi per aggiungere un pulsante Iscriviti ora al tuo negozio Shopify che apre un modulo Omnisend.
⚠️ Se non sei familiare con la personalizzazione dei temi di Shopify, collabora con uno sviluppatore per implementare queste modifiche in modo sicuro.
Passo 1. Accedi a Shopify Admin.
Accedi al tuo pannello di amministrazione di Shopify. Nel menu a sinistra, fai clic su Negozio Online → Temi.
Passo 2. Modifica il tuo tema.
Nella sezione Temi, trova il tuo tema attivo, poi clicca Azioni → Modifica Codice.
Passo 3. Trova la pagina o sezione desiderata
Decidi dove vuoi posizionare il pulsante. Questo potrebbe essere nella tua homepage, in una pagina prodotto specifica o nel footer.
Cerca il file Liquid corrispondente. Le opzioni comuni includono:
index.liquid per la homepage.product.liquid per le pagine prodotto.footer.liquid per aggiungerlo al footer del sito.
Passaggio 4. Inserisci il codice del pulsante
All'interno del file Liquid che hai scelto, trova il posto esatto dove vuoi aggiungere il pulsante. Ad esempio, nel file
index.liquidoproduct.liquid.Copia e incolla il codice fornito da Omnisend nel tuo modulo popup/flyout.
Questo creerà un pulsante 'Iscriviti ora' che apre il modulo Omnisend quando viene cliccato.
Nota: Devi creare tu stesso il codice del pulsante – Omnisend fornisce il codice del trigger, non l'HTML del pulsante.
Passaggio 5. Salva le tue modifiche e testa il pulsante
Una volta inserito il codice, clicca Salva nell'angolo in alto a destra dell'editor.
Visita il tuo negozio Shopify e vai alla pagina dove hai aggiunto il pulsante.
Clicca sul pulsante 'Iscriviti ora' per assicurarti che apra il modulo Omnisend.
Test e risoluzione dei problemi
Testa il Trigger del Modulo. Dopo aver incorporato il codice, visita il tuo negozio e esegui l'azione di trigger (ad esempio, clicca il pulsante) per assicurarti che il modulo venga visualizzato correttamente.
Controlla i log della console – Se il modulo non appare, apri la console del tuo browser (clic destro → Ispeziona) e controlla se ci sono errori.
Se vedi
omnisend is not defined, verifica che il frammento JavaScript di Omnisend sia installato (Passo 1).Se vedi
openForm is not a function, controlla che l'ID del modulo sia corretto e che il modulo sia pubblicato.
Domande frequenti
Perché il mio modulo del trigger personalizzato non appare dopo aver aggiunto il codice?
Prima di tutto, verifica che:
Il tuo modulo è Abilitato in Omnisend (Moduli → Seleziona modulo → Attiva Abilitazione).
Il frammento JavaScript di Omnisend è installato sul tuo sito (per Shopify, abilita l'integrazione dell'app Omnisend sotto Temi → Integrazioni App).
Hai incollato il codice in un tag o in un gestore
onclick, non nel campo URL di un pulsante.Testa in una finestra in incognito per escludere i blocchi della cache del browser o dei consensi ai cookie.
Il modulo funzionava prima, ma ora ha smesso di apparire. Cosa è successo?
Se il tuo trigger personalizzato funzionava e all'improvviso ha smesso, controlla:
Blocchi del consenso ai cookie: Se hai recentemente aggiunto un banner per il consenso ai cookie, potrebbe bloccare lo script di Omnisend fino a quando i visitatori non accettano i cookie. Testa in modalità incognito dopo aver accettato tutti i cookie.
Stato del modulo: Verifica che il modulo sia ancora Abilitato in Omnisend (Moduli → Il tuo modulo → Controlla l'interruttore in alto)
Aggiornamenti del tema: Se hai aggiornato il tuo tema Shopify, il codice potrebbe essere stato rimosso. Riaggiungilo ai file del tuo tema.
Errori della console del browser: Clicca con il tasto destro → Ispeziona e controlla la scheda Console per errori JavaScript che potrebbero bloccare il modulo.
Se incontri delle difficoltà con questa o altre funzionalità di Omnisend, non esitare a contattarci a [email protected] o tramite chat nell'app. Siamo qui 24 ore su 24, 7 giorni su 7 per te!