Come impostare un modulo nuovamente disponibile
Scopri come configurare e personalizzare un modulo d'iscrizione per le notifiche di nuovamente disponibile per il tuo negozio online. Usando l'editor dei moduli di Klaviyo, puoi personalizzare sia il pulsante "Avvisami" che viene visualizzato quando un prodotto sul tuo sito è esaurito, 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 Shopify e BigCommerce. Se utilizzi una piattaforma diversa, consulta invece la nostra guida all’installazione del flusso nuovamente disponibile.
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 per la disponibilità nuovamente disponibile, Klaviyo mostra automaticamente un pulsante “Avvisami” personalizzabile in qualsiasi pagina prodotto in cui l’inventario è esaurito. Puoi personalizzare questo pulsante nell’editor dei moduli, insieme al modulo stesso. Il pulsante viene mostrato e nascosto automaticamente in base all’inventario del prodotto.
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 fa acquisti può inserire il proprio numero di telefono per ricevere un avviso di riassortimento tramite messaggio di testo. Per ricevere questi avvisi di testo, chi acquista deve fornire un consenso esplicito a ricevere messaggi di testo promozionali. Questo consenso è obbligatorio e non può essere reso facoltativo, e il testo della tua informativa deve essere presente.
Dopo che un acquirente invia il modulo, Klaviyo registra un evento iscriviti to Back In Stock sul suo profilo. Questo evento viene utilizzato per attivare il tuo flusso nuovamente disponibile. Gli acquirenti che si iscrivono entreranno automaticamente nel flusso e riceveranno una notifica quando il prodotto tornerà disponibile.
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.
Fai clic su una delle frecce qui sotto per espandere la sezione seguente e visualizzare le istruzioni su come rimuovere il codice dalla piattaforma del tuo store. Se non sai quale script o codice rimuovere, contatta il tuo sviluppatore o fai riferimento alle note di installazione originali.
Se non hai ancora aggiunto alcun codice nuovamente disponibile, passa alla sezione successiva sulla creazione del tuo modulo nuovamente disponibile.
Rimuovi il codice nuovamente disponibile da un sito Shopify
- Nel pannello di amministrazione di Shopify, vai su Negozio online > Temi.
- Accanto al tema pubblicato, fai clic sul menu delle opzioni aggiuntive (3 puntini), poi seleziona Modifica codice.
- Apri il file theme.liquid.
- Usa la scorciatoia Trova (Command+F su Mac o Control+F su Windows) per cercare la parola “backinstock” all'interno del file.
- Trova ed elimina il seguente snippet di codice:
<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> - Clicca su Salva.
- Torna al tuo sito web e aggiorna una pagina prodotto per un articolo esaurito. Verifica che il pulsante "Avvisami" non sia più visibile.
Rimuovi il codice per prodotti nuovamente disponibili da un sito BigCommerce
- Nell'area di amministrazione di BigCommerce, vai su Storefront > Script Manager.
- Cerca eventuali script correlati alla funzionalità nuovamente disponibile di Klaviyo. Questi script potrebbero avere un nome come "Klaviyo nuovamente disponibile" o essere etichettati in base alla tua installazione precedente.
- Accanto allo script, fai clic sul menu delle opzioni aggiuntive (3 puntini) e scegli Elimina per rimuovere lo script.
Se inizialmente hai incollato il codice Klaviyo per l’avviso di nuovamente disponibile direttamente in un file del tema (ad esempio in footer.html), devi rimuovere manualmente il codice da lì. Per farlo, vai su Storefront > Themes > Edit Theme Files, trova il file che contiene lo script ed elimina lo snippet di codice.
- Salva le modifiche.
- Torna al tuo sito web e aggiorna una pagina prodotto per un articolo esaurito. Verifica che il pulsante "Avvisami" non sia più visibile.
Crea un modulo per prodotti nuovamente disponibili
Puoi avere un solo modulo nuovamente disponibile nel tuo account alla volta, indipendentemente dal fatto che sia pubblicato o in modalità bozza. Se esiste già un modulo nuovamente disponibile, devi eliminarlo prima di crearne uno nuovo.
- Nella navigazione principale di Klaviyo, seleziona la scheda Moduli d'iscrizione.
- Fai clic su Crea un modulo.
- Nella barra di ricerca, digita “nuovamente disponibile” e seleziona un modello nuovamente disponibile predefinito da personalizzare.
- Se preferisci partire da un modulo vuoto, fai clic su Crea un modulo vuoto e poi scegli nuovamente disponibile come tipo di modulo.
- Scegli in quale/i lista/e vuoi raccogliere le iscrizioni a e-mail, SMS e WhatsApp.
- Fai clic su Crea un modulo.
- 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.
- 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”).
Se vuoi posizionare il pulsante "Avvisami" in una posizione diversa, consulta la sezione qui sotto sull'uso di klaviyo-bis-trigger per il posizionamento personalizzato del pulsante.
- Usa le opzioni per Testo, stile del pulsante, bordo, e ombra per aggiornare l’etichetta e lo stile del pulsante "Avvisami".
- Passa al passaggio Consenso all'e-mail e usa il menu Stili per regolare colori, font e layout in modo che il tuo modulo rispecchi il tuo brand.
- Applica lo stile a ogni passaggio successivo del tuo modulo, come l'iscrizione agli SMS o i passaggi di successo, facendo clic su ogni passaggio nella barra dei menu e ripetendo il passaggio 9.
Ogni passaggio di input deve includere almeno 1 campo di inserimento per l’e-mail o per il numero di telefono. Se un passaggio li include entrambi, puoi rimuoverne 1. Se un passaggio include solo 1 dei 2 input, non può essere eliminato da quel passaggio. Puoi comunque eliminare l’intero passaggio se vuoi raccogliere solo 1 canale. Il consenso al marketing via e-mail è facoltativo e può essere rimosso.
- 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.
- Quando il modulo soddisfa le tue preferenze, clicca su Pubblica per attivarlo. Una volta attivo il modulo, il pulsante di visualizzazione del prodotto apparirà automaticamente quando un articolo sul tuo sito esaurisce le scorte.
- Dopo la pubblicazione, vedrai una richiesta nella modale di conferma della pubblicazione per configurare il flusso nuovamente disponibile.
- Se hai già configurato un flusso nuovamente disponibile con la metrica Iscriviti a Nuovamente disponibile come attivatore, inizierà a funzionare automaticamente con il tuo nuovo modulo nuovamente disponibile. Non devi crearne un altro; fai clic su Ignora.
- In caso contrario, fai clic su Esci e crea flusso, quindi consulta la nostra guida su Come configurare un flusso nuovamente disponibile.
Analisi per i moduli "Nuovamente disponibile"
Puoi monitorare le metriche per il tuo modulo nuovamente disponibile nella sua pagina di analisi, incluse Invii nuovamente disponibili e Marketing opt-ins. Nota che il tasso di invio viene calcolato in base al numero di iscrizioni a nuovamente disponibile, non al consenso marketing.
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).
- Consensi di marketing: si riferisce a quando gli acquirenti forniscono il consenso a ricevere messaggi promozionali, selezionando la casella di consenso al marketing per e-mail o inviando un numero di telefono, poiché gli avvisi via SMS richiedono sempre il consenso agli SMS promozionali.
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 venga visualizzato in una posizione diversa e personalizzata, puoi controllarne manualmente il posizionamento usando l'attributo HTML klaviyo-bis-trigger.
<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a> Aggiungi questo attributo all'elemento HTML specifico in cui vuoi che venga visualizzato il pulsante "Avvisami" e Klaviyo mostrerà il pulsante in quella posizione invece che nella posizione predefinita. Questa soluzione può essere utile se utilizzi un tema personalizzato o non standard; tuttavia, non risolverà sempre un problema di pulsante mancante. Se hai difficoltà a configurare una posizione personalizzata del pulsante, 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
- How to build a back in stock flow
Learn how to build a Klaviyo back in stock flow to alert customers about inventory if you are using the Shopify, BigCommerce, Magento 2, PrestaShop, SFCC, or Shopware platforms, or if you have an inventory-aware catalog synced via custom catalog feed or API.
- Understanding how back in stock flows work
Learn about how back in stock flows work, how contacts move through them, and how they appear different from most other metric-triggered flows. For instance, they have the back in stock delay component, which is unique to this type of flow.
- How to use SMS in your back in stock flows
Learn how to use SMS in your back in stock flows with Klaviyo.