Come aggiungere un modulo di incorporamento al tuo sito Shopify

Cosa imparerai

Scopri come aggiungere un modulo incorporato di Klaviyo al tuo sito Shopify. Si tratta di creare un modulo in Klaviyo e poi incollare il suo codice embed nei file del tuo sito dove vuoi che appaia, ad esempio nel footer.

Prima di iniziare

Prima di creare il modulo di incorporamento in Klaviyo, devi integrarti con Shopify e abilitare la funzionalità modulo d'iscrizione (chiamata anche "tracciamento in loco"). Per Shopify negozio, l'app embed deve essere abilitata al modulo d'iscrizione per visualizzare e sincronizzare correttamente i dati. 

Per verificare l'applicazione incorporata è abilitata:

1. Vai alla paginaShopify impostazioni di integrazione. 
2. Vai alla sezione Tracciamento in loco.
   • Se vedi un banner verde con la scritta L'applicazione Klaviyo è abilitata sul tuo negozio Shopify , sei a posto. Continua con la prossima sezione dell'articolo per aggiungere il modulo di incorporamento al tuo sito.
     
   • Se un banner giallo mostra che l 'integrazione dell'app Klaviyo è disattivata. Dopo averla attivata, seleziona "Salva" nell'editor del tema di Shopify per applicare la modifica.
     
     • Prima di continuare con questo articolo, consulta la nostra guida su come attivare l'integrazione dell'app di Klaviyo in Shopify.
       

L'esempio riportato in questo articolo utilizza un tema Shopify 2.0. Il tuo tema potrebbe essere diverso e questo potrebbe influenzare i nomi di alcuni file o le posizioni degli snippet di codice.

Aggiungi un modulo embed al tuo sito

Per prima cosa, crea e pubblica il tuo modulo incorporato in Klaviyo. Una volta fatto, segui i passi successivi per incollare il codice di incorporamento del modulo nella pagina del tuo sito Shopify in cui vuoi che il modulo venga visualizzato.

1. Se non l'hai ancora fatto, copia il codice embed per il tuo modulo embed. Puoi accedere al codice di incorporamento del modulo aprendo il modulo nell'editor e cliccando sulla sezione Comportamento di targeting & .
   
2. Vai al tuo Shopify pannello di controllo.
3. Seleziona il negozio online > Temi.
4. Clicca su Personalizza.
   
5. Dalla barra del menu in alto, scegli il modello di pagina in cui desideri aggiungere il modulo (ad esempio, la pagina Home o la pagina Password).
   
6. Nel menu a sinistra, alla voce Applicazioni, seleziona la sezione Aggiungi > Apps > Klaviyo Embedded Form. 
   • Se vuoi che questo modulo appaia solo in questa pagina specifica, fallo nella sezione Modello. 
     
   • Se vuoi che il modulo sia presente in tutte le pagine del tuo sito web, inseriscilo nella sezione Piè di pagina. Nota che la presenza di un modulo di incorporamento nel footer del tuo sito è anche una best practice di Klaviyo per l'elenco crescita.
     
7. Clicca sulla sezione del Modulo incorporato di Klaviyo appena creato nel menu a sinistra.
8. Incolla il codice embed che hai copiato da Klaviyo nella casella di testo indicata.
   
9. Clicca su Salva per aggiungere il tuo modulo di incorporamento al modello di pagina. Nota che il modulo di incorporamento non apparirà nell'anteprima fino a quando non avrai salvato.
10. Opzionale: Dopo aver salvato, puoi riorganizzare l'applicazione Klaviyo Embedded Form cliccando e trascinandola all'interno del menu. 

Una volta incollato il codice embed e salvate le modifiche in Shopify, naviga indietro sul tuo sito web e aggiorna la pagina. I visitatori del sito vedranno il tuo modulo e avranno la possibilità di iscriversi al tuo elenco completandolo.

Se non vedi il tuo modulo, consulta la sezione Risoluzione dei problemi dei moduli incorporati.

I prossimi passaggi

Quindi, crea una serie di benvenuto Flusso per avere un impatto immediato sul tuo nuovo iscritto.

Risorse aggiuntive

• Come modificare l'elenco a cui viene inviato un modulo
• Primi passi con Shopify
• Primi passi con i moduli di iscrizione