Come integrare un modulo di iscrizione sul tuo sito web
Tempo di lettura stimato 7 minuti
|
Ultimo aggiornamento: 30 mar 2026, 00:00 EST
Cosa imparerai
Scopri come aggiungere un modulo d'iscrizione incorporato in una pagina o in una posizione specifica del tuo sito web (ad esempio, il piè di pagina), in modo che gli acquirenti che vogliono saperne di più sul tuo marchio possano facilmente registrarsi. Incorporare un modulo d'iscrizione nel piè di pagina del tuo sito per lavorare in tandem con gli altri moduli pubblicati è una procedura consigliata di Klaviyo per ottimizzare la crescita dell'elenco.
Per aggiungere un modulo incorporato al tuo sito dovrai:
- Creare e personalizzare un nuovo modulo incorporato in Klaviyo.
- Copiare il codice di incorporamento del modulo dalla finestra modale di pubblicazione.
- Incollare il codice di incorporamento nei file del tuo sito.
Poiché l'inserimento del codice del modulo richiede l'accesso all'HTML del tuo sito e alla piattaforma di e-commerce, il nostro team di assistenza non è in grado di offrire aiuto concreto in merito. Se non hai uno sviluppatore nel tuo team, rivolgiti a un partner Klaviyo per ricevere assistenza.
Prima di iniziare
Prima di creare il tuo modulo d'iscrizione, assicurati che la funzionalità del modulo d'iscrizione sia abilitata nel tuo account Klaviyo. In questa maniera, i moduli pubblicati su Klaviyo saranno visualizzati correttamente sul tuo sito e tutti i dati necessari saranno sincronizzati.
Affinché i moduli incorporati funzionino, è necessario che:
- La funzionalità del modulo d'iscrizione sia abilitata. Spesso è chiamata anche "tracciamento sul sito".
- Il codice di incorporamento sia incollato sul tuo sito, nel punto in cui desideri che il modulo appaia.
Nota: l'incollaggio del codice di incorporamento riguarda solo i moduli incorporati. Per i moduli popup, flyout e a pagina intera non è necessario incollare alcun codice: possono essere pubblicati direttamente dallo strumento di generazione dei moduli di Klaviyo.
A partire dal 6 dicembre 2024, Klaviyo ha migliorato il modo in cui vengono calcolate le visualizzazioni dei moduli incorporati per misurare il coinvolgimento degli utenti (engagement) in modo più accurato. Ora le visualizzazioni dei moduli incorporati vengono registrate solo quando il modulo è visibile nel riquadro di visualizzazione dell'utente. Questa modifica può comportare un cambiamento sensibile nel conteggio delle visualizzazioni e un aumento delle percentuali di invio, in particolare per i moduli incorporati nel footer di un sito. Questi, infatti, vengono conteggiati solo se un visitatore scorre verso il basso abbastanza da visualizzare parzialmente il modulo.
Aggiungi un modulo incorporato al tuo sito
Se utilizzi Shopify, BigCommerce o WooCommerce, gli iscritti che si registrano tramite il modulo incorporato nella tua piattaforma vengono automaticamente aggiunti al tuo elenco Klaviyo attraverso l'integrazione. Per questo motivo, non è necessario sostituire il modulo incorporato dell'integrazione con uno di Klaviyo, ma puoi sempre crearne uno in Klaviyo se desideri che gli iscritti vengano inseriti in un elenco diverso.
Crea e personalizza un nuovo modulo incorporato in Klaviyo
- Seleziona la scheda Moduli d'iscrizione dal menu di navigazione a sinistra di Klaviyo.
- Seleziona Crea modulo. Ora hai due possibilità:
- Puoi personalizzare un modello predefinito presente nella libreria dei moduli. Clicca sul menu a tendina accanto a Tutti i tipi, quindi seleziona Incorporato per applicare un filtro alla libreria dei moduli e visualizzare tutti i modelli predefiniti di moduli incorporati.
- Puoi partire da un modello di modulo incorporato vuoto selezionando Crea nuovo modulo nell'angolo in alto a destra.
- Nella finestra modale di creazione che appare:
- Assegna un nome al tuo modulo.
- Scegli a quale elenco dovranno essere aggiunti i nuovi iscritti.
- Conferma Incorporato come tipo di modulo.
- Clicca su Salva e progetta.
- Utilizza l'editor per modificare il tuo modulo e aggiungere i blocchi o i campi di inserimento desiderati. Per una guida alla personalizzazione del modulo, consulta la pagina Primi passi con i moduli d'iscrizione.
Se hai intenzione di inserire il modulo nel piè di pagina del tuo sito, ti consigliamo di richiedere solo gli indirizzi e-mail per aumentare il volume delle iscrizioni.
- Quando il modulo soddisfa le tue preferenze, clicca su Pubblica. Tieni presente che a questo punto il modulo non sarà ancora visibile sul tuo sito: devi incollare il codice di incorporamento sul tuo sito affinché risulti attivo.
- Nella finestra modale Pubblicato con successo, clicca su Copia per copiare il codice di incorporamento negli appunti. Si tratta del codice che dovrai incollare nei file del tuo sito, come spiegato nella prossima sezione di questo articolo.
Il codice di incorporamento di un modulo può essere trovato anche nella scheda Targeting e comportamento nell'editor del modulo.
Incolla il codice di incorporamento sul tuo sito
Dopo aver pubblicato il modulo su Klaviyo e aver copiato il codice di incorporamento, dovrai incollarlo nei file del tuo sito web affinché il modulo sia visibile. Il punto in cui incollare il codice dipende dalla posizione in cui desideri che il modulo appaia (ad esempio, in un file di tema o in un file di pagina specifica) e può variare a seconda delle integrazioni.
Trova la piattaforma da te utilizzata nell'elenco di seguito, quindi clicca sul link dell'articolo al di sotto per una guida più specifica su come incollare il codice di incorporamento per quell'integrazione.
Se la tua piattaforma non è presente, consulta il punto "Altre".
- BigCommerce
Per BigCommerce, incolla il codice di incorporamento nei file del tuo sito, nel punto in cui desideri che appaia. - Vai su Aggiungi il codice di incorporamento al tuo sito BigCommerce.
- Shopify
Per Shopify, aggiungi l'app Modulo incorporato Klaviyo al modello della tua pagina e incolla il codice di incorporamento del modulo.- Vai su Aggiungi il codice di incorporamento al tuo sito Shopify.
- Square
Per Square, incolla il codice di incorporamento nei file del tuo sito, nel punto in cui desideri che appaia.- Vai su Aggiungi il codice di incorporamento al tuo sito Square.
- WooCommerce
Per WooCommerce, incolla il codice di incorporamento nel codice HTML del tuo sito. - Vai su Aggiungi il codice di incorporamento al piè di pagina del tuo sito WooCommerce.
- Altre piattaforme
Se la tua piattaforma non è elencata qui sopra o se utilizzi un'integrazione personalizzata che non è nativamente integrata con Klaviyo, dovrai incollare 2 snippet di codice sul tuo sito affinché il modulo incorporato funzioni:
- Tracciamento sul sito (noto anche come Klaviyo.js) per abilitare la funzionalità di modulo d'iscrizione.
- Tieni presente che molte piattaforme aggiungono automaticamente il tracciamento sul sito al momento dell'integrazione (Wix, PrestaShop, Magento 1 e 2, ecc.). Controlla le impostazioni di integrazione della tua piattaforma su Klaviyo per verificare che questa opzione sia attiva.
- Se la tua piattaforma non dispone di integrazioni native con Klaviyo, dovrai aggiungere manualmente il tracciamento sul sito.
- Tieni presente che molte piattaforme aggiungono automaticamente il tracciamento sul sito al momento dell'integrazione (Wix, PrestaShop, Magento 1 e 2, ecc.). Controlla le impostazioni di integrazione della tua piattaforma su Klaviyo per verificare che questa opzione sia attiva.
- Il codice di incorporamento del modulo specifico
- Una volta abilitato il tracciamento sul sito, dovrai incollare il codice di incorporamento del tuo modulo nel codice HTML/sorgente del tuo sito, nel punto in cui desideri che appaia (ad esempio, nel piè di pagina).
- Il codice di incorporamento di un modulo può essere copiato dalla scheda Targeting e comportamenti nell'editor del modulo.
- Una volta abilitato il tracciamento sul sito, dovrai incollare il codice di incorporamento del tuo modulo nel codice HTML/sorgente del tuo sito, nel punto in cui desideri che appaia (ad esempio, nel piè di pagina).
- Tracciamento sul sito (noto anche come Klaviyo.js) per abilitare la funzionalità di modulo d'iscrizione.
Assicurati di salvare le modifiche apportate al tuo sito. Se temi di non avere la giusta dimestichezza per modificare il codice del tuo sito, contatta un partner Klaviyo per ricevere assistenza.
I prossimi passaggi
Una volta che hai pubblicato il modulo incorporato su Klaviyo, incollato il codice di incorporamento sul sito e salvato le modifiche, vai sul tuo sito e aggiorna la pagina.
Il modulo incorporato dovrebbe ora essere visibile sul tuo sito, nel punto in cui hai incollato il codice di incorporamento.
Risoluzione dei problemi relativi ai moduli incorporati
Se il tuo modulo incorporato è attivo in Klaviyo, ma non compare sul tuo sito, consulta i seguenti suggerimenti per la risoluzione dei problemi:
- Aggiorna la cache del tuo browser.
- Verifica che il tuo sito web sia correttamente integrato con Klaviyo e che il tuo sito sia attivo.
- Verifica di aver abilitato i moduli d'iscrizione per il tuo account (è la stessa cosa che abilitare il tracciamento sul sito).
- Assicurati di aver salvato le modifiche sul tuo sito web dopo aver incollato il codice di incorporamento.
- Nell'editor dei moduli d'iscrizione di Klaviyo, vai alla sezione Targeting e comportamenti e controlla quanto segue:
- Nella sezione Visualizzazione, verifica che:
- Il codice incorporato incollato sul tuo sito corrisponda effettivamente al codice fornito da Klaviyo
- Le impostazioni del dispositivo in Klaviyo siano adatte al dispositivo che stai utilizzando per visualizzare il modulo
- Nella sezione Targeting, verifica che:
- Tu stia soddisfacendo eventuali impostazioni più restrittive sui Visitatori
- Il modulo sia impostato per essere mostrato sull'URL che stai visualizzando e includa tutti i parametri UTM specificati
- La tua posizione sia in linea con le impostazioni di geolocalizzazione scelte per il modulo
- Il tuo carrello soddisfi tutti i requisiti relativi al contenuto del carrello configurati per il modulo
- Nella sezione Visualizzazione, verifica che:
- Esegui nuovamente il test in una nuova finestra del browser in incognito ("privato").
- Verifica che solo 1 account Klaviyo sia integrato con il tuo sito. Scopri di più sulle integrazioni.
Altri motivi per cui il modulo potrebbe non apparire:
- Se sul tuo sito è presente un CSS personalizzato, potrebbe entrare in conflitto con lo snippet di tracciamento sul sito di Klaviyo ("Klaviyo.js") e interferire con il tuo modulo. Chiedi al tuo sviluppatore di usare gli strumenti di sviluppo del browser per ispezionare il codice del sito e identificare il problema, oppure contatta l'assistenza.
- Se stai utilizzando un sito con un'applicazione a pagina singola ("SPA"), la causa della comparsa intermittente del modulo potrebbe essere la configurazione del sito. Consulta il tuo sviluppatore per ricevere assistenza.
Risorse aggiuntive
- Come contattare l'assistenza
Offriamo assistenza via e-mail e chat dal vivo ai clienti di tutti i piani a pagamento.
- Risoluzione dei problemi dei moduli di iscrizione
Impari i consigli per la risoluzione dei problemi quando un modulo di iscrizione nel suo account Klaviyo non funziona come previsto, esaminando i problemi comuni e le soluzioni a questi problemi.
- Primi passi con i moduli d'iscrizione
Scopri come creare e personalizzare i moduli d'iscrizione in Klaviyo da pubblicare sul tuo sito web per coinvolgere gli acquirenti, raccogliere e-mail e numeri di telefono e creare connessioni durature con i clienti.
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.