Come incorporare un modulo d'iscrizione nella pagina di conferma dell'ordine di BigCommerce

Cosa imparerai

Scopri come incorporare un modulo d'iscrizione nella pagina di conferma BigCommerce per raccogliere ulteriori informazioni dai clienti dopo che hanno completato il processo di pagamento. Questi clienti recenti sono già interessati al tuo brand, quindi la conferma rappresenta un'ottima opportunità per coinvolgerli ulteriormente.

Prima di iniziare

Assicurati di aver integrato BigCommerce e di aver selezionato l'impostazione Aggiungi automaticamente il javascript di Klaviyo sul sito.

Crea il tuo modulo

Puoi creare un modulo d'iscrizione e incorporarlo nella pagina di conferma per porre domande pertinenti ai tuoi clienti dopo il checkout. Ad esempio, potresti fare domande per saperne di più sulla frequenza con cui un cliente usa i tuoi prodotti o su quali potenziali nuovi prodotti potrebbe essere interessato ad acquistare.

Per creare il tuo modulo d'iscrizione:

1. In Klaviyo, vai a Moduli di iscrizione > Crea modulo d'iscrizione > Crea da zero.
2. Nel menu che appare, assegna un nome al modulo e seleziona una lista a cui inviare i nuovi iscritti.
3. Seleziona Incorporato come tipo di modulo.
   

4. Clicca su Salva e progetta.
5. In questo modo accederai all'editor del modulo, dove potrai modificare i seguenti stili:
   • Stili: modifica l'aspetto del modulo in modo che rispecchi il tuo brand, ad esempio gli stili del modulo o del campo di inserimento e il tipo di carattere. Puoi anche modificare qualsiasi testo facendo clic su di esso e sostituendo la lingua predefinita con la tua.
   • Aggiungi blocchi: qui puoi aggiungere contenuti al tuo modulo per raccogliere informazioni, come una casella di testo per una domanda o un campo data per un compleanno. Assicurati di impostare una Proprietà del profilo con ogni campo che aggiungi e di non sopraffare i clienti con troppe domande.
   • Targeting e comportamento: scegli se vuoi che il modulo venga visualizzato su desktop, su dispositivo mobile o su entrambi. Mantieni il modulo impostato su Mostra a tutti i visitatori oppure su Non mostrare ai profili Klaviyo esistenti.
6. Nella barra dei menu, seleziona Successo per modificare la pagina visualizzata dopo l’invio del modulo.
7. Quando il modulo soddisfa le tue preferenze, clicca su Pubblica.
8. Dalla finestra modale che appare, copia il codice di incorporamento in modo da averlo pronto da incollare.
   

9. Fai clic su Pubblica.

Il modulo non verrà visualizzato sul tuo sito finché non avrai incollato il codice di incorporamento nel codice del tuo sito.

Verifica le impostazioni di opt-in per quell’elenco, in modo che l’esperienza del cliente sia fluida. Se l’elenco è a doppio opt-in, ti consigliamo di modificare le pagine di conferma. Tutti gli elenchi di Klaviyo sono impostati su doppio opt-in per impostazione predefinita.

Aggiungi l’incorporamento al tuo sito BigCommerce

1. Vai al pannello di amministrazione BigCommerce.
2. Vai a Storefront > Script Manager e fai clic su Crea uno script.
3. Assegna un nome allo script e configurarlo con quanto segue:
   • Posizione: principale
   • Descrizione (facoltativa): descrivi lo scopo dello script
   • Pagine in cui verrà aggiunto lo script: conferma dell'ordine
   • Tipo di script: script
     

4. Elimina i contenuti dello script e incolla invece il seguente codice per aggiungere klaviyo.js alla pagina di conferma. Tieni presente che devi farlo anche se in precedenza hai installato klaviyo.js sul tuo sito web:
   

  <script src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js" async=""></script>
  <script>
     document.addEventListener("DOMContentLoaded", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. Nel frammento sopra, sostituisci PUBLIC_API_KEY con la chiave API pubblica del tuo sito.
2. Nello snippet sopra, sostituisci FORM_ID con l'ID del tuo modulo. Per trovare l'ID del modulo, vai al modulo integrato nel tuo account Klaviyo. L'ID del modulo è il codice di 6 lettere alla fine dell'URL.
   

3. Dopo aver compilato tutti i dettagli per lo script, fai clic su Salva.

Il tuo modulo incorporato ora verrà visualizzato in fondo alla pagina dopo che qualcuno ha effettuato un ordine. A seconda del tema, potresti voler modificare il bordo, la spaziatura interna o le dimensioni del modulo nella sezione Stili per assicurarti che corrisponda all’aspetto della pagina di conferma dell’ordine; pubblica le modifiche per vederle applicate.

I prossimi passaggi

Dopo aver iniziato a raccogliere risposte con il tuo modulo incorporato, ogni invio verrà salvato sul profilo del cliente come proprietà personalizzata, disponibile per l’uso in segmenti, flussi e modelli di e-mail.

In base alle risposte, puoi ramificare l’esperienza post-vendita. Potresti anche voler ramificare la serie di benvenuto in base a questi dati oppure creare segmenti pertinenti a cui inviare campagne. Ad esempio, supponiamo di decidere di lanciare un nuovo mascara. Poiché raccogliamo dati sull’interesse per i prodotti in questo modulo incorporato, possiamo avvisare chiunque ci abbia detto di essere interessato al mascara al momento del lancio del prodotto.

Risorse aggiuntive