Come impostare un modulo nuovamente disponibile

Scopri come configurare e personalizzare un modulo d'iscrizione per la disponibilità nuovamente disponibile per il tuo negozio online. Utilizzando l’editor di moduli di Klaviyo, puoi personalizzare sia il pulsante “Avvisami” che appare quando un prodotto sul tuo sito non è disponibile, sia il modulo che i tuoi clienti usano per iscriversi alle notifiche di nuovamente disponibile tramite e-mail, messaggistica di testo e WhatsApp.

Prima di iniziare

I moduli nuovamente disponibile sono disponibili solo per i negozi con un’integrazione Shopify o BigCommerce abilitata in Klaviyo. Se utilizzi una piattaforma diversa, fai invece riferimento alla nostra guida all’installazione del flusso nuovamente disponibile.

Prima di pubblicare il modulo, assicurati che Klaviyo onsite tracking (Klaviyo.js) sia installato sul tuo negozio online, in modo che Klaviyo possa mostrare il pulsante e il modulo.

In questo articolo scoprirai come:

• Rimuovi eventuale codice Klaviyo esistente per prodotti nuovamente disponibili dal tuo store Shopify o BigCommerce (se applicabile)
• Attiva e personalizza il pulsante "Nuovamente disponibile" e il modulo d'iscrizione

Come funziona il modulo di avviso "nuovamente disponibile" nel tuo negozio online

Dopo aver pubblicato un modulo nuovamente disponibile, Klaviyo mostra automaticamente un pulsante personalizzabile "Avvisami" sulle pagine dei prodotti quando la variante selezionata non è disponibile e il prodotto corrisponde alle impostazioni di targeting. Puoi personalizzare questo pulsante nell'editor del modulo, insieme al modulo stesso. Il pulsante viene visualizzato e nascosto automaticamente in base al tuo inventario prodotti.

Quando un acquirente fa clic sul pulsante “Avvisami”, viene visualizzato il tuo modulo, che gli consente di scegliere come desidera ricevere la notifica quando il prodotto è nuovamente disponibile, a seconda di come hai configurato il modulo:

• E-mail: se includi un campo e-mail, le persone che acquistano possono inserire il loro indirizzo e-mail per ricevere un avviso di riassortimento via e-mail. Puoi anche aggiungere una casella di controllo facoltativa per consentire alle persone che acquistano di dare il consenso a ricevere e-mail di marketing promozionali.
• Messaggistica di testo e WhatsApp: se includi un campo per il numero di telefono, chi acquista può iscriversi agli avvisi di riassortimento tramite messaggio di testo, WhatsApp o entrambi, a seconda dei canali che selezioni per quel campo. Chi acquista deve fornire un consenso esplicito per ricevere messaggi promozionali tramite i canali selezionati. Questo consenso è obbligatorio e non può essere reso facoltativo, e il testo informativo deve essere presente.

Dopo che un acquirente invia il modulo, Klaviyo registra un evento iscriviti a nuovamente disponibile sul suo profilo. Per inviare avvisi di rifornimento, configura un flusso nuovamente disponibile attivato da questa metrica, con un ritardo Nuovamente disponibile prima dei messaggi di notifica. Gli acquirenti restano in attesa con questo ritardo finché il prodotto non soddisfa le impostazioni di inventario e notifica per nuovamente disponibile. Imposta i messaggi di notifica su Live per inviarli automaticamente.

Tieni presente che i test A/B e i metodi di opt-in non tradizionali per SMS e WhatsApp (ad esempio Smart Opt-in e tap-to-text) non sono supportati per i moduli nuovamente disponibile.

Rimuovi lo snippet di codice esistente per nuovamente disponibile

Se hai installato in precedenza lo snippet di codice di Klaviyo per i prodotti nuovamente disponibili, devi prima rimuoverlo per evitare pulsanti o moduli duplicati.

Espandi la sezione relativa alla piattaforma del tuo store per vedere come rimuovere il codice. Se non sei sicuro di quale script o codice rimuovere, contatta chi si occupa dello sviluppo o fai riferimento alle tue note di installazione originali.

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "button",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>

Crea un modulo per prodotti nuovamente disponibili

1. Nella navigazione principale di Klaviyo, seleziona la scheda Moduli d'iscrizione.
2. Fai clic su Crea un modulo.
3. Nella barra di ricerca, digita “nuovamente disponibile” e seleziona un modello nuovamente disponibile predefinito da personalizzare.
   

• Per iniziare da un modulo vuoto anziché da un modello, fai clic su Crea modulo vuoto. Se viene visualizzato il selettore canale, seleziona Web. Scegli Nuovamente disponibile (solo pop-up) come tipo di modulo.

4. Inserisci un nome per il modulo e scegli le liste per le iscrizioni promozionali raccolte tramite i suoi campi e-mail e numero di telefono. Per un modulo vuoto, seleziona E-mail, messaggio di testo o entrambi, quindi scegli una lista per ogni opzione selezionata. Configurerai WhatsApp nel campo del numero di telefono nell’editor.
5. Fai clic su Crea modulo se hai selezionato un modello oppure su Salva e progetta se hai iniziato da un modulo vuoto, per aprire l’editor.

6. Seleziona il passaggio Pulsante di visualizzazione del prodotto nella barra dei menu. Tieni presente che questo deve sempre essere il primo passaggio del modulo e non può essere eliminato.
7. Nel menu di modifica a sinistra, scegli dove deve comparire il pulsante nelle pagine dei prodotti:
   • Sostituisci il pulsante Aggiungi al carrello: il pulsante "Avvisami" sostituirà il pulsante "Aggiungi al carrello" per gli articoli esauriti.
   • Impilato: il pulsante “Avvisami” verrà visualizzato sotto il pulsante “Aggiungi al carrello” (quando viene visualizzato come “Esaurito”).
     

1. Usa le opzioni per Testo, stile del pulsante, bordo, e ombra per aggiornare l’etichetta e lo stile del pulsante "Avvisami".
2. Seleziona il primo passaggio di consenso, ad esempio Consenso e-mail, e apri Stili per regolare colori, font e layout, in modo che il modulo rispecchi il tuo brand.

3. Rivedi ogni passaggio di adesione rimanente e il passaggio Operazione riuscita selezionandolo nella barra dei menu. Fai clic sui singoli blocchi di testo o di input per modificare contenuti e impostazioni in base alle tue esigenze.

1. Se il modulo include un campo numero di telefono, selezionalo e imposta Canale su Messaggio di testo, WhatsApp o WhatsApp e messaggio di testo. Completa la configurazione per i canali selezionati prima della pubblicazione e rivedi il testo informativo per tali canali.
2. Solo Shopify (facoltativo): per controllare dove viene visualizzato il pulsante "Avvisami", vai su Targeting e comportamento > Targeting e usa i tag Shopify per includere o escludere prodotti specifici per cui deve essere visualizzato il pulsante.
   

3. Quando sei soddisfatto del tuo modulo, clicca su Pubblica o pianifica, quindi clicca su Pubblica ora per attivarlo. Una volta che il modulo è attivo, il pulsante di visualizzazione del prodotto verrà mostrato per le varianti esaurite che corrispondono alle impostazioni di targeting.
4. Dopo la pubblicazione, verifica di avere un flusso nuovamente disponibile per inviare notifiche. Se non l’hai già ignorato, viene visualizzato un prompt per aiutarti a configurarne uno.

• Se hai già un flusso nuovamente disponibile attivato da iscriviti a nuovamente disponibile, non devi crearne un altro. Conferma che includa un ritardo nuovamente disponibile e che i suoi messaggi di notifica siano Attivi per l’invio automatico. Se viene visualizzato il prompt, fai clic su Ignora.
• Se non hai un flusso nuovamente disponibile, fai clic su Esci e crea flusso quando viene visualizzato il messaggio, quindi segui Come creare un flusso nuovamente disponibile. Se il messaggio non viene visualizzato, segui la stessa guida per creare il flusso.

Analisi per i moduli "Nuovamente disponibile"

Dopo aver pubblicato il modulo, vai a Moduli d'iscrizione, apri il menu a 3 punti accanto al modulo per prodotto nuovamente disponibile e seleziona Analisi.

Puoi monitorare le metriche per il modulo nuovamente disponibile nella sua pagina di analisi, incluse Invii nuovamente disponibile e Consensi di marketing. Il Tasso di invio è il numero di invii del modulo nuovamente disponibile diviso per le visualizzazioni del modulo. Il consenso al marketing viene misurato separatamente.

Questa pagina include anche grafici dei dati del modulo per fase e per tipo di raccolta dati:

• Coinvolgimento degli utenti: si riferisce alle iscrizioni a nuovamente disponibile (ad esempio, quando un acquirente si iscrive agli avvisi di riassortimento via e-mail).
• Consenso marketing: si riferisce a quando chi acquista fornisce il consenso a ricevere messaggi promozionali, ad esempio selezionando la casella di consenso marketing per l’e-mail oppure inviando un numero di telefono con il consenso promozionale richiesto per la messaggistica di testo, WhatsApp o entrambi.

Risoluzione dei problemi per nuovamente disponibile

Se la tua esperienza di nuovamente disponibile non funziona come previsto, controlla i seguenti problemi comuni.

Il pulsante "Avvisami" non viene visualizzato o non si trova nella posizione corretta

Se il pulsante "Avvisami" non è presente nella pagina del prodotto o vuoi configurarlo in modo che appaia in un’altra posizione personalizzata, puoi controllarne manualmente il posizionamento usando la classe CSS klaviyo-bis-trigger.

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

Aggiungi l’elemento di esempio nella posizione in cui vuoi il pulsante “Avvisami” oppure aggiungi la classe klaviyo-bis-trigger a un elemento esistente in quella posizione. Con Sostituisci pulsante Aggiungi al carrello, Klaviyo nasconde quell’elemento e visualizza al suo posto il pulsante. Con Impilato, Klaviyo visualizza il pulsante dopo quell’elemento. Questo può essere utile con un tema personalizzato o non standard, ma non risolverà sempre un problema di pulsante mancante. Se hai difficoltà a configurare la posizione di un pulsante personalizzato, consulta il tuo sviluppatore.

Compatibilità con l'impostazione di Shopify “Continua a vendere quando esaurito”

La funzionalità nuovamente disponibile di Klaviyo non funziona con l’impostazione di Shopify “Continua a vendere quando esaurito”. Se questa impostazione è attiva, il prodotto risulta sempre disponibile, anche con inventario pari a zero. Di conseguenza:

• Il pulsante "Avvisami" e il modulo nuovamente disponibile non verranno visualizzati.
• Non verrà inviata alcuna e-mail nuovamente disponibile, poiché Klaviyo non può rilevare quando l’inventario viene rifornito per attivare il flusso.

Per utilizzare la funzionalità nuovamente disponibile di Klaviyo, assicurati che "Continua a vendere quando esaurito" sia disattivato per questi prodotti.

Stai utilizzando un tema Retina?

Il tema Retina (di Out of the Sandbox) è dotato di un modulo "Avvisami" integrato nella pagina del prodotto. Dovrai disabilitare il pulsante predefinito fornito con il tema, affinché il codice Klaviyo funzioni.

Stai utilizzando un tema che nasconde un prodotto se tutte le varianti sono esaurite?

Se il tuo tema Shopify nasconde un prodotto quando tutte le varianti sono esaurite, dovrai identificare quest'area del codice nel tuo file product.liquid e modificarla per visualizzare tutti i prodotti, indipendentemente dal livello delle scorte.

Risorse aggiuntive