Come aggiungere un modulo incorporato al tuo sito Shopify

Cosa imparerai

Scopri come aggiungere un modulo incorporato di Klaviyo al tuo sito Shopify. Questo comporta la creazione di un modulo in Klaviyo e quindi l’incollaggio del relativo codice di incorporamento nei file del tuo sito, nel punto in cui desideri che appaia, ad esempio nel piè di pagina.

Prima di iniziare

Prima di creare il modulo incorporato in Klaviyo, devi eseguire l'integrazione con Shopify e abilitare la funzionalità del modulo d'iscrizione (chiamata anche "tracciamento sul sito"). Per i negozi Shopify, l'app embed deve essere abilitata affinché i moduli d'iscrizione vengano visualizzati e i dati vengano sincronizzati correttamente.

Per verificare che l'incorporazione app sia abilitata:

1. Vai alla tua pagina delle impostazioni di integrazione di Shopify.
2. Scorri fino alla sezione Tracciamento onsite.
   • Se vedi un banner verde che indica L'incorporazione dell'app di Klaviyo è abilitata sul tuo negozio Shopify, è tutto pronto. Prosegui alla sezione successiva dell’articolo per aggiungere il modulo incorporato al tuo sito.
     

• Se viene visualizzato un banner giallo con scritto L'incorporazione app di Klaviyo è disattivata. Dopo averla attivata, seleziona “Salva” nell'editor del tema Shopify per applicare la modifica.
  
  • Prima di continuare con questo articolo, consulta la nostra guida su come abilitare l'app embed di Klaviyo per Shopify.
    

L'esempio in questo articolo utilizza un tema Shopify 2.0. Il tuo tema potrebbe essere diverso, il che potrebbe influire sui nomi di alcuni file o sulle posizioni degli snippet di codice.

Aggiungi un modulo incorporato al tuo sito

Vuoi incorporare un modulo in una pagina di ringraziamento o di stato dell’ordine di Shopify? Shopify non supporta più questa funzionalità in modo nativo, ma puoi utilizzare la funzionalità del blocco dell’app SMS di Klaviyo per raccogliere il consenso agli SMS nel checkout di Shopify (solo Shopify Plus) e nelle pagine di ringraziamento o di stato dell’ordine.

1. Crea il tuo modulo da integrare.
2. Nell'editor del modulo, seleziona Targeting and behavior > Display.
3. In Codice di incorporamento, copia l'ID del modulo dall'interno del codice come mostrato di seguito:
   

4. Pubblica il modulo.
5. Vai sul pannello di controllo di Shopify.
6. Seleziona Online Store (Negozio online) > Themes (Temi).
7. Fai clic su Customize.
   

8. Dal menu in alto, scegli il modello di pagina in cui vuoi aggiungere il modulo (ad esempio la home page o la pagina Password).
   

9. Nel menu a sinistra, in App, seleziona Aggiungi sezione > App > Modulo incorporato Klaviyo.
   • Se vuoi che questo modulo venga visualizzato solo in questa pagina specifica, fallo nella sezione Modello.
     

• Se vuoi che il modulo rimanga visibile in ogni pagina del tuo sito web, fallo nella sezione Footer. Tieni presente che avere un modulo incorporato nel footer del tuo sito è anche una best practice di Klaviyo per far crescere l’elenco.
  

10. Fai clic sulla sezione Modulo incorporato Klaviyo appena creata nel menu a sinistra.
11. Incolla l’ID modulo che hai copiato da Klaviyo nella casella di testo designata.
    

12. Fai clic su Salva per aggiungere il modulo incorporato al modello di pagina. Tieni presente che il modulo incorporato non comparirà nell’anteprima finché non salvi.
13. Facoltativo: dopo aver salvato, puoi riordinare l’app Klaviyo Embedded Form facendo clic e trascinandola all’interno del menu.

Dopo aver incollato il codice di incorporamento e salvato le modifiche in Shopify, torna sul tuo sito web e aggiorna la pagina. I visitatori del sito vedranno il tuo modulo e avranno l’opzione di iscriversi al tuo elenco completandolo.

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

I prossimi passaggi

A questo punto, crea un flusso dedicato alla serie di benvenuto per conquistare subito i nuovi iscritti.

Risorse aggiuntive