Come integrare un modulo di iscrizione sul tuo sito web

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:

1. Creare e personalizzare un nuovo modulo incorporato in Klaviyo.
2. Copiare il codice di incorporamento del modulo dalla finestra modale di pubblicazione.
3. Incollare il codice di incorporamento nei file del tuo sito.

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, i menu flyout e i moduli 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

1. Seleziona la scheda Moduli d'iscrizione dal menu di navigazione a sinistra di Klaviyo.
2. 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.
3. 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.
     
4. Clicca su Salva e progetta.
5. 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.

6. 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.
7. 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.
   

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.
  • 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.

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
• 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
• Risoluzione dei problemi relativi ai moduli d'iscrizione
• Primi passi con i moduli di iscrizione